:root{--bs-body-bg:#000;--bs-body-color:#f5efff;--bs-border-color:#392746;--bg:#000;--panel:#140d20;--ink:#f5efff;--muted:#c0b0ce;--accent:#b466ff;--pink:#ff66c4;--line:#392746;--mx:50vw;--my:40vh}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#000;color:var(--ink);font-family:system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.75;isolation:isolate}a{color:inherit;text-decoration:none}a:hover{color:var(--pink)}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.container{max-width:1240px;padding:0 32px}.skip{position:absolute;top:-100px;left:15px;z-index:20;background:#b466ff;color:#000;padding:10px}.skip:focus{top:15px}#ambient{position:fixed;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none}#spotlight{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(340px circle at var(--mx) var(--my),#a24bff20,transparent 80%)}.site-header{border-bottom:1px solid var(--line);background:#000c}.navbar{display:flex;align-items:center;gap:24px;min-height:96px;flex-wrap:wrap}.navbar-brand{font-size:29px;font-weight:900;letter-spacing:-1px;color:white;margin-right:auto}.navbar-brand span{color:var(--accent)}.navbar-nav{display:flex;flex-direction:row;gap:22px;flex-wrap:wrap;align-items:center}.nav-link{color:var(--muted);padding:12px 0;font-size:14px;border-bottom:2px solid transparent}.nav-link[aria-current]{color:white;border-color:var(--accent)}.languages{display:flex;gap:8px;font-size:13px}.languages a{padding:5px 8px;border:1px solid var(--line);border-radius:7px}.languages [aria-current]{color:#08020d;background:var(--accent)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;padding:95px 0 100px;align-items:center}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:var(--pink);margin-bottom:24px}h1{font-size:clamp(54px,7vw,98px);font-weight:850;line-height:1.03;letter-spacing:-4px;margin-bottom:32px}h1 span{color:var(--accent)}h2{font-size:clamp(28px,3.5vw,42px);line-height:1.2;letter-spacing:-1px;margin:0 0 26px;font-weight:750}h3{font-size:24px;line-height:1.4;margin:0 0 18px;font-weight:700}.lead{font-size:20px;color:var(--muted);max-width:760px;line-height:1.7}p{margin-bottom:22px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border:1px solid #684581;border-radius:28px;background:#100919;color:white;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,border-color .2s}.button.primary{background:var(--accent);color:#0a0211;border-color:var(--accent);box-shadow:0 0 40px #b466ff22}.button:hover{color:inherit;transform:translateY(-3px);border-color:var(--pink)}.primary:hover{color:#000}.identity,.panel{background:linear-gradient(145deg,#1b1029ef,#0d0914f5);border:1px solid var(--line);border-radius:24px;padding:35px;position:relative}.identity{border-top:3px solid var(--accent)}.identity h2{font-size:37px}.identity p,.panel p{color:var(--muted)}.tag{display:inline-block;font-size:13px;padding:7px 12px;border:1px solid #704c8c;border-radius:20px}.interactive-card{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .15s,border-color .2s;overflow:hidden}.interactive-card:hover{border-color:var(--accent);box-shadow:0 12px 55px #b466ff15}section{padding:65px 0;border-bottom:1px solid var(--line)}.hero{border-bottom:1px solid var(--line)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.section-heading h2{margin:0}.section-heading>a{color:var(--pink);font-size:14px}.page-hero{padding:70px 0 38px}.page-hero h1{font-size:clamp(46px,6vw,76px)}.page-hero .eyebrow{margin-bottom:18px}.empty{padding:25px;background:#140d20;border:1px dashed #664581;border-radius:16px;color:var(--muted)}.muted{color:var(--muted);font-size:15px}.about-grid{display:grid;grid-template-columns:290px 1fr;gap:60px}.portrait{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:20px;margin-bottom:28px;border:1px solid var(--line)}.personal-quote{font-size:23px;border-left:3px solid var(--pink);padding:20px 25px;background:#140d20;border-radius:0 16px 16px 0;margin:35px 0}abbr[title]{text-underline-offset:5px}code{color:#e0aaff;font-size:.95em}pre{background:#100a18;border:1px solid var(--line);border-radius:18px;padding:25px;overflow:auto;font-size:15px;line-height:1.7}li{margin-bottom:8px}.skill{padding:20px 25px;background:#140d20;border-radius:16px}.skill>div{display:flex;justify-content:space-between;gap:15px;font-size:15px;margin-bottom:10px}.skill strong{font-size:13px;color:var(--muted)}progress{appearance:none;width:100%;height:9px;border:0;border-radius:9px;overflow:hidden;background:#362447}progress::-webkit-progress-bar{background:#362447}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent),var(--pink))}progress::-moz-progress-bar{background:var(--accent)}.table-wrap{overflow:auto}.table{--bs-table-bg:#100a18;--bs-table-color:#f5efff;--bs-table-border-color:#392746;min-width:560px}.table td,.table th{padding:18px}caption{color:var(--muted);font-size:14px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.flip-card{display:block;width:100%;height:420px;background:none;border:0;padding:0;perspective:1200px;color:white;text-align:left;cursor:pointer}.flip-inner{display:block;position:relative;height:100%;width:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.15,1)}.flip-front,.flip-back{position:absolute;inset:0;display:flex;flex-direction:column;border-radius:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border:1px solid #5e3c78}.flip-front img{height:100%;width:100%;object-fit:cover}.photo-caption{position:absolute;inset:auto 0 0;padding:60px 25px 25px;background:linear-gradient(transparent,#000e);font-weight:750;font-size:21px}.photo-caption small{display:block;font-size:12px;font-weight:400;color:#d8cce5;margin-top:7px}.flip-back{transform:rotateY(180deg);background:radial-gradient(ellipse at top,#39204d,#140d20 65%);padding:30px;justify-content:space-between}.flip-back .quote-note{font-size:22px;line-height:1.6;color:#fff;margin:20px 0;overflow:auto;white-space:pre-line}.photo-label,.flip-hint{color:#d0a7f5;font-size:13px}.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}@media(hover:hover) and (pointer:fine){.flip-card:hover .flip-inner{transform:rotateY(180deg)}}.project-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:15px;margin-bottom:25px}.post-links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:45px}.post-links a{font-size:14px;border:1px solid var(--line);padding:9px 15px;border-radius:20px}.blog-post{max-width:860px;margin:0 auto;padding:45px 0;border-top:1px solid var(--line);scroll-margin-top:30px}.blog-post figure{margin:30px 0}.blog-post img{width:100%;height:auto;border:1px solid var(--line);border-radius:16px}.blog-post figcaption{color:var(--muted);font-size:13px;margin-top:10px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}address{font-style:normal}label{display:block;font-size:15px;margin-bottom:20px}input,textarea{display:block;width:100%;padding:13px 15px;border:1px solid #624078;border-radius:10px;background:#100919;color:white;margin-top:8px}textarea{resize:vertical}.trap{position:absolute;left:-9999px;opacity:0}.notice{padding:18px;background:#2c173c;border-left:3px solid var(--pink);border-radius:8px}footer{display:flex;justify-content:space-between;gap:20px;padding:32px!important;font-size:14px;color:var(--muted)}footer strong{color:white}
@media(max-width:1000px){.hero{gap:30px}.navbar{gap:15px}.navbar-nav{gap:14px}.gallery-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:240px 1fr;gap:30px}}@media(max-width:760px){.container{padding:0 20px}.navbar{min-height:85px}.menu-toggle{display:block;border:1px solid #604079;color:white;background:#140d20;border-radius:20px;padding:7px 14px;font-size:14px}.navbar-nav{display:none;order:4;width:100%;padding:10px 0 20px;gap:12px 22px}.navbar-nav.open{display:flex}.hero{grid-template-columns:1fr;padding:55px 0;gap:35px}h1{letter-spacing:-2px}.identity,.panel{padding:27px}.identity h2{font-size:31px}.two-cols,.about-grid,.contact-grid{grid-template-columns:1fr}.about-grid aside{max-width:330px}.contact-grid{gap:35px}.gallery-grid{grid-template-columns:1fr 1fr;gap:14px}.flip-card{height:340px}.flip-back{padding:22px}.flip-back .quote-note{font-size:18px}.section-heading{align-items:flex-start;flex-direction:column}.page-hero{padding-top:45px}section{padding:42px 0}footer{flex-direction:column;gap:7px}.skill>div{flex-wrap:wrap}}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}.flip-card{height:420px}.lead{font-size:18px}.languages{gap:4px}.flip-back .quote-note{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#spotlight{display:none}.interactive-card{transform:none!important}.flip-inner{transition:none}.button{transition:none}}@media print{#ambient,#spotlight,.site-header,.actions{display:none}body{background:white;color:#000}.container{max-width:100%}section{break-inside:avoid}.hero{padding:20px 0}.panel,.identity,.skill{background:white;color:black}p,.lead{color:#222!important}}