:root{--bg:#07070d;--bg2:#0d0d16;--card:#11111b;--card2:#151522;--pink:#ff4fa3;--pink2:#ff7bc3;--pink-soft:#ff4fa31c;--text:#f8f7fb;--muted:#a9a6b5;--line:#272535;--white:#fff;--max:1180px;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 8%,#32102c 0,transparent 28%),var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6}a{color:inherit}button,input{font:inherit}.site-shell{min-height:100vh;max-width:1400px;margin:auto}.site-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 42px;position:sticky;top:0;z-index:50;background:#08080eeF;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:600;line-height:1.05;font-size:14px;min-width:185px}.brand-mark{font-size:17px;color:var(--pink);font-weight:700}.nav{display:flex;align-items:center;gap:24px;flex:1;justify-content:center}.nav a{font-size:12px;color:#bbb8c6;text-decoration:none;padding:29px 0 26px;position:relative;white-space:nowrap}.nav a:hover,.nav a.active{color:#fff}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--pink);box-shadow:0 0 12px #ff4fa3}.header-cta,.btn{border:1px solid #3b3348;border-radius:10px;text-decoration:none;transition:.2s ease}.header-cta{background:linear-gradient(135deg,var(--pink),#c83bff);border:0;padding:10px 16px;font-size:12px;font-weight:700;white-space:nowrap}.header-cta:hover,.btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff4fa333}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:8px;padding:8px 10px}.page{max-width:var(--max);margin:auto;padding:74px 42px 90px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--pink2);font-weight:700;margin:0 0 12px}.availability{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #5b2350;background:var(--pink-soft);border-radius:999px;color:#e8cfe0;font-size:11px;margin:0 0 24px}.availability span{width:7px;height:7px;border-radius:50%;background:#62e5a0;box-shadow:0 0 10px #62e5a0}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;min-height:590px}.hero h1,.page-heading h1{font-family:var(--display);font-size:clamp(44px,6vw,76px);line-height:1.04;letter-spacing:-2.8px;margin:0 0 25px;max-width:900px}.hero h1 em{font-style:normal;color:var(--pink);text-shadow:0 0 28px #ff4fa344}.hero-lede{font-size:16px;max-width:680px;color:#d5d2dc}.hero p:not(.eyebrow):not(.availability){max-width:660px}.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;font-size:12px;font-weight:700}.btn.primary{background:linear-gradient(135deg,var(--pink),#c93dff);border:0}.hero-art{min-height:430px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#ff4fa377 0, #a82dff20 45%,transparent 70%);filter:blur(4px)}.code-card{position:relative;width:min(430px,100%);background:#11111b;border:1px solid #393146;border-radius:20px;box-shadow:0 30px 80px #0009;transform:rotate(3deg);overflow:hidden}.code-top{height:44px;border-bottom:1px solid #292638;display:flex;align-items:center;gap:6px;padding:0 16px}.code-top span{width:7px;height:7px;border-radius:50%;background:#4b4655}.code-top b{margin-left:auto;color:var(--pink);font-size:13px}.code-card pre{font:12px/1.9 'Space Grotesk',monospace;color:#ddd8e7;padding:28px;margin:0}.float-chip{position:absolute;left:0;top:22%;padding:10px 14px;border:1px solid #5a2c56;background:#1b1120;border-radius:12px;color:#ff9dce;font:11px monospace;transform:rotate(-8deg)}.chip-two{left:auto;right:0;top:auto;bottom:17%;transform:rotate(7deg);color:#d9c5ff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding:70px 0}.intro-grid h2,.rates h2,.contact-panel h2{font-family:var(--display);font-size:35px;line-height:1.15;margin:0;letter-spacing:-1px}.muted{color:var(--muted)}.home-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card)}.home-strip>div{padding:24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;color:#aaa6b5;font-size:12px}.home-strip>div:last-child{border:0}.strip-number{font-family:var(--display);font-size:24px;color:#fff}.page-heading{margin-bottom:48px}.page-heading h1{font-size:clamp(48px,7vw,78px);max-width:700px}.lede{color:var(--muted);font-size:16px;max-width:700px}.timeline{position:relative;max-width:900px}.timeline:before{content:"";position:absolute;left:22px;top:24px;bottom:24px;width:1px;background:#302c3b}.timeline-item{display:grid;grid-template-columns:46px 1fr;gap:28px;padding:30px 0;border-bottom:1px solid var(--line);position:relative}.timeline-dot{width:46px;height:46px;border-radius:50%;background:#16131e;border:1px solid #4b3047;color:var(--pink);display:grid;place-items:center;font:11px var(--display);z-index:1}.timeline-item h3,.skill-card h3,.project-card h3,.record-card h3,.service-card h3,.opportunity-card h3{font-family:var(--display);margin:7px 0 6px;font-size:20px}.meta{font:11px var(--sans);color:var(--pink2);letter-spacing:.4px}.section-label{margin:44px 0 0;color:#fff;font-family:var(--display);font-size:22px}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.skill-card{background:linear-gradient(145deg,#11111b,#0d0d15);border:1px solid var(--line);border-radius:15px;padding:20px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px}.skill-icon{width:46px;height:46px;border-radius:12px;background:var(--pink-soft);border:1px solid #592647;display:grid;place-items:center;color:var(--pink2);font-size:22px}.skill-card h3{font-size:15px;margin:0}.skill-card p{margin:0;color:var(--muted);font-size:11px}.bar{grid-column:1/-1;height:5px;background:#292633;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--pink),#c958ff);border-radius:inherit}.note{margin-top:20px;font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{background:var(--card);border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:.25s}.project-card:hover{transform:translateY(-5px);border-color:#5b3154;box-shadow:0 20px 50px #0007}.project-preview{height:230px;background:#171326;position:relative;overflow:hidden}.project-preview img{width:100%;height:100%;object-fit:cover;display:block}.preview-top{display:flex;justify-content:space-between;padding:14px 16px;font:10px var(--display);color:#d8d0e5;position:relative;z-index:3}.preview-map{position:absolute;inset:48px 18px 18px;border:1px solid #41304b;border-radius:14px;background:linear-gradient(145deg,#24132a,#111827);overflow:hidden}.preview-map:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 70%,#ff4fa33a,transparent 25%),linear-gradient(120deg,transparent 45%,#ff4fa31a 46%,transparent 47%)}.node{position:absolute;width:30px;height:30px;border-radius:50%;background:#ff4fa3;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;box-shadow:0 0 20px #ff4fa388}.n1{left:12%;top:24%}.n2{right:17%;top:20%;background:#9d5bff}.n3{right:29%;bottom:15%;background:#ff79bd}.route{position:absolute;height:1px;background:linear-gradient(90deg,#ff4fa3,#9d5bff);transform-origin:left}.r1{left:20%;top:37%;width:58%;transform:rotate(-9deg)}.r2{left:28%;top:42%;width:45%;transform:rotate(40deg)}.preview-panel{position:absolute;left:12px;bottom:12px;background:#0b0b12e8;border:1px solid #3e3448;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.preview-panel small{font-size:7px;color:var(--pink2);letter-spacing:1px}.preview-panel strong{font:12px/1.15 var(--display)}.preview-panel span{font-size:8px;color:#aaa5b5}.project-body{padding:20px}.project-number{font:10px monospace;color:var(--pink);margin-bottom:8px}.project-body h3{font-size:20px;margin:0 0 8px}.project-body p{font-size:12px;color:var(--muted);min-height:58px}.project-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.tag,.record-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #4e2b48;background:#1b111c;border-radius:999px;color:#f3cde3;font-size:10px;padding:6px 9px}.tag i{font-size:13px;color:#ff7bc3}.text-btn{background:none;border:0;color:var(--pink2);font-size:10px;font-weight:700;cursor:pointer}.placeholder-project{opacity:.72}.empty-preview{height:230px;background:repeating-linear-gradient(135deg,#101019,#101019 10px,#11111c 10px,#11111c 20px);display:grid;place-items:center}.empty-preview span{width:54px;height:54px;border:1px dashed #604054;border-radius:50%;display:grid;place-items:center;color:var(--pink);font-size:28px}.modal{position:fixed;inset:0;background:#000b;display:none;place-items:center;padding:20px;z-index:100}.modal.open{display:grid}.modal-box{max-width:560px;background:#11111b;border:1px solid #4c3150;border-radius:20px;padding:32px;position:relative;box-shadow:0 30px 100px #000}.modal-box h2{font:40px var(--display);margin:0 0 10px}.modal-close{position:absolute;right:15px;top:12px;background:none;border:0;color:#aaa;font-size:28px;cursor:pointer}.record-grid,.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.record-card,.service-card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:28px;min-height:250px}.record-icon,.service-icon{width:52px;height:52px;border-radius:14px;background:var(--pink-soft);border:1px solid #552643;color:var(--pink);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:19px;margin:26px 0 18px}.record-card h3,.service-card h3{font-size:21px}.certificate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.certificate-card{cursor:pointer}.certificate-input{display:none}.certificate-preview{height:340px;border:1px dashed #57334e;border-radius:17px;background:linear-gradient(145deg,#14111a,#0d0d13);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:.2s;overflow:hidden;text-align:center;padding:15px}.certificate-preview:hover{border-color:var(--pink);background:#17101a}.certificate-preview img{width:100%;height:100%;object-fit:contain}.cert-icon{font-size:35px;color:var(--pink);text-shadow:0 0 25px #ff4fa366}.certificate-preview strong{font:16px var(--display)}.certificate-preview small{font-size:11px;color:var(--muted)}.opportunity-card{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:36px;background:linear-gradient(145deg,#16121c,#0e0e16);border:1px solid #3a2a3b;border-radius:20px;max-width:900px}.big-symbol{width:80px;height:80px;border-radius:20px;background:var(--pink-soft);border:1px solid #5a2a4a;color:var(--pink);display:grid;place-items:center;font-size:30px}.service-grid{grid-template-columns:repeat(3,1fr)}.rates{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);margin-top:50px;padding-top:50px}.rates a{color:var(--pink2)}.growth-list{max-width:900px}.growth-item{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid var(--line);align-items:center}.growth-item span{width:42px;height:42px;border-radius:12px;background:var(--pink-soft);border:1px solid #5b2a4c;color:var(--pink);display:grid;place-items:center;font:11px var(--display)}.growth-item p{margin:0;color:#d0ccd6}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-panel{background:linear-gradient(145deg,#17121c,#0e0e15);border:1px solid #3b2b3d;border-radius:18px;padding:35px;min-height:350px}.contact-panel h2{margin:22px 0 12px}.contact-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card)}.contact-list a{text-decoration:none;padding:24px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.contact-list a:last-child{border:0}.contact-list a:hover{background:#17131d}.contact-list span{font:10px monospace;color:var(--pink2);text-transform:uppercase;letter-spacing:1px}.contact-list strong{font-size:13px}.footer{border-top:1px solid var(--line);padding:28px 42px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#a9a5b3;font-size:11px}.footer>div:first-child{display:flex;flex-direction:column;gap:4px}.footer strong{color:#fff;font-family:var(--display)}.socials{display:flex;gap:8px}.socials a{width:31px;height:31px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;text-decoration:none;color:var(--pink2);font-size:10px}.socials a:hover{border-color:var(--pink);background:var(--pink-soft)}
@media(max-width:1050px){.nav{gap:13px}.nav a{font-size:10px}.brand{min-width:150px}.site-header{padding:0 24px}.header-cta{display:none}.page{padding-left:24px;padding-right:24px}.hero{gap:30px}.project-grid{grid-template-columns:1fr 1fr}.certificate-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.site-header{height:68px;padding:0 18px;justify-content:space-between}.brand{min-width:auto}.menu-toggle{display:block}.nav{position:absolute;top:68px;left:0;right:0;background:#090910f7;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 18px}.nav.open{display:flex}.nav a{padding:12px 8px;border-bottom:1px solid #1d1b25;font-size:12px}.nav a.active:after{display:none}.hero{grid-template-columns:1fr;min-height:0;padding-top:20px}.hero-art{min-height:330px;order:-1}.code-card{width:min(440px,90%)}.hero h1,.page-heading h1{font-size:48px;letter-spacing:-2px}.intro-grid,.rates,.contact-layout{grid-template-columns:1fr;gap:25px}.home-strip{grid-template-columns:1fr}.home-strip>div{border-right:0;border-bottom:1px solid var(--line)}.skills-grid,.project-grid,.certificate-grid,.record-grid,.service-grid{grid-template-columns:1fr}.page{padding-top:50px}.footer{padding:25px 18px;flex-direction:column;align-items:flex-start}.opportunity-card{grid-template-columns:1fr}.big-symbol{width:62px;height:62px}.project-preview,.empty-preview{height:210px}}
@media(max-width:480px){.hero h1,.page-heading h1{font-size:40px}.hero-art{min-height:280px}.glow{width:260px;height:260px}.code-card pre{font-size:10px}.page{padding-left:18px;padding-right:18px}.skill-card{grid-template-columns:42px 1fr auto}.skill-icon{width:42px;height:42px}}