:root{--color-bg:#0f0f1a;--color-surface:#1a1a2e;--color-surface-2:#16213e;--color-border:hsla(0,0%,100%,.08);--color-primary:#c084fc;--color-accent:#f472b6;--color-gold:#fbbf24;--color-muted:#94a3b8;--color-text:#f1f5f9;--color-text-soft:#cbd5e1;--font-display:"Playfair Display",Georgia,serif;--font-body:"Inter",system-ui,sans-serif;--radius:12px;--radius-lg:20px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:99px}a{color:inherit;text-decoration:none}:focus-visible{border-radius:4px;outline:2px solid var(--color-primary);outline-offset:3px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.page-enter-active,.page-leave-active{transition:opacity .28s ease,transform .28s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-6px)}@media(prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active{transition:opacity .2s ease}.page-enter-from,.page-leave-to{transform:none}}:root{--trk-nav-h:76px;--trk-top-h:2.75rem;--trk-ease-out:cubic-bezier(.16,1,.3,1);--trk-accent:#7c3aed;--trk-accent-hover:#6d28d9}.trk-page{min-height:100vh;overflow:hidden;padding:1.5rem;position:relative}.trk-orb{border-radius:50%;filter:blur(64px);height:24rem;opacity:.45;pointer-events:none;position:absolute;width:24rem}.trk-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);border-radius:24px}.trk-title{color:#f1f5f9;font-weight:700;letter-spacing:-.02em}.trk-sub{color:#9ca3af}.trk-btn{align-items:center;background:var(--trk-accent);border:1px solid transparent;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:17px;font-weight:600;gap:.75rem;justify-content:center;padding:1.1rem 2rem;transition:transform .16s var(--trk-ease-out),background-color .2s,opacity .2s;width:100%}@media(hover:hover)and (pointer:fine){.trk-btn:hover:not(:disabled){background:var(--trk-accent-hover)}}.trk-btn:disabled{background:#ffffff0d;border-color:#ffffff0d;color:#6b7280;cursor:not-allowed}.trk-btn--ghost{background:#ffffff0d;border-color:#fff3}@media(hover:hover)and (pointer:fine){.trk-btn--ghost:hover:not(:disabled){background:#ffffff17}}.trk-btn:active:not(:disabled){transform:scale(.97)}@media(prefers-reduced-motion:reduce){.trk-btn:active:not(:disabled){transform:scale(.985)}}.trk-badge{align-items:center;border:1px solid hsla(0,0%,100%,.12);border-radius:24px;color:#fff;display:inline-flex;height:80px;justify-content:center;width:80px}.trk-badge--sm{border:none;border-radius:16px;flex-shrink:0;height:48px;width:48px}.trk-dots{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.trk-dot{background:#fff3;border-radius:99px;height:8px;transition:width .3s var(--trk-ease-out),background-color .3s;width:8px}.trk-dot--active{background:var(--trk-accent);width:32px}.trk-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:14px;color:#fff;font-family:inherit;font-size:15px;font-weight:500;outline:none;padding:.8rem 1rem;transition:border-color .3s,box-shadow .3s;width:100%}.trk-input::-moz-placeholder{color:#6b7280}.trk-input::placeholder{color:#6b7280}.trk-input:focus{border-color:#a78bfa99}.trk-scroll::-webkit-scrollbar{width:8px}.trk-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.trk-scroll::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:10px}.trk-scroll::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}@keyframes trk-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.trk-rise{animation:trk-rise .6s var(--trk-ease-out) both}
