:root{--bg:#070914;--bg2:#0d1020;--text:#f5f7ff;--muted:#a7aec5;--line:rgba(255,255,255,.12);--accent:#8aa7ff;--accent2:#b19cff;--success:#88e0b0;--shadow:0 24px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% 10%,#171d42 0,transparent 28%),radial-gradient(circle at 82% 0,#261d4a 0,transparent 24%),linear-gradient(160deg,var(--bg),var(--bg2));min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 30%,#000,transparent 78%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.noise{display:none}
.site-header{width:min(1180px,calc(100% - 40px));margin:18px auto 0;position:sticky;top:18px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px 13px 18px;border:1px solid var(--line);background:rgba(9,11,25,.58);backdrop-filter:blur(22px);border-radius:999px;box-shadow:0 14px 40px rgba(0,0,0,.22)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.12em;font-size:.83rem}.brand-mark{width:30px;height:30px;border:1px solid rgba(255,255,255,.25);border-radius:50%;position:relative;font-size:0;background:radial-gradient(circle at 38% 35%,#dbe4ff 0 7%,#8aa7ff 8% 18%,transparent 20%)}.brand-mark:after{content:"";position:absolute;inset:5px -5px;border:1px solid rgba(177,156,255,.5);border-radius:50%;transform:rotate(-22deg)}.site-nav{display:flex;gap:4px}.site-nav a{padding:10px 13px;border-radius:999px;color:var(--muted);font-size:.92rem}.site-nav a:hover,.site-nav a.active{background:rgba(255,255,255,.08);color:#fff}.menu-toggle{display:none;border:0;background:rgba(255,255,255,.07);color:#fff;width:42px;height:42px;border-radius:50%}
.section{width:min(1180px,calc(100% - 40px));margin:auto;padding:100px 0}.hero{min-height:740px;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;padding-top:96px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#c6ceea;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px}.eyebrow:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}h1,h2,h3{margin-top:0;line-height:1;letter-spacing:-.05em}h1{font-size:clamp(3.5rem,7vw,7rem);line-height:.91;margin-bottom:28px}h1 span{color:transparent;background:linear-gradient(100deg,#fff,#b8c7ff 44%,#bea7ff);background-clip:text;-webkit-background-clip:text}.hero-text,.page-hero>p:last-child,.about-copy p,.card p,.project-content p,.case-copy>p,.contact-info>p{color:var(--muted);line-height:1.75}.hero-text{font-size:clamp(1.05rem,1.8vw,1.28rem);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);padding:12px 18px;border-radius:999px;font-weight:760}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#0a0d18;box-shadow:0 10px 34px rgba(138,167,255,.24)}.button.secondary{background:rgba(255,255,255,.07)}.button.light{background:#fff;color:#0a0d18}.button:hover{transform:translateY(-2px)}
.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.orb{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(138,167,255,.24),rgba(177,156,255,.07) 45%,transparent 70%);filter:blur(7px)}.hero-visual:before,.hero-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:rotate(-18deg)}.hero-visual:before{width:500px;height:340px}.hero-visual:after{width:390px;height:250px;transform:rotate(18deg)}.glass,.card,.project-card,.case-study{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));backdrop-filter:blur(22px);box-shadow:var(--shadow);border-radius:28px}.profile-card{z-index:2;width:min(340px,80vw);aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;justify-content:center;padding:42px;text-align:center}.profile-top{display:block}.avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:rgba(255,255,255,.12);border:1px solid var(--line)}.profile-top h2{font-size:1.65rem;margin-bottom:6px}.profile-top p,.status{color:var(--muted)}.status{margin:18px 0}.status span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 14px var(--success);margin-right:8px}.profile-tags,.case-meta,.skill-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.profile-tags span,.case-meta span,.skill-list span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#c8d0e4;font-size:.75rem}.floating-note{position:absolute;padding:12px 15px;border:1px solid var(--line);background:rgba(255,255,255,.07);backdrop-filter:blur(15px);border-radius:18px;color:#d9def0;font-size:.83rem}.note-one{top:15%;left:2%}.note-two{right:0;bottom:14%}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px}.mini-stats div{padding:16px;border-top:1px solid var(--line)}.mini-stats strong{display:block;font-size:1.5rem}.mini-stats span{color:var(--muted);font-size:.78rem}
.section-heading{margin-bottom:42px}.section-heading.row{display:flex;justify-content:space-between;align-items:end;gap:28px}.section-heading h2{font-size:clamp(2.4rem,5vw,4.9rem);max-width:760px;margin:0}.text-link,.project-content a{color:#cad4ff}.service-grid,.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:30px;min-height:250px}.card-number{display:block;color:#bdc6de;letter-spacing:.12em;font-size:.8rem;margin-bottom:58px}.card h3{font-size:1.8rem}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{overflow:hidden}.project-card.large{grid-row:span 2}.project-visual,.case-visual{min-height:270px;display:flex;justify-content:flex-end;padding:22px;background:radial-gradient(circle at 30% 30%,rgba(138,167,255,.32),transparent 30%),linear-gradient(145deg,#11162d,#171029)}.project-card.large .project-visual{min-height:560px}.project-visual span,.case-visual span{height:max-content;padding:8px 11px;border:1px solid var(--line);background:rgba(7,9,20,.55);border-radius:999px;font-size:.75rem}.project-content{padding:28px}.project-content h3{font-size:2rem}.project-type{color:#bdc6de!important;letter-spacing:.12em;font-size:.75rem;text-transform:uppercase}.cta{text-align:center;background:linear-gradient(135deg,rgba(138,167,255,.88),rgba(177,156,255,.86));color:#0a0d18;border-radius:28px;padding:85px 30px;margin-bottom:90px}.cta .eyebrow{color:#111}.cta h2{font-size:clamp(2.4rem,5vw,4.6rem)}
.page-hero{padding-top:130px;padding-bottom:55px}.page-hero h1{max-width:950px}.about-layout,.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;align-items:stretch}.portrait-panel,.about-copy,.contact-info,.contact-form{padding:38px}.portrait-placeholder{height:100%;min-height:520px;border:1px solid var(--line);border-radius:28px;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,rgba(138,167,255,.25),transparent 45%)}.portrait-placeholder span{font-size:5rem;font-weight:800}.skill-group h3{font-size:1.8rem}.timeline{border-left:1px solid var(--line)}.timeline-item{position:relative;display:grid;grid-template-columns:100px 1fr;gap:28px;padding:0 0 42px 32px}.timeline-item:before{content:"";position:absolute;left:-7px;top:4px;width:13px;height:13px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.timeline-item>span{color:#bdc6de}.timeline-item p{color:var(--muted)}.project-list{display:grid;gap:18px}.case-study{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.case-study.reverse .case-visual{order:2}.case-visual{min-height:480px}.case-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}.case-copy h2{font-size:clamp(2rem,4vw,3.8rem)}.contact-links{margin-top:45px}.contact-links a{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line);color:var(--muted)}.contact-links span{color:#fff}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:8px;color:#c6cee2;font-size:.86rem}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.055);color:#fff;padding:14px 15px;border-radius:14px;outline:none}.contact-form select option{color:#111}
.site-footer{width:min(1180px,calc(100% - 40px));margin:auto;padding:30px 0 55px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:end;color:var(--muted);font-size:.9rem}.footer-links{display:flex;gap:18px}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-nav{display:none}.menu-toggle{display:block}.site-nav.open{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;padding:14px;background:#0c1020;border:1px solid var(--line);border-radius:24px}.hero,.about-layout,.contact-layout,.case-study{grid-template-columns:1fr}.signal-grid,.service-grid,.skills-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-card.large{grid-row:auto}.project-card.large .project-visual{min-height:300px}.case-study.reverse .case-visual{order:initial}.site-footer{grid-template-columns:1fr}.section-heading.row{align-items:start;flex-direction:column}}
@media(max-width:620px){.section,.site-header,.site-footer{width:min(100% - 24px,1180px)}.section{padding:75px 0}.hero{padding-top:70px}.hero-visual{min-height:420px}.hero-visual:before{width:390px;height:280px}.floating-note{display:none}.mini-stats{grid-template-columns:1fr}.profile-card{width:300px}.case-copy,.portrait-panel,.about-copy,.contact-info,.contact-form{padding:27px}}