:root{--c-primary:#10b981;--c-primary-light:#34d399;--c-primary-dark:#059669;--c-secondary:#0ea5e9;--c-bg:#fff;--c-bg-subtle:#f8fafc;--c-text:#0f172a;--c-text-muted:#64748b;--c-border:#e2e8f0;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--glass-bg:#ffffffb3;--glass-border:1px solid #ffffff80;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--c-bg:#0f172a;--c-bg-subtle:#1e293b;--c-text:#f8fafc;--c-text-muted:#94a3b8;--c-border:#334155;--glass-bg:#1e293bb3;--glass-border:1px solid #ffffff1a;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080;--shadow-xl:0 20px 25px -5px #00000080}}.dark{--c-bg:#0f172a;--c-bg-subtle:#1e293b;--c-text:#f8fafc;--c-text-muted:#94a3b8;--c-border:#334155;--glass-bg:#1e293bb3;--glass-border:1px solid #ffffff1a;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080;--shadow-xl:0 20px 25px -5px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1rem}}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);box-shadow:var(--shadow-md);border-radius:16px}.btn-primary{background:linear-gradient(135deg, var(--c-primary), var(--c-secondary));color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #10b98163}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-secondary{background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--c-bg-subtle);border-color:var(--c-primary);color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.page-header{text-align:center;background:var(--c-bg-subtle);border-bottom:1px solid var(--c-border);padding:4.5rem 0}.page-header h1{background:linear-gradient(135deg, var(--c-text), var(--c-primary));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.page-header p{color:var(--c-text-muted);font-size:1.25rem}@media (width<=768px){.page-header{padding:3rem 0}.page-header h1{font-size:2rem}.page-header p{padding:0 1rem;font-size:1rem}}