:root{--bg:#080912;--panel:rgba(20,21,33,.82);--panel-2:rgba(15,16,27,.92);--line:rgba(255,255,255,.09);--text:#f3f5fa;--muted:#9da1b3;--cyan:#27e5f5;--pink:#ed55d4;--radius:18px}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Outfit,system-ui,sans-serif;background:radial-gradient(circle at 15% 10%,rgba(0,226,255,.08),transparent 28%),radial-gradient(circle at 88% 88%,rgba(239,0,204,.09),transparent 30%),var(--bg)}button,a{font:inherit}.ambient-bg,.grid-overlay{position:fixed;inset:0;pointer-events:none}.grid-overlay{opacity:.42;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px}.orb{position:absolute;border-radius:50%;filter:blur(110px);opacity:.16}.orb-1{width:380px;height:380px;background:#00e7ff;left:-170px;top:-130px}.orb-2{width:360px;height:360px;background:#d500bc;right:-130px;bottom:-160px}.orb-3{width:220px;height:220px;background:#6537ff;left:52%;top:58%}.container{position:relative;z-index:1;width:min(1120px,100%);min-height:100vh;margin:auto;padding:38px 24px;display:flex;flex-direction:column}.home-header{text-align:center;margin:auto auto 50px;transition:.25s ease}.brand-symbol,.about-symbol{display:grid;place-items:center;border:1px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,var(--cyan),var(--pink)) border-box;color:var(--text);font-family:Syne,sans-serif;font-weight:700;letter-spacing:.12em}.brand-symbol{width:78px;height:78px;margin:0 auto 30px;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);font-size:18px}.home-header h1{margin:0;font:600 clamp(29px,4.8vw,52px)/1.1 Syne,sans-serif;letter-spacing:.11em;background:linear-gradient(90deg,#bff9ff,#fff 50%,#ffc5f4);-webkit-background-clip:text;color:transparent}.home-header p{margin:17px 0 0;color:var(--muted);font-size:14px;letter-spacing:.22em;text-transform:uppercase}.menu-grid{width:min(680px,100%);margin:0 auto auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;transition:.25s ease}.menu-item{height:165px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,rgba(41,42,54,.9),rgba(18,18,30,.92));color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-transform:uppercase;letter-spacing:.19em;font-size:11px;transition:.25s ease}.menu-item:hover,.menu-item:focus-visible{transform:translateY(-7px);border-color:rgba(39,229,245,.5);box-shadow:0 20px 45px rgba(0,0,0,.35),0 0 35px rgba(39,229,245,.08);outline:none}.menu-badge{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,rgba(39,229,245,.3),rgba(237,85,212,.2));border:1px solid rgba(255,255,255,.13);color:var(--cyan);font-size:19px;font-weight:600;letter-spacing:0}footer{text-align:center;color:#737688;font-size:12px;letter-spacing:.06em;margin-top:55px;transition:.25s ease}.leaving{opacity:0!important;transform:translateY(12px)!important}.content-section{display:none;opacity:0}.content-section.active{display:block;animation:enter .38s ease forwards}.content-section.leaving{display:block;animation:leave .22s ease forwards}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes leave{to{opacity:0;transform:translateY(-10px)}}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:70px}.mini-brand{display:flex;align-items:center;gap:13px}.mini-brand>span{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(39,229,245,.16),rgba(237,85,212,.2));border:1px solid var(--line);font:600 12px Syne;letter-spacing:.08em}.mini-brand div{display:flex;flex-direction:column}.mini-brand strong{font:600 14px Syne}.mini-brand small{color:var(--muted);margin-top:3px}.back-btn{border:1px solid var(--line);border-radius:999px;background:rgba(15,16,27,.7);color:var(--muted);padding:11px 17px;cursor:pointer;transition:.2s}.back-btn:hover{color:var(--text);border-color:rgba(39,229,245,.35)}.eyebrow{display:block;color:var(--cyan);font-size:11px;font-weight:600;letter-spacing:.2em;margin-bottom:20px}.hero-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.hero-layout h2,.section-heading h2,.about-layout h2{font:600 clamp(38px,6vw,68px)/1.05 Syne;margin:0 0 25px;letter-spacing:-.035em}.hero-layout h2 em{font-style:normal;color:var(--cyan)}.hero-layout>div>p,.section-heading p,.about-layout p{color:var(--muted);font-size:17px;line-height:1.75;max-width:680px}.actions{display:flex;gap:14px;margin-top:35px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;border-radius:999px;text-decoration:none;cursor:pointer}.primary-action{border:0;color:#071015;background:linear-gradient(90deg,var(--cyan),#7cf4ff);font-weight:600}.secondary-action{border:1px solid var(--line);color:var(--text);background:transparent}.principles{display:grid;gap:13px}.principles article{padding:22px;border-radius:15px;border:1px solid var(--line);background:var(--panel)}.principles span,.info-card>span{color:var(--pink);font-size:11px;letter-spacing:.15em}.principles h3,.info-card h3{margin:9px 0 6px;font:600 18px Syne}.principles p,.info-card p{margin:0;color:var(--muted);line-height:1.55}.section-heading{text-align:center;margin:0 auto 50px}.section-heading .eyebrow{margin-bottom:15px}.section-heading h2{font-size:clamp(38px,5vw,58px);margin-bottom:16px}.section-heading p{margin:auto}.card-grid,.portfolio-grid,.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.info-card,.project-card,.contact-grid a{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:28px;transition:.22s ease}.info-card:hover,.project-card:hover,.contact-grid a:hover{border-color:rgba(39,229,245,.36);transform:translateY(-4px)}.project-card{min-height:210px;display:flex;align-items:flex-start;gap:22px;color:var(--text);text-decoration:none}.project-card.featured{background:linear-gradient(145deg,rgba(39,229,245,.1),rgba(237,85,212,.08)),var(--panel)}.project-mark{flex:0 0 58px;height:58px;display:grid;place-items:center;border-radius:15px;border:1px solid var(--line);color:var(--cyan);font:600 15px Syne;background:rgba(255,255,255,.035)}.project-card span,.contact-grid span{color:var(--cyan);font-size:10px;font-weight:600;letter-spacing:.16em}.project-card h3{margin:9px 0 10px;font:600 21px Syne}.project-card p{margin:0;color:var(--muted);line-height:1.55}.timeline{width:min(820px,100%);margin:auto}.timeline article{display:grid;grid-template-columns:100px 1fr;gap:25px;padding:26px 0;border-bottom:1px solid var(--line)}.timeline article>span{color:var(--cyan);font-size:11px;letter-spacing:.15em;padding-top:5px}.timeline h3{font:600 20px Syne;margin:0 0 8px}.timeline p{color:var(--muted);line-height:1.6;margin:0}.about-layout{display:grid;grid-template-columns:290px 1fr;gap:70px;align-items:center;min-height:520px}.about-symbol{width:260px;height:260px;border-radius:50%;font-size:42px}.about-layout h2{font-size:clamp(36px,5vw,56px)}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.tags span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:#c9ccda;font-size:12px}.contact-grid{width:min(900px,100%);margin:auto}.contact-grid a{display:flex;flex-direction:column;color:var(--text);text-decoration:none;min-height:155px}.contact-grid strong{font:600 19px Syne;margin:15px 0 7px}.contact-grid small{color:var(--muted)}[hidden]{display:none!important}@media(max-width:800px){.container{padding:28px 18px}.home-header{margin-top:auto}.home-header p{font-size:11px;line-height:1.6}.menu-grid{grid-template-columns:repeat(2,1fr);gap:13px}.menu-item{height:128px}.section-top{margin-bottom:45px}.hero-layout,.about-layout{grid-template-columns:1fr;gap:45px}.about-symbol{width:180px;height:180px;margin:auto}.card-grid,.portfolio-grid,.contact-grid{grid-template-columns:1fr}.project-card{min-height:auto}.actions{flex-direction:column}.section-heading{text-align:left}.section-heading p{margin:0}}@media(max-width:430px){.container{padding:22px 14px}.home-header h1{font-size:27px}.home-header p{letter-spacing:.13em}.menu-grid{gap:10px}.menu-item{height:115px;font-size:9px}.menu-badge{width:47px;height:47px;font-size:15px}.section-top{align-items:flex-start}.mini-brand div{display:none}.back-btn{font-size:12px}.hero-layout h2,.section-heading h2,.about-layout h2{font-size:35px}.timeline article{grid-template-columns:68px 1fr;gap:14px}.project-card{flex-direction:column}.contact-grid strong{font-size:16px;overflow-wrap:anywhere}}