:root{--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", var(--font-body);--bg: #060918;--bg-card: rgba(12, 17, 30, .72);--bg-card-solid: #0c111e;--border: rgba(56, 82, 130, .35);--border-hover: rgba(100, 140, 220, .5);--text: #e2e8f4;--text-muted: #8a9cbf;--text-heading: #f0f4ff;--accent: #3b82f6;--accent-light: #60a5fa;--accent-glow: rgba(59, 130, 246, .35);--purple: #8b5cf6;--purple-glow: rgba(139, 92, 246, .3);--cyan: #22d3ee;--green: #34d399;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--ease: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.bg-glow{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;animation:drift 18s var(--ease) infinite alternate}.orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--accent-glow),transparent 70%);top:-10%;left:-8%;animation-duration:20s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--purple-glow),transparent 70%);top:10%;right:-12%;animation-duration:24s;animation-delay:-6s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(34,211,238,.18),transparent 70%);bottom:5%;left:25%;animation-duration:22s;animation-delay:-10s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.12)}}.bg-glow:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");opacity:.4}a{color:var(--accent-light);text-decoration:none;transition:color .18s var(--ease)}a:hover{color:#93c5fd}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;margin-bottom:.5rem;border-bottom:1px solid var(--border);background:#060918d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-brand{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--text-heading);letter-spacing:-.02em}.nav-links{display:flex;gap:1.4rem;list-style:none;margin:0;padding:0}.nav-links a{font-size:.88rem;font-weight:500;color:var(--text-muted);transition:color .18s var(--ease),transform .18s var(--ease)}.nav-links a:hover{color:var(--text-heading);transform:translateY(-1px)}.page{max-width:1060px;margin:0 auto;padding:0 1.1rem 4rem}.hero{position:relative;padding:3.5rem 2.5rem 3rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg,#0f172ad9,#080c18e6 60%,#140a28b3);box-shadow:0 0 0 1px #ffffff08 inset,0 25px 60px -15px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.hero:before{content:"";position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-light),var(--purple),transparent);opacity:.6}.hero-top{display:flex;justify-content:space-between;gap:.8rem;align-items:center;margin-bottom:.8rem}.tag{margin:0;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-light)}.status{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(52,211,153,.35);color:var(--green);background:#064e3b40;border-radius:999px;padding:.22rem .65rem;font-size:.72rem;font-weight:600;letter-spacing:.02em}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(2.6rem,5.5vw,4rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;background:linear-gradient(135deg,#f0f4ff 0%,var(--accent-light) 50%,var(--purple) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.headline{margin:.8rem 0 .3rem;font-size:1.2rem;font-weight:500;color:#dbe6ffe0;max-width:44ch}.location{display:inline-flex;align-items:center;gap:.3rem;margin:0 0 1.6rem;color:var(--text-muted);font-size:.92rem}.location svg{flex-shrink:0;opacity:.7}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem}.btn{display:inline-flex;align-items:center;gap:.45rem;border-radius:var(--radius-sm);padding:.68rem 1.15rem;font-family:var(--font-body);font-size:.9rem;font-weight:600;border:1px solid var(--accent);background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--accent-glow);background:linear-gradient(180deg,#60a5fa,#3b82f6);text-decoration:none;color:#fff}.btn-ghost{background:transparent;border-color:#648cdc4d;color:var(--text)}.btn-ghost:hover{background:#3b82f61a;border-color:#648cdc8c;box-shadow:none;color:var(--text-heading)}.content{display:grid;gap:1.15rem;margin-top:1.25rem}.section{border:1px solid var(--border);border-radius:var(--radius-md);padding:1.6rem;background:var(--bg-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffff06;transition:border-color .25s var(--ease)}.section:hover{border-color:var(--border-hover)}.section-header{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem}.section-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;flex-shrink:0}.section-icon.blue{background:#3b82f626;color:var(--accent-light)}.section-icon.purple{background:#8b5cf626;color:#a78bfa}.section-icon.cyan{background:#22d3ee26;color:var(--cyan)}.section-icon.green{background:#34d39926;color:var(--green)}.section-icon.orange{background:#fb923c26;color:#fb923c}.section h2{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--text-heading);letter-spacing:-.01em}.section>p{margin:0;line-height:1.7;color:#e2e8f4d1}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem}.card{position:relative;border:1px solid var(--border);border-radius:var(--radius-md);padding:1.15rem;background:linear-gradient(170deg,#0f1626e6,#0a0e1af2);transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}.card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:0 12px 32px #0000004d,0 0 0 1px #648cdc1a}.card h3{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-heading)}.card p{margin:.15rem 0 .5rem;font-size:.92rem;line-height:1.55;color:#e2e8f4bf}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.6rem}.tech-badge{display:inline-block;padding:.18rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid rgba(59,130,246,.3);color:var(--accent-light);background:#3b82f614}.card-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:600;color:var(--accent-light);transition:gap .18s var(--ease),color .18s var(--ease)}.card-link:hover{gap:.5rem;color:#93c5fd}.muted{color:var(--text-muted);font-size:.9rem}.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.chips li{border:1px solid var(--border);background:#3b82f60f;border-radius:999px;padding:.32rem .72rem;font-size:.85rem;font-weight:500;color:#e2e8f4e6;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.chips li:hover{border-color:var(--accent);background:#3b82f61f;transform:translateY(-1px)}.lang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem}.lang-hint{font-size:.8rem;color:var(--text-muted);font-weight:400;font-style:italic;animation:hint-fade 3s ease-in-out infinite}@keyframes hint-fade{0%,to{opacity:.6}50%{opacity:1}}.lang-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0f142380;font-size:.9rem;font-family:var(--font-body);color:var(--text);cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.lang-item:hover{border-color:var(--accent);background:#3b82f614;transform:translateY(-1px)}.lang-item.lang-active{border-color:var(--accent-light);background:#3b82f626;box-shadow:0 0 12px #3b82f633,inset 0 1px #ffffff0a}.lang-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lang-dot.native{background:var(--green);box-shadow:0 0 8px #34d39966}.lang-dot.fluent{background:var(--accent-light);box-shadow:0 0 8px var(--accent-glow)}.lang-dot.basic{background:var(--text-muted)}.lang-level{color:var(--text-muted);font-size:.78rem;margin-left:auto}.timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:1.6rem}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--accent),var(--purple),transparent);border-radius:2px}.timeline-item{position:relative;padding:.8rem 0}.timeline-item:before{content:"";position:absolute;left:-1.6rem;top:1.15rem;width:12px;height:12px;border-radius:50%;border:2px solid var(--accent);background:var(--bg);transform:translate(0)}.timeline-item h3{margin:0 0 .2rem;font-family:var(--font-display);font-size:1.02rem;font-weight:600;color:var(--text-heading)}.timeline-item p{margin:.1rem 0;font-size:.92rem;color:#e2e8f4c7}.timeline-period{font-size:.82rem;color:var(--text-muted);font-weight:500}.timeline-bullets{margin:.4rem 0 0;padding-left:1.1rem}.timeline-bullets li{font-size:.9rem;color:#e2e8f4bf;line-height:1.6}.footer{margin-top:3rem;padding:1.8rem 0;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.85rem}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.8rem}.footer-links a{display:inline-flex;align-items:center;gap:.3rem;font-weight:500;color:var(--text-muted);transition:color .18s var(--ease)}.footer-links a:hover{color:var(--text-heading)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.hero{animation:hero-in .8s var(--ease) both}@keyframes hero-in{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.nav{padding:.65rem .8rem}.nav-links{gap:.8rem}.nav-links a{font-size:.82rem}.hero{padding:2rem 1.3rem 1.8rem}.hero h1{font-size:clamp(2rem,8vw,2.6rem)}.hero-top{flex-direction:column;align-items:flex-start}.section{padding:1.2rem}.cards{grid-template-columns:1fr}.lang-grid{grid-template-columns:1fr 1fr}}