:root{--bg:#09090b;--card-bg:#18181b;--border:#27272a;--text-dim:#a1a1aa;--primary:#fff;--accent:#10b981}body{background-color:var(--bg);color:var(--primary);margin:0;font-family:Inter,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 24px}.admin-login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-login-form{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:20px;width:100%;max-width:350px;padding:48px;display:flex}.admin-login-form input{background:var(--bg);border:1px solid var(--border);color:#fff;border-radius:10px;outline:none;padding:12px}.admin-container{grid-template-columns:1.2fr .8fr;gap:40px;padding:40px 0;display:grid}@media (width<=1024px){.admin-container{grid-template-columns:1fr}}.admin-section{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:30px}.project-form{flex-direction:column;gap:15px;display:flex}.project-form input,.project-form textarea{background:var(--bg);border:1px solid var(--border);color:#fff;border-radius:10px;padding:12px}.tags-input-container{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;gap:8px;padding:10px;display:flex}.tag-item{background:var(--border);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:flex}.tag-item button{color:#ef4444;cursor:pointer;background:0 0;border:none}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;width:90%;max-width:600px;padding:40px;position:relative}.modal-footer{gap:15px;margin-top:30px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:600;text-decoration:none}.btn-primary{color:#000;background:#fff}.btn-secondary{background:var(--border);color:#fff}.admin-item{background:var(--bg);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;margin-top:10px;padding:15px;display:flex}.delete-btn{color:#f87171;cursor:pointer;background:#450a0a;border:none;border-radius:8px;padding:6px 12px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}section{scroll-margin-top:100px}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#09090b;min-width:320px;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.container{width:min(1200px,100% - 64px);margin:0 auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0cb8;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav-row{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.nav-links{gap:24px;display:flex}.nav-links a{color:#a1a1aa;font-size:14px;transition:color .2s}.nav-links a:hover{color:#fff}.brand{letter-spacing:.35em;color:#c4c4c9;font-size:13px}.hero-section{justify-content:center;align-items:center;min-height:92vh;display:flex}.hero-content{text-align:center;flex-direction:column;align-items:center;max-width:860px;display:flex}.hero-badge{color:#c4c4c9;text-transform:uppercase;letter-spacing:.18em;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:10px 16px;font-size:12px;display:inline-flex}.hero-title{letter-spacing:-.05em;margin:24px 0 0;font-size:clamp(54px,10vw,110px);font-weight:800;line-height:.98}.hero-text{color:#a1a1aa;max-width:720px;margin-top:30px;font-size:21px;line-height:1.8}.hero-meta{color:#7f7f88;justify-content:center;gap:10px;margin-top:22px;font-size:14px;display:flex}.hero-actions{justify-content:center;gap:14px;margin-top:34px;display:flex}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;min-width:150px;padding:14px 22px;font-size:15px;transition:all .2s;display:inline-flex}.btn-primary{color:#000;background:#fff;font-weight:700}.btn-secondary{color:#fff;background:#ffffff08;border:1px solid #ffffff1a}.btn:hover{transform:translateY(-2px)}.hero-links{justify-content:center;gap:18px;margin-top:28px;display:flex}.hero-links a{color:#8f8f99;font-size:14px;transition:color .2s}.hero-links a:hover{color:#fff}.section-block{padding:120px 0}.section-heading{text-align:center;margin-bottom:60px}.section-kicker{color:#7f7f88;text-transform:uppercase;letter-spacing:.2em;margin-bottom:8px;font-size:12px}.section-description{color:#a1a1aa;max-width:760px;margin:16px auto 0;font-size:18px;line-height:1.85}.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:26px;padding:32px;transition:all .4s;position:relative}.project-card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-8px)}.project-type{color:#8b8b95;text-transform:uppercase;letter-spacing:.16em;margin-bottom:12px;font-size:11px;display:block}.project-card h3{margin:0;font-size:28px;font-weight:600}.project-card p{color:#a1a1aa;margin:14px 0 24px;font-size:17px}.project-stack{flex-wrap:wrap;gap:8px;display:flex}.mini-pill{color:#c4c4c9;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:6px 12px;font-size:12px}.about-section{text-align:center;background:linear-gradient(#ffffff08 0%,#0000 100%);border-radius:60px;margin:0 20px;padding:140px 0}.about-container-lg{max-width:1000px;margin:0 auto}.about-title-lg{letter-spacing:-.03em;margin:20px 0 40px;font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.1}.about-description-lg p{color:#d1d1d6;margin-bottom:30px;font-size:20px;line-height:1.9}.stack-wrap-lg{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:50px;display:flex}.stack-pill-lg{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s}.stack-pill-lg:hover{color:#000;background:#fff}.contact-grid{grid-template-columns:1.6fr 1fr;align-items:start;gap:80px;display:grid}.contact-h2{letter-spacing:-.02em;text-align:left;margin:10px 0 30px;font-size:clamp(32px,4vw,48px)}.contact-form{flex-direction:column;gap:24px;display:flex}.input-row{gap:20px;display:flex}.input-group{text-align:left;flex-direction:column;flex:1;gap:10px;display:flex}.input-group label{color:#fff;margin-left:4px;font-size:14px;font-weight:500}.input-group input,.input-group textarea{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:18px;font-size:16px;transition:all .2s}.input-group input:focus,.input-group textarea:focus{background:#ffffff0d;border-color:#fff3;outline:none}.send-btn{width:fit-content;margin-top:10px}.contact-info-side{text-align:left;flex-direction:column;gap:40px;padding-top:60px;display:flex}.info-label{text-transform:uppercase;color:#7f7f88;letter-spacing:.1em;margin-bottom:8px;font-size:12px;display:block}.info-value{color:#fff;font-size:18px}.info-socials{flex-direction:column;gap:12px;display:flex}.info-socials a{color:#a1a1aa;font-size:16px;transition:color .2s}.info-socials a:hover{color:#fff;text-decoration:underline}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=980px){.contact-grid{grid-template-columns:1fr;gap:60px}.contact-info-side{padding-top:0}}@media (width<=768px){.projects-grid{grid-template-columns:1fr}.about-section{border-radius:0;margin:0;padding:80px 0}}@media (width<=640px){.input-row,.hero-actions{flex-direction:column}.btn{width:100%}}.site-footer{background:#09090b;padding:60px 0 40px}.footer-line{background:linear-gradient(90deg,#0000,#27272a,#0000);width:100%;height:1px;margin-bottom:30px}.footer-bottom{color:#71717a;letter-spacing:.5px;justify-content:space-between;align-items:center;font-family:Space Mono,monospace;font-size:13px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;margin-right:8px;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 10px #22c55e}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@media (width<=768px){.footer-bottom{text-align:center;flex-direction:column;gap:15px}}