:root{--bg:#0a0a12;--bg-soft:#12101c;--accent:#ffb347;--accent-2:#6ee7ff;--accent-3:#a78bfa;--text:#f0ece6;--muted:#9b95a0;--card:hsla(0,0%,100%,.06);--stroke:hsla(0,0%,100%,.08);--shadow:0 40px 90px rgba(0,0,0,.5);--glow-accent:rgba(255,179,71,.4);--glow-cyan:rgba(110,231,255,.3)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif;color:var(--text);background:var(--bg);min-height:100vh;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}main{position:relative;z-index:1}.bg-orb{position:fixed;border-radius:50%;opacity:.35;z-index:0;filter:blur(90px);pointer-events:none}.orb-a{width:520px;height:520px;background:radial-gradient(circle,#ff8d4d,transparent 70%);top:-160px;right:-160px;animation:float-a 20s ease-in-out infinite}.orb-b{width:620px;height:620px;background:radial-gradient(circle,#4dd8ff,transparent 70%);bottom:-220px;left:-220px;animation:float-b 24s ease-in-out infinite}@keyframes float-a{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,40px) scale(1.06)}66%{transform:translate(30px,-30px) scale(.94)}}@keyframes float-b{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-50px) scale(1.08)}66%{transform:translate(-30px,35px) scale(.92)}}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,transparent 0);background-size:72px 72px;opacity:.7;mask-image:radial-gradient(ellipse at 50% 0,rgba(0,0,0,.5),transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 0,rgba(0,0,0,.5),transparent 70%);z-index:0;pointer-events:none}.site-header{position:sticky;top:0;z-index:100;justify-content:space-between;padding:16px 8vw;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:rgba(10,10,18,.65);border-bottom:1px solid hsla(0,0%,100%,.05)}.brand,.site-header{display:flex;align-items:center}.brand{grid-gap:12px;gap:12px;font-weight:600;letter-spacing:.4px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#ff6b5f);color:#1a1520;font-weight:700;font-size:1.1rem;box-shadow:0 4px 20px var(--glow-accent)}.site-header .nav{display:flex;grid-gap:32px;gap:32px;font-size:.88rem;font-weight:500}.site-header .nav a{opacity:.55;transition:opacity .25s ease;position:relative}.site-header .nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:1px;transition:width .3s cubic-bezier(.25,.46,.45,.94)}.site-header .nav a.active,.site-header .nav a:hover{opacity:1}.site-header .nav a.active:after,.site-header .nav a:hover:after{width:100%}.header-right{display:flex;align-items:center;grid-gap:20px;gap:20px}.status-indicator{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:.75rem;color:var(--muted);letter-spacing:.5px}.status-dot{width:7px;height:7px;background:#4ade80;border-radius:50%;animation:pulse-dot 2.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(74,222,128,.5)}50%{opacity:.6;box-shadow:0 0 0 6px rgba(74,222,128,0)}}.cta{background:linear-gradient(135deg,var(--accent),#ff6b5f);color:#1a1218;padding:10px 22px;border-radius:999px;font-weight:600;font-size:.85rem;box-shadow:0 8px 28px rgba(255,140,90,.25);transition:transform .25s ease,box-shadow .25s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(255,140,90,.4)}.hero{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:48px;gap:48px;padding:100px 8vw 80px;align-items:center;min-height:85vh}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:.7rem;color:var(--accent-2);font-weight:600}.hero h1{font-family:Fraunces,serif;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.12;margin:16px 0 20px;background:linear-gradient(135deg,var(--text) 30%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lead{color:var(--muted);max-width:520px;font-size:1rem;line-height:1.7}.hero-actions{display:flex;grid-gap:14px;gap:14px;margin:32px 0;flex-wrap:wrap}.ghost,.primary{padding:12px 28px;border-radius:999px;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.primary{background:var(--text);color:#1b1520}.primary:hover{box-shadow:0 8px 30px hsla(36,25%,92%,.18);transform:translateY(-2px)}.ghost{border:1px solid hsla(0,0%,100%,.18)}.ghost:hover{border-color:var(--accent-2);box-shadow:0 0 24px var(--glow-cyan)}.hero-stats{display:flex;grid-gap:32px;gap:32px;flex-wrap:wrap;padding-top:8px}.stat{display:block;font-size:1.12rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.8rem;color:var(--muted)}.hero-card{padding:28px;background:var(--card);border:1px solid var(--stroke);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .4s ease,box-shadow .4s ease}.hero-card:hover{border-color:rgba(110,231,255,.15);box-shadow:var(--shadow),0 0 80px rgba(110,231,255,.04)}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--muted);margin-bottom:16px}.pill{border:1px solid hsla(0,0%,100%,.12);padding:4px 12px;border-radius:999px;font-size:.75rem;background:hsla(0,0%,100%,.04)}.hero-card h3{font-family:Fraunces,serif;font-size:1.25rem;margin-bottom:6px}.snapshot-list{list-style:none;margin:16px 0 20px;display:grid;grid-gap:12px;gap:12px;padding:0}.snapshot-list li{padding:10px 14px;border-radius:12px;background:hsla(0,0%,100%,.03);border-left:3px solid var(--accent-2);transition:background .25s ease}.snapshot-list li:hover{background:hsla(0,0%,100%,.07)}.snapshot-list strong{display:block;font-size:.86rem;color:var(--accent)}.snapshot-list span{font-size:.83rem;color:var(--muted)}.card-actions a{font-weight:600;color:var(--accent-2);font-size:.88rem;transition:color .2s ease;display:inline-flex;align-items:center;grid-gap:6px;gap:6px}.card-actions a:hover{color:var(--accent)}.card-actions a:after{content:"\2192";transition:transform .25s ease}.card-actions a:hover:after{transform:translateX(4px)}.section{padding:100px 8vw}.section-title{margin-bottom:40px}.section h2{font-family:Fraunces,serif;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15}.grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.work-card{padding:28px;border-radius:20px;border:1px solid hsla(0,0%,100%,.06);background:linear-gradient(160deg,hsla(0,0%,100%,.055),hsla(0,0%,100%,.015));min-height:260px;display:flex;flex-direction:column;grid-gap:10px;gap:10px;transition:transform .35s cubic-bezier(.25,.46,.45,.94),border-color .35s ease,box-shadow .35s ease;position:relative;overflow:hidden}.work-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:0;transition:opacity .35s ease}.work-card:hover{transform:translateY(-6px);border-color:rgba(255,179,71,.15);box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 50px rgba(255,179,71,.05)}.work-card:hover:before{opacity:1}.work-tag{font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);font-weight:600}.work-card h3{font-family:Fraunces,serif;font-size:1.15rem}.work-card>p{font-size:.83rem;color:var(--muted)}.list{list-style:none;display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:.86rem;padding:0;margin-top:auto}.list li{position:relative;padding-left:20px}.list li:before{content:"\203A";position:absolute;left:0;color:var(--accent-2);font-weight:700;font-size:1.1rem;line-height:1.4}.about{display:grid;grid-gap:40px;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center}.about h2{background:linear-gradient(135deg,var(--text),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-content p{margin-top:16px;color:var(--muted)}.about-tags{margin-top:24px;display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px}.about-tags span{padding:8px 16px;border-radius:999px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.07);font-size:.8rem;color:var(--accent-2);font-weight:500;transition:background .25s ease,border-color .25s ease}.about-tags span:hover{background:rgba(110,231,255,.07);border-color:rgba(110,231,255,.18)}.about-card{padding:28px;border-radius:24px;border:1px solid var(--stroke);background:rgba(10,10,18,.55);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.about-card h3{font-family:Fraunces,serif;font-size:1.15rem;margin-bottom:4px}.about-card ul{list-style:none;display:grid;grid-gap:12px;gap:12px;margin:16px 0;padding:0}.about-card li{padding-left:20px;position:relative;color:var(--muted);font-size:.9rem}.about-card li:before{content:"\25C6";position:absolute;left:0;color:var(--accent);font-size:.55rem;top:5px}.divider{height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);margin:20px 0}.services{background:linear-gradient(180deg,rgba(255,179,71,.03),transparent 60%)}.service-list{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.service{padding:28px;border-radius:20px;border:1px solid hsla(0,0%,100%,.06);background:hsla(0,0%,100%,.035);transition:transform .35s cubic-bezier(.25,.46,.45,.94),border-color .35s ease,box-shadow .35s ease;position:relative;overflow:hidden}.service:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(110,231,255,.05),transparent 60%);opacity:0;transition:opacity .35s ease}.service:hover{transform:translateY(-4px);border-color:rgba(110,231,255,.12);box-shadow:0 16px 50px rgba(0,0,0,.25),0 0 50px rgba(110,231,255,.04)}.service:hover:before{opacity:1}.service-icon{font-size:1.5rem;margin-bottom:14px;display:block;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.service h3{font-family:Fraunces,serif;font-size:1.1rem;margin-bottom:8px;position:relative}.service p{color:var(--muted);font-size:.88rem;position:relative;line-height:1.6}.tech-tags{display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px;margin-top:16px;position:relative}.tech-tags span{padding:4px 10px;border-radius:6px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.06);font-size:.72rem;color:var(--accent-2);font-weight:500;letter-spacing:.3px}.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:36px;gap:36px;align-items:start}.contact h2{font-size:1.5rem}.contact-card{padding:32px;border-radius:24px;background:linear-gradient(160deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.contact-form{display:grid;grid-gap:12px;gap:12px;margin-top:24px}.contact-form input,.contact-form textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid hsla(0,0%,100%,.07);background:rgba(6,6,12,.55);color:var(--text);font-family:inherit;font-size:.9rem;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px rgba(110,231,255,.08)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:hsla(273,5%,61%,.5)}.contact-form button{background:linear-gradient(135deg,var(--accent-2),#4db8ff);color:#0a0e14;border:none;padding:14px 20px;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;letter-spacing:.3px}.contact-form button:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--glow-cyan)}.contact-details{display:grid;grid-gap:20px;gap:20px;font-size:.9rem;color:var(--muted)}.contact-details>div{padding:20px;border-radius:16px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);transition:border-color .3s ease,background .3s ease}.contact-details>div:hover{border-color:rgba(110,231,255,.12);background:hsla(0,0%,100%,.04)}.contact-details h3{font-size:.72rem;text-transform:uppercase;letter-spacing:1.8px;color:var(--accent-2);margin-bottom:8px;font-weight:600}.contact-details i{margin-right:8px;color:var(--accent)}.site-footer{padding:40px 8vw 56px;border-top:1px solid hsla(0,0%,100%,.05);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;grid-gap:16px;gap:16px;color:var(--muted);font-size:.85rem}.footer-links{display:flex;grid-gap:24px;gap:24px}.footer-links a{transition:color .2s ease;position:relative}.footer-links a:hover{color:var(--accent-2)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-content{animation:fade-in-up .8s ease-out both}.hero-card{animation:fade-in-up .8s ease-out .15s both}@media (max-width: 900px){.site-header .nav{display:none}.site-header{flex-wrap:wrap;grid-gap:12px;gap:12px}.hero{padding-top:60px;min-height:auto}.about,.hero{grid-template-columns:1fr}.status-indicator{display:none}}@media (max-width: 600px){.hero{padding:48px 6vw 40px}.section{padding:60px 6vw}.cta{width:100%;text-align:center}.site-footer{flex-direction:column;text-align:center}.hero-stats{grid-gap:20px;gap:20px}}