:root{--bg: #0a0912;--bg-2: #100e1c;--surface: #15132447;--surface-solid: #16142a;--border: #2a2640;--purple: #7C3AED;--blue: #3B5BFF;--cyan: #22D3EE;--text: #F1EEFB;--text-dim: #9791ad;--text-faint: #635d78;--grad: linear-gradient(135deg, var(--purple) 0%, var(--blue) 55%, var(--cyan) 100%);--neon-grad: linear-gradient(180deg, #6EE7F2 0%, #7C3AED 60%, #241259 100%);--neon-shadow: 0 0 14px rgba(110,231,242,.45), 0 0 28px rgba(124,58,237,.35)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 800px 500px at 20% -10%,rgba(124,58,237,.16),transparent 60%),radial-gradient(ellipse 900px 600px at 90% 10%,rgba(34,211,238,.1),transparent 60%);pointer-events:none;z-index:0}.display{font-family:Orbitron,sans-serif}.mono{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:0 32px;position:relative;z-index:1}nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0912b3;border-bottom:1px solid var(--border)}nav .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px}.brand-name{font-family:Orbitron,sans-serif;font-weight:800;font-size:20px;letter-spacing:1px;background:var(--neon-grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:var(--neon-shadow)}.navlinks{display:flex;gap:36px}.navlinks a{font-size:13.5px;color:var(--text-dim);letter-spacing:.4px;transition:color .2s}.navlinks a:hover{color:var(--cyan)}.nav-cta{padding:9px 20px;border-radius:8px;background:var(--grad);color:#fff!important;font-size:13.5px;font-weight:600;box-shadow:0 0 24px #7c3aed59}@media (max-width: 760px){.navlinks{display:none}}.hero{padding:110px 0 90px;text-align:center;position:relative}.hero-mark{width:168px;height:168px;margin:0 auto 8px;object-fit:contain}.logo-spin{animation:spin-slow 14s linear infinite;transform-origin:50% 50%}@keyframes spin-slow{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.logo-spin{animation:none}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;margin-bottom:22px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}h1.hero-title{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(40px,7vw,76px);letter-spacing:1px;line-height:1.05;background:var(--neon-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(124,58,237,.25))}.hero-tagline{font-family:JetBrains Mono,monospace;font-size:14px;letter-spacing:4px;color:var(--cyan);margin-top:14px;text-transform:uppercase}.hero-sub{max-width:560px;margin:26px auto 0;color:var(--text-dim);font-size:16.5px}.hero-actions{margin-top:38px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{padding:13px 26px;border-radius:9px;font-size:14.5px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;border:none}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 0 28px #3b5bff59}.btn-primary:hover{box-shadow:0 0 40px #3b5bff80}.btn-ghost{border:1px solid var(--border);color:var(--text);background:#ffffff05}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}section{padding:100px 0;position:relative}.section-head{margin-bottom:56px;max-width:640px}.section-head .tag{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:3px;color:var(--purple);text-transform:uppercase;margin-bottom:14px;display:block}.section-head h2{font-family:Orbitron,sans-serif;font-size:clamp(26px,3.4vw,38px);font-weight:700;letter-spacing:.5px}.section-head p{color:var(--text-dim);margin-top:14px;font-size:15.5px}.areas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media (max-width: 860px){.areas-grid{grid-template-columns:1fr}}.area-card{border:1px solid var(--border);background:linear-gradient(180deg,#ffffff06,#fff0);border-radius:14px;padding:30px 26px;transition:border-color .2s,transform .2s}.area-card:hover{border-color:var(--purple);transform:translateY(-4px)}.area-icon{width:40px;height:40px;margin-bottom:20px}.area-card h3{font-size:18px;font-weight:600;margin-bottom:10px}.area-card p{color:var(--text-dim);font-size:14px}.area-index{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-faint);display:block;margin-bottom:14px}.projects{display:flex;flex-direction:column;gap:2px}.project-row{display:grid;grid-template-columns:120px 1fr 220px;gap:28px;align-items:start;padding:34px 0;border-top:1px solid var(--border);transition:background .2s}.project-row:hover{background:#7c3aed0a}.project-row:last-child{border-bottom:1px solid var(--border)}@media (max-width: 780px){.project-row{grid-template-columns:1fr;gap:10px}}.project-year{font-family:JetBrains Mono,monospace;color:var(--cyan);font-size:13px;padding-top:4px}.project-body h3{font-size:20px;font-weight:600;margin-bottom:8px}.project-body p{color:var(--text-dim);font-size:14.5px;max-width:540px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.project-tags span{font-family:JetBrains Mono,monospace;font-size:11px;border:1px solid var(--border);border-radius:6px;padding:4px 9px;color:var(--text-dim)}.project-stat{text-align:right;font-family:JetBrains Mono,monospace}@media (max-width: 780px){.project-stat{text-align:left}}.project-stat .num{font-size:26px;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.project-stat .label{font-size:11.5px;color:var(--text-faint);letter-spacing:.5px}.path{position:relative;padding-left:28px}.path:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--purple),var(--cyan))}.path-item{position:relative;padding-bottom:34px}.path-item:last-child{padding-bottom:0}.path-item:before{content:"";position:absolute;left:-28px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--cyan)}.path-item h4{font-size:15.5px;font-weight:600;margin-bottom:4px}.path-item span{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-faint)}.path-item p{color:var(--text-dim);font-size:14px;margin-top:6px}.contact-box{border:1px solid var(--border);border-radius:20px;padding:60px 50px;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(124,58,237,.12),transparent 70%);position:relative;overflow:hidden}.contact-box h2{font-family:Orbitron,sans-serif;font-size:clamp(24px,3.6vw,36px);font-weight:700;margin-bottom:16px}.contact-box p{color:var(--text-dim);max-width:460px;margin:0 auto 34px}.contact-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}footer{border-top:1px solid var(--border);padding:36px 0}footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}footer .fbrand{font-family:Orbitron,sans-serif;font-size:14px;color:var(--text-dim);letter-spacing:1px}footer .flinks{display:flex;gap:22px}footer .flinks a{color:var(--text-faint);font-size:13px}footer .flinks a:hover{color:var(--cyan)}.catalog-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}.catalog-tab{display:flex;align-items:center;gap:9px;padding:11px 20px;border-radius:999px;border:1px solid var(--border);background:#ffffff05;color:var(--text-dim);font-size:14px;font-weight:600;transition:border-color .2s,color .2s,background .2s}.catalog-tab:hover{border-color:var(--purple);color:var(--text)}.catalog-tab.active{background:var(--grad);border-color:transparent;color:#fff}.catalog-panel{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}@media (max-width: 860px){.catalog-panel{grid-template-columns:1fr}}.catalog-info .catalog-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#7c3aed1f;color:var(--cyan);margin-bottom:18px}.catalog-info h3{font-family:Orbitron,sans-serif;font-size:26px;font-weight:700;margin-bottom:14px}.catalog-info p.catalog-summary{color:var(--text-dim);font-size:15px;margin-bottom:20px}.catalog-bullets{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.catalog-bullets li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-dim)}.catalog-bullets li svg{color:var(--cyan);flex-shrink:0;margin-top:2px}.catalog-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.catalog-photo{aspect-ratio:4/3;border-radius:14px;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:12px}.catalog-photo span{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-faint)}.catalog-photo:first-child{grid-column:span 2;aspect-ratio:16/9}.catalog-photo-img{width:100%;object-fit:cover;border-radius:14px;border:1px solid var(--border)}