:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a24;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-bg-active: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--glass-light-bg: rgba(255, 255, 255, .7);--glass-light-bg-hover: rgba(255, 255, 255, .85);--glass-light-border: rgba(255, 255, 255, .5);--glass-light-border-subtle: rgba(0, 0, 0, .06);--color-accent: #059669;--color-accent-hover: #10b981;--color-accent-glow: rgba(5, 150, 105, .4);--color-accent-subtle: rgba(5, 150, 105, .1);--color-secondary: #0891b2;--color-secondary-glow: rgba(8, 145, 178, .3);--color-tertiary: #8b5cf6;--color-tertiary-glow: rgba(139, 92, 246, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .35);--text-light-primary: #1a1a2e;--text-light-secondary: #4a4a5a;--text-light-tertiary: #6a6a7a;--gradient-primary: linear-gradient(135deg, #059669 0%, #0891b2 100%);--gradient-primary-vibrant: linear-gradient(135deg, #059669 0%, #10b981 50%, #0891b2 100%);--gradient-subtle: linear-gradient(135deg, rgba(5, 150, 105, .1) 0%, rgba(8, 145, 178, .1) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--gradient-dark-fade: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .8) 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .3);--shadow-glow: 0 0 40px var(--color-accent-glow);--shadow-glow-sm: 0 0 20px var(--color-accent-glow);--shadow-light-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-light-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-light-lg: 0 8px 40px rgba(0, 0, 0, .1);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px;--blur-xl: 40px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.glass-card{background:var(--glass-light-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-light-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-light-md);transition:all var(--transition-base)}.glass-card:hover{background:var(--glass-light-bg-hover);box-shadow:var(--shadow-light-lg);transform:translateY(-2px)}.glass-card-dark{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.glass-card-dark:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--shadow-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:.9rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--glass-light-bg);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid var(--glass-light-border-subtle);color:var(--text-light-primary)}.btn-secondary:hover:not(:disabled){background:var(--glass-light-bg-hover);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-light-secondary);padding:var(--space-2) var(--space-4)}.btn-ghost:hover:not(:disabled){background:#05966914;color:var(--color-accent)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:.9rem;background:var(--glass-light-bg);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid var(--glass-light-border-subtle);border-radius:var(--radius-md);color:var(--text-light-primary);transition:all var(--transition-base)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.input::placeholder{color:var(--text-light-tertiary)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:var(--color-accent-subtle);color:var(--color-accent)}.badge-success{background:#10b9811a;color:var(--color-success)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--color-accent-glow)}50%{box-shadow:0 0 40px var(--color-accent-glow),0 0 60px var(--color-secondary-glow)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.text-gradient{background:var(--gradient-primary);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-animate{background:var(--gradient-primary);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}.glow{box-shadow:var(--shadow-glow)}.glow-pulse{animation:pulse-glow 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}::selection{background:var(--color-accent);color:#fff}.markdown-content{font-size:1.125rem;line-height:1.75;color:#1d1d1f;max-width:66ch;margin:0 auto}.markdown-content h1{font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#1d1d1f;margin-top:2.5em;margin-bottom:.75em}.markdown-content h1:first-child{margin-top:0}.markdown-content h2{font-size:1.5rem;font-weight:650;line-height:1.3;color:#1d1d1f;margin-top:2em;margin-bottom:.6em;padding-bottom:.4em;border-bottom:1px solid #e8e8ed}.markdown-content h3{font-size:1.25rem;font-weight:600;line-height:1.4;color:#1d1d1f;margin-top:1.75em;margin-bottom:.5em}.markdown-content h4{font-size:1.1rem;font-weight:600;line-height:1.4;color:#1d1d1f;margin-top:1.5em;margin-bottom:.4em}.markdown-content h5,.markdown-content h6{font-size:1rem;font-weight:600;line-height:1.4;color:#86868b;margin-top:1.25em;margin-bottom:.4em;text-transform:uppercase;letter-spacing:.5px}.markdown-content h1+p:first-letter{font-size:3.2em;float:left;line-height:.85;margin-right:.08em;margin-top:.05em;color:#059669;font-weight:700}.markdown-content p{margin-top:0;margin-bottom:1.25em}.markdown-content a{color:#059669;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .15s ease}.markdown-content a:hover{color:#047857}.markdown-content ul,.markdown-content ol{padding-left:1.5em;margin-top:0;margin-bottom:1.25em}.markdown-content li{margin-bottom:.4em}.markdown-content li::marker{color:#059669}.markdown-content ul ul,.markdown-content ol ol,.markdown-content ul ol,.markdown-content ol ul{margin-bottom:.25em;margin-top:.25em}.markdown-content blockquote{margin:1.5em 0;padding:1em 1.25em;border-left:4px solid #059669;background:linear-gradient(135deg,#0596690a,#0891b20a);border-radius:0 8px 8px 0;font-style:italic;color:#374151}.markdown-content blockquote p:last-child{margin-bottom:0}.markdown-content code:not(pre code){background-color:#f5f5f7;padding:2px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.88em;color:#e83e8c;word-break:break-word}.markdown-content pre{margin:1.5em 0;border-radius:8px;overflow:auto}.markdown-content pre code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.6}.markdown-content table{width:100%;border-collapse:collapse;margin:1.5em 0;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.markdown-content thead{background:linear-gradient(135deg,#059669,#0891b2)}.markdown-content th{padding:.75em 1em;text-align:left;font-weight:600;font-size:.85rem;color:#fff;letter-spacing:.3px}.markdown-content td{padding:.75em 1em;font-size:.95rem;border-bottom:1px solid #e8e8ed}.markdown-content tbody tr:nth-child(2n){background-color:#f9fafb}.markdown-content tbody tr:hover{background-color:#0596690a}.markdown-content hr{border:none;height:2px;width:120px;margin:2.5em auto;background:linear-gradient(135deg,#059669,#0891b2);border-radius:2px;position:relative}.markdown-content hr:after{content:"·";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#059669;background:#fff;padding:0 .5em;line-height:1}.markdown-content img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 12px #0000001a;margin:1.5em 0;display:block}.markdown-content strong{font-weight:650;color:#1d1d1f}.markdown-content em{font-style:italic}.markdown-content input[type=checkbox]{margin-right:.5em;accent-color:#059669}@media(max-width:768px){.markdown-content{font-size:1rem;line-height:1.65}.markdown-content h1{font-size:1.6rem;margin-top:1.75em}.markdown-content h2{font-size:1.3rem;margin-top:1.5em}.markdown-content h3{font-size:1.1rem;margin-top:1.25em}.markdown-content h1+p:first-letter{font-size:inherit;float:none;line-height:inherit;margin-right:0;margin-top:0;color:inherit;font-weight:inherit}.markdown-content table{font-size:.85rem}.markdown-content th,.markdown-content td{padding:.5em .75em}}@media print{.markdown-content{color:#000;max-width:none}.markdown-content a{color:#000;text-decoration:underline}.markdown-content img{box-shadow:none}.markdown-content h1,.markdown-content h2,.markdown-content h3{page-break-after:avoid}.markdown-content pre,.markdown-content blockquote,.markdown-content table{page-break-inside:avoid}.markdown-content hr:after{background:#fff}}
