:root{--primary:#2563eb;--primary-glow:#2563eb26;--secondary:#0ea5e9;--bg-color:#fafafa;--text-main:#222;--text-muted:#666;--glass-bg:#ffffff80;--glass-border:#0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6;overflow-x:hidden}body:before,body:after{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle at 15%,#2563eb0a,#0000 30%),radial-gradient(circle at 85% 30%,#0ea5e90a,#0000 35%),radial-gradient(circle at 50% 80%,#6366f108,#0000 25%);animation:15s ease-in-out infinite alternate waveMotion;position:fixed;inset:0}body:after{opacity:.6;background-image:radial-gradient(1px 1px at 10% 20%,#2563eb4d 1px,#0000 1px),radial-gradient(1px 1px at 30% 70%,#0ea5e933 1px,#0000 1px),radial-gradient(1.5px 1.5px at 80% 40%,#6366f14d 1px,#0000 1px),radial-gradient(1px 1px at 60% 80%,#2563eb33 1px,#0000 1px),radial-gradient(1.5px 1.5px at 90% 90%,#0ea5e94d 1px,#0000 1px);background-size:200px 200px;animation:20s linear infinite particleFloat}@keyframes waveMotion{0%{transform:scale(1)translate(0)}50%{transform:scale(1.05)translate(-1%,2%)}to{transform:scale(1)translate(1%,-1%)}}@keyframes particleFloat{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 4px 20px #00000005}.glass-panel:hover{background:#fffc;transform:translateY(-2px);box-shadow:0 8px 30px #0000000a}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.title-gradient{background:linear-gradient(90deg,#1e40af,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-bar{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fffc;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.nav-links a{color:var(--text-muted);margin-left:20px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-main)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main{animation:.6s ease-out forwards fadeIn}.markdown-body{color:var(--text-main);font-size:.95rem;line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:#111;margin-top:1.5em;margin-bottom:.8em;font-weight:600}.markdown-body h2{border-bottom:1px solid var(--glass-border);padding-bottom:.3em;font-size:1.3rem}.markdown-body p{margin-bottom:1.2em}.markdown-body ul,.markdown-body ol{margin-bottom:1.2em;padding-left:2em}.markdown-body li{margin-bottom:.5em}.markdown-body table{border-collapse:collapse;width:100%;max-width:100%;margin:2em 0;font-size:.95rem;display:block;overflow-x:auto;box-shadow:0 4px 6px #00000005}.markdown-body th,.markdown-body td{border:1px solid var(--glass-border);text-align:left;min-width:120px;padding:12px 16px}.markdown-body th{color:var(--text-main);background-color:#f8fafccc;font-weight:600}.markdown-body tr:nth-child(2n){background-color:#f8fafc4d}.markdown-body blockquote{border-left:4px solid var(--primary);color:var(--text-muted);background:#0ea5e90d;border-radius:0 8px 8px 0;margin:1.5em 0;padding:1px 16px;font-style:italic}.markdown-body a{color:var(--primary);text-decoration:none}.markdown-body a:hover{text-decoration:underline}