@property --spin-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--bg:#090b12;--bg-elevated:linear-gradient(135deg, #19223af2 0%, #0c0f19f2 100%);--border-subtle:#ffffff14;--border-accent:#6fffd559;--text-primary:#f5f7ff;--text-secondary:#9ba5bc;--text-muted:#6b7488;--accent:#6fffd5;--accent-soft:#6fffd514;--shadow-card:0 18px 40px #00000047;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-mono:"Azeret Mono", "SFMono-Regular", monospace;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--max-width:1040px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text-secondary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55;position:relative}body:before{content:"";z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-weight:600}h1{letter-spacing:-.035em;font-size:clamp(2.4rem,5vw,3.5rem);line-height:1.05}h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}p{margin:0}.eyebrow{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5em;font-size:.75rem;font-weight:500;display:inline-flex}.eyebrow:before{content:"";border:1px solid var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.site-nav{border-bottom:1px solid var(--border-subtle)}.site-nav .container{flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:12px;padding-top:28px;padding-bottom:28px;display:flex}.site-nav .logo{font-family:var(--font-display);color:var(--text-primary);font-size:1rem;font-weight:600}.site-nav nav{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.site-nav nav a{color:var(--text-secondary);padding-bottom:4px;font-size:1.05rem;transition:color .15s;position:relative}.site-nav nav a:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .25s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.site-nav nav a:hover,.site-nav nav a.active{color:var(--text-primary)}.site-nav nav a:hover:after,.site-nav nav a.active:after{transform:scaleX(1)}.lang-toggle{border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.lang-toggle button{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.03em;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 14px;font-size:.85rem;transition:background .15s,color .15s}.lang-toggle button:hover{color:var(--text-primary)}.lang-toggle button.active{background:var(--accent-soft);color:var(--accent)}section{border-bottom:1px solid var(--border-subtle);padding:64px 0}section:last-of-type{border-bottom:none}.section-head{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.hero{padding-top:72px;padding-bottom:72px;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(10px);pointer-events:none;z-index:0;background:radial-gradient(circle,#6fffd529 0%,#6fffd50d 45%,#0000 70%);width:620px;height:620px;position:absolute;top:-220px;right:-160px}.hero .container{z-index:1;position:relative}.hero-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.hero-copy{flex-direction:column;flex:480px;gap:20px;display:flex}.hero-copy p{color:var(--text-secondary);max-width:42ch;font-size:1.05rem}.hero-portrait{border:1px solid var(--border-subtle);width:168px;height:168px;box-shadow:var(--shadow-card);border-radius:50%;flex-shrink:0;overflow:hidden}.hero-portrait img{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.pill-row{flex-wrap:wrap;gap:10px;display:flex}.pill{border:1px solid var(--border-accent);background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:.72rem;display:inline-flex}.pill.neutral{border-color:var(--border-subtle);color:var(--text-secondary);background:#ffffff08}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:18px;padding:32px;position:relative;overflow:hidden}.engagement-index{font-family:var(--font-display);color:var(--text-primary);opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:5.5rem;font-weight:600;line-height:1;position:absolute;top:4px;right:18px}.engagement-spotlight{border-radius:20px;padding:2px;position:relative}.engagement-spotlight:before{content:"";border-radius:inherit;background:conic-gradient(from var(--spin-angle), transparent 0%, transparent 78%, #6fffd5e6 90%, #6fffd5e6 94%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;padding:2px;animation:6s linear infinite spin-ring;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.engagement-spotlight>.card{margin:0}@keyframes spin-ring{0%{--spin-angle:0deg}to{--spin-angle:360deg}}@media (prefers-reduced-motion:reduce){.engagement-spotlight:before{animation:none}}.card.featured{grid-column:1/-1}@media (width<=780px){.card.featured{grid-column:auto}}.card+.card{margin-top:20px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.card-meta{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem}.card h3{margin-bottom:10px;font-size:1.4rem}.card p.body{color:var(--text-secondary);max-width:62ch;font-size:1rem}.card ul.highlights{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.card ul.highlights li{color:var(--text-secondary);padding-left:18px;font-size:.96rem;position:relative}.card ul.highlights li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.card-link{font-family:var(--font-mono);letter-spacing:.03em;color:var(--accent);transform-origin:0;border-bottom:1px solid #0000;align-items:center;gap:6px;margin-top:18px;font-size:.78rem;transition:border-color .2s,gap .2s,transform .2s;display:inline-flex}.card-link:hover{border-bottom-color:var(--accent);gap:9px}.card:hover .card-link{transform:scale(1.08)}.engagements-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.engagements-grid .card{margin-top:0}@media (width<=780px){.engagements-grid{grid-template-columns:1fr}}.steps-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.step{border-top:1px solid var(--border-subtle);padding-top:20px}.step-number{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent);font-size:.78rem}@media (width<=900px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.steps-grid{grid-template-columns:1fr}}.cta-block{text-align:center;border:1px solid var(--border-accent);background:var(--bg-elevated);box-shadow:var(--shadow-card);border-radius:20px;padding:56px 24px;animation:2.8s ease-in-out infinite cta-breathe;position:relative}@keyframes cta-breathe{0%,to{box-shadow:var(--shadow-card), 0 0 0 0 #6fffd559;transform:scale(1)}50%{box-shadow:var(--shadow-card), 0 0 60px 16px #6fffd559;transform:scale(1.012)}}@media (prefers-reduced-motion:reduce){.cta-block{animation:none}}.button-accent{background:var(--accent);color:#06121a;font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-top:28px;padding:12px 24px;font-size:.82rem;font-weight:600;transition:opacity .15s,transform .2s,box-shadow .2s;display:inline-flex}.button-accent:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 10px 28px #6fffd540}.about-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=780px){.about-grid{grid-template-columns:1fr}}.skill-group{margin-bottom:16px}.skill-group:last-child{margin-bottom:0}.skill-group-label{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:.68rem;display:block}.skill-items{color:var(--text-secondary);font-size:.92rem;line-height:1.7}.site-footer{border-top:1px solid var(--border-subtle);margin-top:auto}.site-footer .container{font-family:var(--font-mono);letter-spacing:.01em;color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;padding-top:44px;padding-bottom:44px;font-size:.85rem;display:flex}.site-footer a{color:var(--text-secondary);transition:color .15s}.site-footer a:hover{color:var(--accent)}.footer-legal{color:var(--text-primary);flex-direction:column;gap:8px;line-height:1.5;display:flex}.footer-legal-name{font-weight:500}.footer-contacts{flex-direction:column;gap:8px;display:flex}.footer-contacts-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem}.legal-list{flex-direction:column;gap:18px;margin:0;display:flex}.legal-row{flex-direction:column;gap:4px;display:flex}.legal-row dt{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem}.legal-row dd{color:var(--text-primary);margin:0;font-size:1rem}.legal-disclaimer{max-width:62ch;color:var(--text-muted);margin-top:24px;font-size:.85rem;line-height:1.6}
