@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Open+Sans:wght@400;700&family=Noto+Sans+SC:wght@400&family=JetBrains+Mono:wght@400&display=swap";
@import "https://cdn.jsdelivr.net/npm/@tabler/icons@latest/tabler-sprite.svg";
:root{--color-base:#f9f9f9;--color-white:#fff;--color-gray-50:#f9f9f9;--color-gray-100:#f5f5f5;--color-gray-200:#e8e8e8;--color-gray-300:#d1d1d1;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#1a1a1a;--color-primary:#007aff;--color-primary-hover:#0056cc;--color-accent:#007aff;--color-red-500:#ff3b30;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 1px 3px #0000000d,0 10px 20px #00000008;--shadow-lg:0 1px 3px #0000000d,0 10px 20px #00000008;--shadow-xl:0 2px 6px #00000014,0 20px 40px #0000000d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.4s ease;--font-display:"Poppins","Noto Sans SC",sans-serif;--font-body:"Open Sans","Noto Sans SC",sans-serif;--font-mono:"JetBrains Mono","Consolas",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-bg:#f8fafc}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-body);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal);color:var(--color-text-primary);background-color:var(--color-bg);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);transition:background var(--transition-fast);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}::selection{color:var(--color-gray-900);background:#007aff33}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-lg);background:0 0;border:none}button:hover{background:var(--color-gray-100)}button:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin-bottom:.6em}h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:.5em 0 1.2em}small{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}code,pre{font-family:var(--font-mono);font-size:var(--font-size-sm)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass-effect{-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #fff3}@media (prefers-color-scheme:dark){.glass-effect{background:#1c1c1ecc;border:1px solid #ffffff1a}}.fade-in{animation:fadeIn var(--transition-normal)ease-out}.slide-in-left{animation:slideInLeft var(--transition-normal)ease-out}.slide-in-right{animation:slideInRight var(--transition-normal)ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px) and (min-width:769px){html{font-size:15px}:root{--spacing-xs:6px;--spacing-sm:10px;--spacing-md:18px;--spacing-lg:28px;--spacing-xl:36px;--spacing-2xl:52px}}@media (max-width:768px){html{font-size:14px}}