@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_4f6338e2-module__O98w7G__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_4f6338e2-module__O98w7G__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_5f06c514-module__vviA3W__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_5f06c514-module__vviA3W__variable{--font-sg:"Space Grotesk","Space Grotesk Fallback"}
:root{--primary-blue:#3b82f6;--primary-blue-dark:#2563eb;--primary-blue-light:#60a5fa;--accent-orange:#c62;--accent-orange-light:#d67d3d;--gold:#fbbf24;--dark-base:#09090f;--dark-card:#12131c;--dark-card-2:#1a1b28;--surface-glass:#12131cb3;--border:#ffffff12;--border-mid:#ffffff1f;--border-gray:#ffffff12;--border-gray-light:#ffffff1f;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--text-primary:#fff;--text-secondary:#c4c6d8;--text-tertiary:#7b7e9a;--text-muted:#4a4d6a;--text-gray:#9ca3af;--text-light:#c4c6d8;--font-display:var(--font-sg,"Space Grotesk",sans-serif);--font-body:var(--font-inter,"Inter",sans-serif);--font-mono:"Courier New",monospace;--container-max-width:1280px;--nav-height:68px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:22px;--radius-pill:999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 20px #00000080;--shadow-xl:0 20px 40px #0009;--shadow-soft:0 12px 30px #080c1859;--shadow-accent:0 0 30px #3b82f659;--ease-out:cubic-bezier(.22,.61,.36,1);--transition-fast:.15s var(--ease-out);--transition-normal:.3s var(--ease-out);--transition-slow:.5s var(--ease-out);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--status-ongoing:#10b981;--status-completed:#3b82f6;--status-hiatus:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--dark-base);color:var(--text-primary);font-family:var(--font-body),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;flex-direction:column;min-height:100vh;line-height:1.6;display:flex;overflow-x:hidden}main{padding-bottom:var(--player-height,0px);flex:1}a{color:var(--primary-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-blue-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display),sans-serif;color:var(--text-primary);letter-spacing:-.03em;font-weight:700;line-height:1.2}.ln-icon{width:1rem;height:1rem;color:var(--text-tertiary);flex-shrink:0}.ln-icon-book{color:var(--accent-orange)}.ln-icon-eye{color:var(--primary-blue-light)}.ln-icon-star{color:var(--gold)}.num-display{font-family:var(--font-mono),monospace;font-variant-numeric:tabular-nums}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance}p{color:var(--text-secondary);line-height:1.7}.content-text{line-height:1.7}img{max-width:100%;height:auto;display:block}.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}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.container{width:100%;max-width:var(--container-max-width);padding:0 var(--spacing-xl);margin:0 auto}@media (max-width:768px){.container{padding:0 var(--spacing-md)}}.btn{border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}@media (max-width:640px),(pointer:coarse){.btn{min-height:44px}.btn.btn-sm{min-height:36px}}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-blue)0%,#4f7df5 55%,var(--accent-orange)100%);color:#fff;box-shadow:0 8px 18px #3b82f659,0 0 18px #cc662240}.btn-primary:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#2f6fe8 0%,#4d7ef8 55%,#de7a34 100%);transform:translateY(-2px);box-shadow:0 12px 24px #3b82f666,0 0 26px #cc662259}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#3b82f6e6 0%,#3b82f6a6 100%)}.btn-secondary:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#60a5faf2 0%,#3b82f6bf 100%);transform:translateY(-2px);box-shadow:0 10px 18px #3b82f64d}a.btn.btn-secondary,a.btn.btn-secondary:hover{color:#fff;-webkit-text-fill-color:white}.btn-outline{color:var(--text-primary);border:2px solid var(--border-gray);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px)}.btn-outline:active:not(:disabled){transform:translateY(0)}.btn-accent{background:linear-gradient(135deg,var(--accent-orange)0%,var(--accent-orange-dark)100%);color:#fff;box-shadow:var(--shadow-md)}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-orange-light)0%,var(--accent-orange)100%);transform:translateY(-2px);box-shadow:0 0 20px #f9731666,0 4px 15px #0000004d}.btn-accent:active:not(:disabled){transform:translateY(0)}.btn:focus-visible,a:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.btn:hover svg{transform:translate(3px)}.btn svg{transition:transform var(--transition-fast)}.btn-loading{color:#0000;pointer-events:none;position:relative}.btn-loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;animation:.6s linear infinite btn-spin;position:absolute;top:50%;left:50%}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-gradient{background:linear-gradient(135deg,var(--primary-blue)0%,var(--primary-blue-dark)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-transition{animation:.4s pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stagger-children>*{animation:.4s backwards staggerFadeIn}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.hover-scale{transition:transform .2s}.hover-scale:hover{transform:scale(1.02)}.hover-glow:hover{box-shadow:0 0 20px #3b82f64d}.btn{transition:all .2s;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:after{transform:translate(100%)}.btn:active{transform:scale(.98)}.skeleton{background:linear-gradient(90deg,var(--dark-card)25%,var(--dark-card-light)50%,var(--dark-card)75%);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-card)}::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-gray-light)}::selection{color:var(--text-primary);background:#3b82f64d}img{opacity:1;transition:opacity .3s}img[data-loading=true]{opacity:0}.toast-enter{animation:.3s toastSlideIn}.toast-exit{animation:.3s forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}
.logo-container{font-family:var(--font-display),"Space Grotesk",sans-serif;letter-spacing:-.04em;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:3px;font-weight:800;text-decoration:none;transition:opacity .2s;display:inline-flex}.logo-container:hover{opacity:.85}.logo-mark{color:#fff;font-size:1.15rem}.logo-accent{color:var(--primary-blue);font-size:1.15rem}
.navbar{z-index:1000;width:100%;max-width:100vw;height:var(--nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#09090feb;border-bottom:1px solid #ffffff12;align-items:center;transition:background .25s,box-shadow .25s;display:flex;position:sticky;top:0}.navbar.scrolled{background:#09090ffa;box-shadow:0 12px 30px #0000002e}.nav-container{max-width:var(--container-max-width);align-items:center;gap:24px;width:100%;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-menu{flex:1;align-items:center;gap:.35rem;list-style:none;display:flex}.nav-dropdown{position:relative}.nav-dropdown-toggle{align-items:center;gap:.35rem;display:inline-flex}.nav-dropdown-icon{transition:transform .2s}.nav-dropdown-menu{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-mid);min-width:200px;box-shadow:var(--shadow-xl);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out);z-index:var(--z-dropdown);background:#12131ceb;padding:.5rem;position:absolute;top:calc(100% + .6rem);left:0;transform:translateY(6px)}.nav-dropdown-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast);padding:.5rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;display:block}.nav-dropdown-link:hover,.nav-dropdown-link:focus-visible{color:var(--text-primary);background:#3b82f61f}.nav-dropdown-link.active{color:var(--text-primary);background:#3b82f62e}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-dropdown:hover .nav-dropdown-icon,.nav-dropdown:focus-within .nav-dropdown-icon{transform:rotate(180deg)}.nav-dropdown.active>.nav-link{color:#fff}.nav-link{color:var(--text-tertiary);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.nav-link:hover{color:var(--text-primary);background:#3b82f61f;box-shadow:0 0 12px #3b82f629}.nav-link.active{color:#fff;background:#3b82f62e;font-weight:600;box-shadow:0 0 18px #3b82f638}.nav-link.active:after{content:"";background:linear-gradient(90deg,var(--primary-blue),var(--accent-orange));border-radius:2px;height:2px;position:absolute;bottom:5px;left:16px;right:16px}.nav-link:focus-visible{outline:2px solid var(--primary-blue);outline-offset:4px}.auth-actions{align-items:center;gap:.75rem;display:flex}.auth-section{flex-shrink:0;align-items:center;margin-left:0;display:flex}.auth-loading{align-items:center;gap:.5rem;padding:.5rem;display:flex}.auth-loading-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.loading-spinner{border:3px solid var(--border-gray);border-top-color:var(--primary-blue);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sign-in-btn{min-height:42px;padding:.55rem 1.2rem;font-size:.95rem}.start-free-btn{min-height:42px;padding:.55rem 1.1rem;font-size:.95rem}.user-menu-wrapper{position:relative}.user-menu-btn{border:1px solid var(--border-gray);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:50px;align-items:center;gap:.5rem;padding:.4rem .75rem .4rem .4rem;display:flex}.user-menu-btn:hover{border-color:var(--primary-blue);background-color:#3b82f61a}.user-menu-btn:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.user-avatar{object-fit:cover;border:2px solid var(--primary-blue);border-radius:50%;width:32px;height:32px}.user-avatar-premium{background-image:linear-gradient(#1a1a1a,#1a1a1a),linear-gradient(135deg,var(--gold,#fbbf24),#f59e0b);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;box-shadow:0 0 10px #fbbf2459,0 0 20px #fbbf241a}.user-menu-btn-premium{background:#fbbf240f;border-color:#fbbf2466}.user-menu-btn-premium:hover{background:#fbbf241f;border-color:#fbbf2499;box-shadow:0 0 16px #fbbf2440}.user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.9rem;font-weight:500;overflow:hidden}.premium-badge-nav{background:linear-gradient(135deg,var(--gold,#fbbf24)0%,#f59e0b 100%);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;flex-shrink:0;padding:.125rem .375rem;font-size:.6rem;font-weight:700}.premium-badge-dropdown{background:linear-gradient(135deg,var(--gold,#fbbf24)0%,#f59e0b 100%);color:#fff;vertical-align:middle;border-radius:4px;margin-left:.5rem;padding:.125rem .5rem;font-size:.65rem;font-weight:600}.dropdown-arrow{color:var(--text-gray);transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-mid);border-radius:var(--radius-lg);min-width:240px;max-width:calc(100vw - 2rem);box-shadow:var(--shadow-xl);z-index:calc(var(--z-sticky) + 10);animation:dropdown-appear .2s var(--ease-out);background:#12131ceb;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#3b82f614,#cc66220a);align-items:center;gap:.75rem;padding:1rem;display:flex}.user-avatar-large{object-fit:cover;border:2px solid var(--primary-blue);border-radius:50%;width:48px;height:48px}.user-details{flex:1;min-width:0}.user-name-full{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.user-email{color:var(--text-gray);text-overflow:ellipsis;white-space:nowrap;margin:.25rem 0 0;font-size:.8rem;overflow:hidden}.dropdown-divider{background:var(--border);height:1px;margin:.4rem 0}.dropdown-link{width:100%;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.65rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.dropdown-link:hover{color:var(--text-primary);background:#3b82f61f}.dropdown-link:focus-visible{outline:2px solid var(--primary-blue);outline-offset:-2px}.dropdown-link svg{flex-shrink:0}.dropdown-link.sign-out{color:#ef4444}.dropdown-link.sign-out:hover{color:#dc2626;background:#ef44441a}.dropdown-overlay{z-index:calc(var(--z-sticky) + 9);position:fixed;inset:0}.hamburger-btn{cursor:pointer;width:44px;height:44px;z-index:calc(var(--z-sticky) + 2);box-sizing:border-box;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;margin-left:auto;margin-right:-6px;padding:0;display:none}.hamburger-icon{flex-direction:column;justify-content:space-around;align-items:center;width:32px;height:32px;padding:4px 0;display:flex}.hamburger-line{background:var(--text-primary);width:1.5rem;height:.15rem;transition:all var(--transition-normal);transform-origin:1px;border-radius:10px}.hamburger-line.open:first-child{transform:rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)}.mobile-menu{top:var(--nav-height);width:min(300px,85vw);max-width:300px;height:calc(100vh - var(--nav-height));-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border-mid);box-shadow:var(--shadow-xl);transition:transform var(--transition-normal);z-index:calc(var(--z-sticky) + 1);background:#12131cf2;position:fixed;right:0;overflow-y:auto;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.mobile-menu-list{padding:1rem .75rem 2rem;list-style:none}.mobile-nav-link{color:var(--text-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast);margin:.15rem 0;padding:.75rem 1rem;font-size:1rem;font-weight:500;text-decoration:none;display:block}.mobile-nav-link:hover{color:var(--text-primary);background:#3b82f61f}.mobile-nav-link:focus-visible{outline:2px solid var(--primary-blue);outline-offset:-2px}.mobile-nav-link.active{color:var(--text-primary);background:#3b82f62e;font-weight:600}.mobile-menu-section{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:1rem 0 .35rem;padding:0 1rem;font-size:.7rem;font-weight:600}.mobile-genres-group{margin-top:.25rem}.mobile-genres-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;font-family:inherit;display:flex}.mobile-genres-icon{transition:transform var(--transition-fast);color:var(--text-tertiary);flex-shrink:0}.mobile-genres-icon.open{color:var(--text-primary);transform:rotate(180deg)}.mobile-genres-list{border-left:1px solid var(--border);opacity:0;max-height:0;transition:max-height var(--transition-normal),opacity var(--transition-fast),margin var(--transition-normal);margin:0 0 0 .75rem;padding:0;list-style:none;overflow:hidden}.mobile-genres-list.open{opacity:1;max-height:600px;margin-top:.35rem;margin-bottom:.5rem}.mobile-genre-link{padding-left:1rem;font-size:.95rem}.mobile-auth-item{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.sign-out-mobile{text-align:left;cursor:pointer;width:100%;color:var(--error);background:0 0;border:none;font-family:inherit;font-size:1rem}.sign-out-mobile:hover{color:var(--error);background:#ef44441f}.btn-primary-mobile{background:linear-gradient(135deg,var(--primary-blue),var(--accent-orange));color:#fff;text-align:center;font-weight:600;box-shadow:0 4px 14px #3b82f640}.btn-primary-mobile:hover{background:linear-gradient(135deg,var(--primary-blue-dark),var(--accent-orange));color:#fff;box-shadow:0 6px 18px #3b82f659}.mobile-overlay{top:var(--nav-height);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(4px);background:#09090fb3;position:fixed;bottom:0;left:0;right:0}@media (max-width:768px){.nav-container{padding:1rem}.desktop-menu,.auth-section{display:none}.hamburger-btn{display:flex}.user-name{display:none}}@media (max-width:400px){.user-dropdown{min-width:200px;right:-1rem}}.dropdown-link-upgrade{color:#a78bfa;background:#667eea0f}.dropdown-link-upgrade:hover{color:#c4b5fd;background:#667eea26}.dropdown-link-upgrade svg{color:#a78bfa}.mobile-upgrade-link{color:var(--gold);background:#fbbf2414}.mobile-upgrade-link:hover{color:var(--gold);background:#fbbf2429}@media (min-width:769px){.mobile-menu,.mobile-overlay{display:none}}
.footer{background:var(--dark-card);border-top:1px solid var(--border);margin-top:auto;padding:2rem 0 2.5rem}.footer-container{max-width:var(--container-max-width);margin:0 auto;padding:0 2rem}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.footer-section{flex-direction:column;gap:1rem;display:flex}.footer-brand{max-width:350px}.footer-tagline{color:var(--text-tertiary);margin-top:.5rem;font-size:.9rem;line-height:1.6}.footer-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.footer-links{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-link{color:var(--text-tertiary);transition:color var(--transition-fast);font-size:.9rem;text-decoration:none;display:inline-block;position:relative}.footer-link:after{content:"";background:var(--primary-blue);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.footer-link:hover{color:var(--primary-blue)}.footer-link:hover:after{width:100%}.footer-link:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.footer-text{color:var(--text-muted);font-size:.875rem}.footer-social{flex-direction:column;gap:1rem;display:flex}.social-icons-placeholder{gap:1rem;display:flex}.footer-bottom{border-top:1px solid var(--border-gray);text-align:center;padding-top:2rem}.footer-copyright{color:var(--text-muted);font-size:.875rem}@media (max-width:1024px){.footer-content{grid-template-columns:2fr 1fr 1fr;gap:2rem}}@media (max-width:768px){.footer-container{padding:0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-brand{max-width:100%}.footer{padding:2rem 0 1rem}}