:root{--bg-dark: #050809;--bg-card: #0d1117;--bg-card-hover: #151b22;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent: #58a6ff;--accent-warm: #ffa657;--accent-glow: rgba(88, 166, 255, .15);--accent-dim: #1f6feb;--border: rgba(48, 54, 61, .6);--border-light: rgba(88, 166, 255, .1);--gradient-primary: linear-gradient(135deg, #58a6ff 0%, #1f6feb 100%);--gradient-warm: linear-gradient(135deg, #ffa657 0%, #ff7b1d 100%);--code-bg: #0d1117;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.7;font-size:16px;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(88,166,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,166,87,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.torch-light{position:fixed;width:300px;height:300px;pointer-events:none;opacity:0;transition:opacity .2s ease-out;z-index:1;background:radial-gradient(circle,rgba(88,166,255,.15) 0%,rgba(88,166,255,.08) 30%,transparent 70%);border-radius:50%;filter:blur(40px);mix-blend-mode:screen}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}header{padding:4rem 0 3rem;margin-bottom:5rem;position:relative;border-bottom:1px solid var(--border)}.site-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.cloud-icon{font-size:3.5rem;filter:drop-shadow(0 0 12px var(--accent-glow));animation:float 8s cubic-bezier(.4,0,.2,1) infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(2deg)}50%{transform:translateY(-14px) rotate(0)}75%{transform:translateY(-6px) rotate(-2deg)}}.site-title{font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.site-title a{text-decoration:none;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:filter .3s cubic-bezier(.4,0,.2,1)}.site-title a:hover{filter:drop-shadow(0 0 16px var(--accent-glow))}.tagline{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2.5rem;line-height:1.7}.subtitle{display:block;font-size:.95rem;color:var(--accent);font-weight:500;margin-top:.5rem}nav{display:flex;gap:1rem;flex-wrap:wrap}nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;padding:.75rem 1.25rem;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid transparent;background:#58a6ff0d}nav a:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:70%;height:2px;background:var(--accent);transition:transform .3s cubic-bezier(.4,0,.2,1)}nav a:hover{color:var(--accent);border-color:var(--accent);background:#58a6ff1a}nav a:hover:before{transform:translate(-50%) scaleX(1)}footer{margin-top:8rem;padding:3rem 0;border-top:1px solid var(--border);text-align:center;color:var(--text-muted)}footer p{margin:.5rem 0}footer a{color:var(--accent);text-decoration:none;transition:color .3s}footer a:hover{color:var(--accent-warm)}@media(max-width:768px){.container{padding:0 1.5rem}.site-header{gap:1rem}.site-title{font-size:2.2rem}.cloud-icon{font-size:2.5rem}header{padding:2.5rem 0 2rem;margin-bottom:3rem}}.prose{max-width:720px}.prose h1{font-size:2.5rem;color:var(--accent);margin:0 0 1.5rem;font-weight:800}.prose h2{font-size:1.75rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:2.5rem 0 1.25rem;font-weight:700}.prose h3{font-size:1.25rem;color:var(--text-primary);margin:1.75rem 0 .75rem;font-weight:600}.prose p{margin:1.25rem 0;color:var(--text-secondary);line-height:1.85}.prose ul{margin:1.5rem 0;padding-left:2.5rem;color:var(--text-secondary)}.prose li{margin:.75rem 0}.prose strong{color:var(--text-primary);font-weight:600}.prose em{color:var(--accent-warm);font-style:italic}.prose hr{border:none;border-top:1px solid var(--border);margin:3rem 0}.prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s}.prose a:hover{border-bottom-color:var(--accent)}