@import "https://fonts.googleapis.com/css?family=Raleway:400,700";.navbar{z-index:100;background-color:var(--surface);border-bottom:1px solid var(--border);padding:20px 10px;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;padding:0 70px;display:flex}.nav-links a.contact-link{background-color:var(--accent);color:#fff;border-radius:10px;padding:7px 30px;font-size:18px;font-weight:700;transition:transform .2s,background-color .2s}.nav-links a.contact-link:hover{background-color:var(--accent-hover);color:#fff;transform:scale(1.04)}.contact-link:after{display:none}.nav-brand{color:var(--text);align-items:center;gap:10px;font-size:26px;font-weight:700;text-decoration:none;display:inline-flex}.nav-brand:hover{color:var(--accent)}.brand-prompt{font-family:var(--font-mono);color:var(--accent);font-weight:600}.brand-cursor{animation:1.1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.brand-accent-part{color:var(--accent)}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--text-muted);font-size:18px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";background-color:var(--accent);border-radius:9999px;width:0;height:2px;transition:width .2s;position:absolute;bottom:-6px;left:0}.nav-links a:hover{color:var(--accent)}.nav-links a:hover:after{width:100%}.nav-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1;display:none}@media (width<=720px){.nav-toggle{display:block}.nav-brand{font-size:18px}.nav-inner{padding:0 20px}.nav-links{background-color:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:8px 24px 16px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}.nav-links a{padding:12px 0}}#home{padding-top:0}.hero{position:relative;overflow:hidden}.hero-glow{filter:blur(120px);pointer-events:none;z-index:0;background-color:#8b5cf61a;border-radius:9999px;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-inner{z-index:1;align-items:center;gap:48px;min-height:70vh;display:flex;position:relative}.hero-text{flex:1}.hero-badge{border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-muted);background-color:#ffffff08;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;display:inline-flex}.hero-dot{background-color:var(--accent);border-radius:9999px;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero-title{letter-spacing:-.02em;margin-bottom:16px;font-size:48px;font-weight:700;line-height:1.1}.hero-title .accent{color:var(--accent)}.hero-subtitle{color:var(--text-muted);max-width:520px;padding-bottom:30px;font-size:1rem}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-terminal{margin-top:32px}.hero-image{flex-shrink:0;justify-content:center;max-width:500px;max-height:750px;margin-top:50px;display:flex;position:relative}.hero-image:before{content:"";filter:blur(40px);z-index:0;pointer-events:none;background:radial-gradient(circle,#8b5cf666 0%,#8b5cf600 70%);width:440px;height:440px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-image img{z-index:1;object-fit:contain;filter:drop-shadow(0 0 30px #8b5cf673);width:420px;height:auto;position:relative}@media (width<=860px){.hero-inner{text-align:center;flex-direction:column-reverse;gap:32px;padding-top:32px}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-title{font-size:34px}.hero-image img{object-fit:cover;border-radius:9999px;width:220px;height:220px}.hero-image:before{width:260px;height:260px}}.terminal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18181ba6;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:500px;padding:4px;box-shadow:0 25px 50px -12px #00000080}.terminal-bar{align-items:center;gap:8px;padding:12px 16px;display:flex}.term-dot{border-radius:9999px;width:12px;height:12px}.term-dot-red{background:#f87171cc}.term-dot-yellow{background:#facc15cc}.term-dot-green{background:#4ade80cc}.terminal-title{font-family:var(--font-mono);color:#a1a1aa;margin-left:12px;font-size:12px}.terminal-body{height:200px;font-family:var(--font-mono);color:#e4e4e7;background:#0006;border-radius:12px;padding:16px;font-size:13px;overflow:hidden}.term-line{margin:0;line-height:1.625}.term-prompt{color:#fbbf24}.term-ok{color:#34d399}.term-text{color:#e4e4e7}.tok-keyword{color:#569cd6}.tok-control{color:#c586c0}.tok-func{color:#dcdcaa}.tok-type{color:#4ec9b0}.tok-string{color:#ce9178}.tok-number{color:#b5cea8}.tok-comment{color:#6a9955;font-style:italic}.tok-ident{color:#9cdcfe}.tok-punct{color:#d4d4d4}.term-cursor{vertical-align:middle;background:#fbbf24;width:8px;height:16px;margin-left:2px;animation:1s step-end infinite term-blink;display:inline-block}@keyframes term-blink{0%,to{opacity:1}50%{opacity:0}}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact-intro{color:var(--text-muted);max-width:420px;margin-bottom:32px;line-height:1.7}.contact-details{flex-direction:column;gap:16px;display:flex}.contact-item{color:var(--text-muted);align-items:center;gap:12px;text-decoration:none;transition:color .2s;display:inline-flex}a.contact-item:hover{color:var(--accent)}.contact-icon{background-color:var(--border);width:44px;height:44px;color:var(--accent);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.contact-icon svg{width:20px;height:20px}.contact-form{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:20px;padding:32px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}.field input,.field textarea{background-color:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font);border-radius:10px;padding:12px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #8b5cf64d}.field textarea{resize:vertical}.contact-form .btn{width:100%}@media (width<=860px){.contact-grid{grid-template-columns:1fr;gap:32px}}.about-inner{grid-template-columns:5fr 7fr;align-items:center;gap:48px;display:grid}.about-image{aspect-ratio:1;border-radius:var(--radius);background:linear-gradient(135deg,#1d1a23 0%,#2c2832 55%,#8b5cf64d 100%);border:2px solid #8b5cf64d;position:relative;overflow:hidden}.about-image img{object-fit:cover;width:100%;height:100%}.about-text .section-title{margin-bottom:24px}.about-p{color:var(--text-muted);margin-bottom:16px;line-height:1.7}.skills-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px;display:grid}.skill-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px;font-size:.75rem;display:block}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}@media (width<=860px){.about-inner{grid-template-columns:1fr;gap:32px}}.projects-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .4s,border-color .4s,box-shadow .4s;overflow:hidden}.project-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 0 40px #8b5cf633}.project-media{background-color:var(--surface);justify-content:center;display:flex;overflow:hidden}.project-media img{object-fit:cover;width:100%;height:auto;max-height:240px;transition:transform .7s;display:block}.project-card.featured .project-media img{max-height:none}.project-card:hover .project-media img{transform:scale(1.1)}.project-placeholder{aspect-ratio:16/10;background:linear-gradient(135deg,#1d1a23 0%,#2c2832 55%,#8b5cf64d 100%);width:100%}.project-body{padding:24px}.project-title{margin-bottom:8px;font-size:1.5rem;font-weight:600}.project-desc{color:var(--text-muted);margin-bottom:16px}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.project-link{color:var(--accent);font-weight:600;text-decoration:none}.project-link:hover{text-decoration:underline}.project-card.featured{grid-column:1/-1}@media (width>=768px){.project-card.featured{display:flex}.project-card.featured .project-media{width:50%;height:auto}.project-card.featured .project-body{flex-direction:column;justify-content:center;width:50%;padding:40px;display:flex}}.footer{border-top:1px solid var(--border);background-color:#0c0a11;padding:48px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}.footer-logo{color:var(--accent);font-size:1.25rem;font-weight:700}.footer-copy{color:var(--text-muted);margin-top:4px;font-size:.9rem}.footer-social,.footer-nav{gap:24px;display:flex}.footer-social a,.footer-nav a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-social a:hover,.footer-nav a:hover{color:var(--accent)}@media (width<=720px){.footer-inner{text-align:center;flex-direction:column;align-items:center}}.admin-page{background:radial-gradient(circle at 50% -10%,#8b5cf647,#0000 45%),radial-gradient(circle at 100% 100%,#5b21b633,#0000 40%),#0f0f11;min-height:100vh}.admin{max-width:900px;margin:0 auto;padding:48px 24px}.admin-login{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-title{justify-content:center;margin:0 0 60px;font-size:32px;font-weight:700;display:flex}.admin-sub{color:var(--text-muted);margin-bottom:40px}.admin-section{margin-bottom:56px}.admin-section h2{margin-bottom:16px;font-size:22px}.admin-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:400px;margin:0 auto 16px;padding:20px}.admin-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.admin-field label{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem}.admin-field input,.admin-field textarea{background-color:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font);border-radius:10px;padding:10px 12px;font-size:1rem}.admin-field input:focus,.admin-field textarea:focus{border-color:var(--accent);outline:none}.admin-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-actions{gap:8px;display:flex}.admin-btn{border:1px solid var(--border);color:var(--text);font-family:var(--font);cursor:pointer;background-color:#0000;border-radius:8px;padding:8px 16px;font-size:.9rem;transition:background-color .2s,border-color .2s}.admin-btn:hover{border-color:var(--accent)}.admin-btn-primary{background-color:var(--accent);border-color:var(--accent);color:#fff}.admin-btn-primary:hover{background-color:var(--accent-hover)}.admin-btn-danger:hover{color:#ef4444;border-color:#ef4444}.admin-checkbox{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:14px;display:flex}.login-container{cursor:pointer;background:#0f0f11;font-family:Raleway,sans-serif;position:fixed;inset:0;overflow:hidden}.login-top:before,.login-top:after,.login-bottom:before,.login-bottom:after{content:"";transform-origin:0;z-index:10;opacity:.65;width:200vmax;height:200vmax;margin-top:-100vmax;transition:all .5s cubic-bezier(.445,.05,0,1) .2s;display:block;position:absolute;top:50%;left:50%}.login-top:before{background:#8b5cf6;transform:rotate(45deg)}.login-top:after{background:#7c3aed;transform:rotate(135deg)}.login-bottom:before{background:#6d28d9;transform:rotate(-45deg)}.login-bottom:after{background:#5b21b6;transform:rotate(-135deg)}.login-container:hover .login-top:before,.login-container:hover .login-top:after,.login-container:hover .login-bottom:before,.login-container:hover .login-bottom:after,.login-container:active .login-top:before,.login-container:active .login-top:after,.login-container:active .login-bottom:before,.login-container:active .login-bottom:after{transform-origin:-200px;margin-left:200px;transition-delay:0s}.login-center{opacity:0;z-index:20;color:#fafafa;cursor:default;flex-direction:column;justify-content:center;align-items:center;width:400px;height:400px;margin-top:-200px;margin-left:-200px;padding:30px;transition:all .5s cubic-bezier(.445,.05,0,1);display:flex;position:absolute;top:50%;left:50%}.login-container:hover .login-center,.login-container:active .login-center{opacity:1;transition-delay:.2s}.login-center h2{margin-bottom:10px}.login-center input{color:#fafafa;background:#18181b;border:1px solid #2c2832;border-radius:8px;width:100%;margin:5px;padding:15px;font-family:inherit}.login-center input:focus{border-color:#8b5cf6;outline:none}.login-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;width:100%;margin:5px;padding:15px;font-family:inherit;font-weight:700;transition:background .2s}.login-btn:hover{background:#7c3aed}.login-error{color:#e46569;margin-top:8px;font-weight:700}:root{--bg:#0f0f11;--surface:#18181b;--border:#27272a;--text:#fafafa;--text-muted:#a0a0a8;--accent:#8b5cf6;--accent-hover:#7c3aed;--container:1200px;--radius:12px;--font:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"Geist", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.6}html{scroll-behavior:smooth}.container{max-width:var(--container);margin:0 auto;padding:0 24px}section{padding:80px 0;scroll-margin-top:90px}.btn{border-radius:var(--radius);font-family:var(--font);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--accent);color:#fff;box-shadow:0 0 80px #8b5cf626}.btn-primary:hover{background-color:var(--accent-hover);transform:scale(1.04)}.btn-secondary{color:var(--text);border-color:var(--border);background-color:#0000}.btn-secondary:hover{border-color:var(--accent)}.section-title{letter-spacing:-.01em;margin-bottom:8px;font-size:32px;font-weight:600}.section-bar{background-color:var(--accent);border-radius:9999px;width:80px;height:4px;margin-bottom:40px}.tag{font-family:var(--font-mono);background-color:var(--border);color:var(--text);border-radius:6px;padding:4px 12px;font-size:.75rem}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}