.error-boundary{min-height:100vh;padding-top:var(--navbar-height, 72px);display:flex;align-items:center;justify-content:center;padding-left:var(--space-xl);padding-right:var(--space-xl);padding-bottom:var(--space-xl);text-align:center;box-sizing:border-box}.error-boundary-content{max-width:600px}.error-boundary-code{font-size:clamp(8rem,25vw,14rem);font-weight:800;line-height:1;letter-spacing:-.02em;margin-bottom:var(--space-md);-webkit-user-select:none;user-select:none;animation:fadeInUp .6s ease-out backwards}.error-boundary-bracket{display:inline-block;background:linear-gradient(135deg,var(--error) 0%,#f87171 50%,var(--warning) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:error-pulse 3s ease-in-out infinite;position:relative}@keyframes error-pulse{0%,to{filter:drop-shadow(0 0 20px color-mix(in srgb,var(--error) 40%,transparent));transform:scale(1)}50%{filter:drop-shadow(0 0 40px color-mix(in srgb,var(--error) 60%,transparent));transform:scale(1.02)}}.error-boundary-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-lg) 0;line-height:1.1;animation:fadeInUp .6s ease-out .1s backwards}.error-boundary-highlight{background:linear-gradient(135deg,var(--error) 0%,#f87171 50%,var(--warning) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.error-boundary-message{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin:0 0 calc(var(--space-xl) + var(--space-sm)) 0;max-width:440px;margin-left:auto;margin-right:auto;animation:fadeInUp .6s ease-out .2s backwards}.error-boundary-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);animation:fadeInUp .6s ease-out .3s backwards}@media(min-width:480px){.error-boundary-actions{flex-direction:row;justify-content:center}}.error-boundary-hint{margin-top:var(--space-xl);font-size:.875rem;color:var(--text-muted);animation:fadeInUp .6s ease-out .4s backwards}.error-boundary-details{margin-top:2.5rem;text-align:left;animation:fadeInUp .6s ease-out .5s backwards}.error-boundary-details summary{cursor:pointer;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm);-webkit-user-select:none;user-select:none;text-align:center}.error-boundary-details summary:hover{color:var(--text-secondary)}.error-boundary-stack{display:block;padding:var(--space-md);background:var(--glass-bg-hover);border:1px solid var(--error-border);border-radius:var(--radius);font-family:Monaco,Consolas,monospace;font-size:var(--text-xs);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;overflow:auto;max-height:200px;text-align:left}.error-boundary-stack strong{display:block;margin-bottom:var(--space-sm);color:var(--error)}@media(max-width:768px){.error-boundary{padding-top:var(--navbar-height-mobile, 64px)}}@media(max-width:640px){.error-boundary{padding-left:1.5rem;padding-right:1.5rem}.error-boundary-message{font-size:1rem}}@media(prefers-reduced-motion:reduce){.error-boundary-code,.error-boundary-title,.error-boundary-message,.error-boundary-actions,.error-boundary-hint,.error-boundary-details,.error-boundary-bracket{animation:none}}.starfield,.starfield *,.stars-sm,.stars-md,.stars-lg,.shooting-star{transition:none!important}.starfield{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:var(--starfield-gradient);background-size:100% 100lvh;background-repeat:no-repeat}.stars-sm,.stars-md,.stars-lg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.stars-sm{width:1px;height:1px;background:transparent;animation:starScroll 150s linear infinite;box-shadow:24px 89px #fff,156px 234px #fff,289px 67px #fff,412px 189px #fff,534px 312px #fff,667px 45px #fff,789px 178px #fff,923px 290px #fff,1045px 123px #fff,1178px 256px #fff,1290px 78px #fff,1423px 201px #fff,1556px 334px #fff,1678px 167px #fff,1812px 289px #fff,1934px 112px #fff,2067px 245px #fff,2189px 378px #fff,2312px 211px #fff,2445px 89px #fff,78px 456px #fff,201px 589px #fff,334px 412px #fff,456px 545px #fff,589px 678px #fff,712px 501px #fff,845px 634px #fff,967px 467px #fff,1100px 590px #fff,1223px 423px #fff,1356px 556px #fff,1478px 689px #fff,1601px 512px #fff,1734px 645px #fff,1856px 478px #fff,1989px 601px #fff,2112px 434px #fff,2245px 567px #fff,2367px 690px #fff,2500px 523px #fff,45px 812px #fff,178px 945px #fff,301px 778px #fff,434px 901px #fff,556px 1034px #fff,689px 867px #fff,812px 990px #fff,945px 823px #fff,1067px 956px #fff,1200px 789px #fff,1323px 912px #fff,1456px 1045px #fff,1578px 878px #fff,1701px 1001px #fff,1834px 834px #fff,1956px 967px #fff,2089px 800px #fff,2212px 933px #fff,2345px 1056px #fff,2467px 889px #fff,112px 1178px #fff,245px 1301px #fff,367px 1134px #fff,500px 1267px #fff,623px 1390px #fff,756px 1223px #fff,878px 1356px #fff,1001px 1189px #fff,1134px 1312px #fff,1256px 1145px #fff,1389px 1278px #fff,1512px 1401px #fff,1645px 1234px #fff,1767px 1367px #fff,1890px 1200px #fff,2023px 1323px #fff,2145px 1156px #fff,2278px 1289px #fff,2401px 1412px #fff,2523px 1245px #fff,67px 1534px #fff,189px 1667px #fff,312px 1500px #fff,445px 1623px #fff,567px 1756px #fff,700px 1589px #fff,823px 1712px #fff,956px 1545px #fff,1078px 1678px #fff,1201px 1511px #fff,1334px 1634px #fff,1456px 1767px #fff,1589px 1600px #fff,1712px 1723px #fff,1845px 1556px #fff,1967px 1689px #fff,2100px 1522px #fff,2223px 1655px #fff,2356px 1778px #fff,2478px 1611px #fff,134px 1890px #fff,256px 2023px #fff,389px 1856px #fff,512px 1989px #fff,645px 2112px #fff,767px 1945px #fff,890px 2078px #fff,1023px 1911px #fff,1145px 2034px #fff,1278px 1867px #fff,1401px 1990px #fff,1534px 2123px #fff,1656px 1956px #fff,1789px 2089px #fff,1912px 1922px #fff,2045px 2045px #fff,2167px 1878px #fff,2290px 2011px #fff,2423px 2134px #fff,2545px 1967px #fff,89px 2245px #fff,212px 2378px #fff,345px 2211px #fff,467px 2334px #fff,590px 2467px #fff,723px 2300px #fff,845px 2433px #fff,978px 2266px #fff,1101px 2389px #fff,1223px 2222px #fff,1356px 2345px #fff,1489px 2478px #fff,1611px 2311px #fff,1734px 2434px #fff,1867px 2267px #fff,1989px 2390px #fff,2112px 2223px #fff,2245px 2356px #fff,2367px 2489px #fff,2500px 2322px #fff,1500px 150px #fff,750px 1100px #fff,2200px 600px #fff,400px 1800px #fff,1900px 1400px #fff,600px 2300px #fff,1100px 400px #fff,2400px 1700px #fff,300px 900px #fff,1700px 2100px #fff,850px 350px #fff,2050px 850px #fff,450px 1350px #fff,1350px 1850px #fff,2350px 450px #fff,550px 650px #fff,1650px 50px #fff,250px 1550px #fff,1150px 2450px #fff,2150px 1050px #fff,950px 1950px #fff,50px 550px #fff,1450px 750px #fff,2450px 1250px #fff,650px 2050px #fff,1250px 250px #fff,1850px 1650px #fff,350px 2150px #fff,1050px 1150px #fff,2250px 350px #fff,150px 1250px #fff,1550px 2350px #fff,2550px 950px #fff,750px 450px #fff,1950px 1950px #fff}.stars-sm:after{content:"";position:absolute;top:-2560px;left:-2560px;width:1px;height:1px;background:transparent;box-shadow:24px 89px #fff,156px 234px #fff,289px 67px #fff,412px 189px #fff,534px 312px #fff,667px 45px #fff,789px 178px #fff,923px 290px #fff,1045px 123px #fff,1178px 256px #fff,1290px 78px #fff,1423px 201px #fff,1556px 334px #fff,1678px 167px #fff,1812px 289px #fff,1934px 112px #fff,2067px 245px #fff,2189px 378px #fff,2312px 211px #fff,2445px 89px #fff,78px 456px #fff,201px 589px #fff,334px 412px #fff,456px 545px #fff,589px 678px #fff,712px 501px #fff,845px 634px #fff,967px 467px #fff,1100px 590px #fff,1223px 423px #fff,1356px 556px #fff,1478px 689px #fff,1601px 512px #fff,1734px 645px #fff,1856px 478px #fff,1989px 601px #fff,2112px 434px #fff,2245px 567px #fff,2367px 690px #fff,2500px 523px #fff,45px 812px #fff,178px 945px #fff,301px 778px #fff,434px 901px #fff,556px 1034px #fff,689px 867px #fff,812px 990px #fff,945px 823px #fff,1067px 956px #fff,1200px 789px #fff,1323px 912px #fff,1456px 1045px #fff,1578px 878px #fff,1701px 1001px #fff,1834px 834px #fff,1956px 967px #fff,2089px 800px #fff,2212px 933px #fff,2345px 1056px #fff,2467px 889px #fff,112px 1178px #fff,245px 1301px #fff,367px 1134px #fff,500px 1267px #fff,623px 1390px #fff,756px 1223px #fff,878px 1356px #fff,1001px 1189px #fff,1134px 1312px #fff,1256px 1145px #fff,1389px 1278px #fff,1512px 1401px #fff,1645px 1234px #fff,1767px 1367px #fff,1890px 1200px #fff,2023px 1323px #fff,2145px 1156px #fff,2278px 1289px #fff,2401px 1412px #fff,2523px 1245px #fff,67px 1534px #fff,189px 1667px #fff,312px 1500px #fff,445px 1623px #fff,567px 1756px #fff,700px 1589px #fff,823px 1712px #fff,956px 1545px #fff,1078px 1678px #fff,1201px 1511px #fff,1334px 1634px #fff,1456px 1767px #fff,1589px 1600px #fff,1712px 1723px #fff,1845px 1556px #fff,1967px 1689px #fff,2100px 1522px #fff,2223px 1655px #fff,2356px 1778px #fff,2478px 1611px #fff,134px 1890px #fff,256px 2023px #fff,389px 1856px #fff,512px 1989px #fff,645px 2112px #fff,767px 1945px #fff,890px 2078px #fff,1023px 1911px #fff,1145px 2034px #fff,1278px 1867px #fff,1401px 1990px #fff,1534px 2123px #fff,1656px 1956px #fff,1789px 2089px #fff,1912px 1922px #fff,2045px 2045px #fff,2167px 1878px #fff,2290px 2011px #fff,2423px 2134px #fff,2545px 1967px #fff,89px 2245px #fff,212px 2378px #fff,345px 2211px #fff,467px 2334px #fff,590px 2467px #fff,723px 2300px #fff,845px 2433px #fff,978px 2266px #fff,1101px 2389px #fff,1223px 2222px #fff,1356px 2345px #fff,1489px 2478px #fff,1611px 2311px #fff,1734px 2434px #fff,1867px 2267px #fff,1989px 2390px #fff,2112px 2223px #fff,2245px 2356px #fff,2367px 2489px #fff,2500px 2322px #fff,1500px 150px #fff,750px 1100px #fff,2200px 600px #fff,400px 1800px #fff,1900px 1400px #fff,600px 2300px #fff,1100px 400px #fff,2400px 1700px #fff,300px 900px #fff,1700px 2100px #fff,850px 350px #fff,2050px 850px #fff,450px 1350px #fff,1350px 1850px #fff,2350px 450px #fff,550px 650px #fff,1650px 50px #fff,250px 1550px #fff,1150px 2450px #fff,2150px 1050px #fff,950px 1950px #fff,50px 550px #fff,1450px 750px #fff,2450px 1250px #fff,650px 2050px #fff,1250px 250px #fff,1850px 1650px #fff,350px 2150px #fff,1050px 1150px #fff,2250px 350px #fff,150px 1250px #fff,1550px 2350px #fff,2550px 950px #fff,750px 450px #fff,1950px 1950px #fff}.stars-md{width:2px;height:2px;background:transparent;border-radius:50%;animation:starScroll 200s linear infinite;box-shadow:123px 456px #fff,567px 123px #fff,890px 789px #fff,234px 1012px #fff,678px 345px #fff,1012px 678px #fff,345px 901px #fff,789px 234px #fff,1123px 567px #fff,456px 1234px #fff,901px 890px #fff,1234px 123px #fff,678px 1456px #fff,1345px 456px #fff,234px 1678px #fff,1567px 789px #fff,890px 1890px #fff,1789px 234px #fff,456px 2012px #fff,2012px 567px #fff,1234px 1123px #fff,567px 1345px #fff,1678px 901px #fff,901px 1567px #fff,2234px 345px #fff,345px 1789px #fff,1456px 1234px #fff,789px 2234px #fff,2456px 678px #fff,1123px 1456px #fff,456px 2456px #fff,1890px 1012px #fff,1012px 1890px #fff,234px 2123px #fff,2123px 890px #fff,678px 2345px #fff,1567px 1345px #fff,890px 2567px #fff,2345px 456px #fff,1234px 1678px #fff,1800px 200px #fff,400px 1600px #fff,2000px 800px #fff,600px 2200px #fff,1400px 1000px #fff,200px 2400px #fff,1600px 600px #fff,800px 2000px #fff,2200px 1200px #fff,1000px 1800px #fff,2400px 400px #fff,1200px 2100px #fff,500px 1500px #fff,1900px 900px #fff,700px 2300px #fff,2100px 500px #fff,1300px 1700px #fff,300px 2500px #fff,1700px 1100px #fff,900px 1900px #fff,2300px 700px #fff,1100px 2200px #fff,100px 1400px #fff,1500px 1300px #fff,2500px 100px #fff,750px 1750px #fff,1950px 550px #fff,350px 2350px #fff,1550px 950px #fff,950px 2150px #fff,2150px 350px #fff,550px 1950px #fff,1350px 1550px #fff,150px 2050px #fff,1750px 750px #fff,450px 2450px #fff,2050px 1150px #fff,650px 1650px #fff,1850px 1350px #fff,1050px 2250px #fff}.stars-md:after{content:"";position:absolute;top:-2560px;left:-2560px;width:2px;height:2px;border-radius:50%;background:transparent;box-shadow:123px 456px #fff,567px 123px #fff,890px 789px #fff,234px 1012px #fff,678px 345px #fff,1012px 678px #fff,345px 901px #fff,789px 234px #fff,1123px 567px #fff,456px 1234px #fff,901px 890px #fff,1234px 123px #fff,678px 1456px #fff,1345px 456px #fff,234px 1678px #fff,1567px 789px #fff,890px 1890px #fff,1789px 234px #fff,456px 2012px #fff,2012px 567px #fff,1234px 1123px #fff,567px 1345px #fff,1678px 901px #fff,901px 1567px #fff,2234px 345px #fff,345px 1789px #fff,1456px 1234px #fff,789px 2234px #fff,2456px 678px #fff,1123px 1456px #fff,456px 2456px #fff,1890px 1012px #fff,1012px 1890px #fff,234px 2123px #fff,2123px 890px #fff,678px 2345px #fff,1567px 1345px #fff,890px 2567px #fff,2345px 456px #fff,1234px 1678px #fff,1800px 200px #fff,400px 1600px #fff,2000px 800px #fff,600px 2200px #fff,1400px 1000px #fff,200px 2400px #fff,1600px 600px #fff,800px 2000px #fff,2200px 1200px #fff,1000px 1800px #fff,2400px 400px #fff,1200px 2100px #fff,500px 1500px #fff,1900px 900px #fff,700px 2300px #fff,2100px 500px #fff,1300px 1700px #fff,300px 2500px #fff,1700px 1100px #fff,900px 1900px #fff,2300px 700px #fff,1100px 2200px #fff,100px 1400px #fff,1500px 1300px #fff,2500px 100px #fff,750px 1750px #fff,1950px 550px #fff,350px 2350px #fff,1550px 950px #fff,950px 2150px #fff,2150px 350px #fff,550px 1950px #fff,1350px 1550px #fff,150px 2050px #fff,1750px 750px #fff,450px 2450px #fff,2050px 1150px #fff,650px 1650px #fff,1850px 1350px #fff,1050px 2250px #fff}.stars-lg{width:3px;height:3px;background:transparent;border-radius:50%;animation:starScroll 250s linear infinite;box-shadow:345px 678px #fff,890px 1234px #fff,1456px 456px #fff,234px 1890px #fff,1012px 789px #fff,1678px 1123px #fff,567px 2012px #fff,2123px 345px #fff,789px 1567px #fff,1345px 2234px #fff,456px 901px #fff,2345px 678px #fff,1123px 1890px #fff,678px 2456px #fff,1890px 1012px #fff,234px 1345px #fff,2012px 1678px #fff,901px 234px #fff,1567px 2012px #fff,345px 2345px #fff,1234px 567px #fff,2456px 1234px #fff,678px 1012px #fff,1789px 345px #fff,456px 1678px #fff,2234px 890px #fff,1012px 2123px #fff,123px 567px #fff,1456px 1456px #fff,890px 2012px #fff}.stars-lg:after{content:"";position:absolute;top:-2560px;left:-2560px;width:3px;height:3px;border-radius:50%;background:transparent;box-shadow:345px 678px #fff,890px 1234px #fff,1456px 456px #fff,234px 1890px #fff,1012px 789px #fff,1678px 1123px #fff,567px 2012px #fff,2123px 345px #fff,789px 1567px #fff,1345px 2234px #fff,456px 901px #fff,2345px 678px #fff,1123px 1890px #fff,678px 2456px #fff,1890px 1012px #fff,234px 1345px #fff,2012px 1678px #fff,901px 234px #fff,1567px 2012px #fff,345px 2345px #fff,1234px 567px #fff,2456px 1234px #fff,678px 1012px #fff,1789px 345px #fff,456px 1678px #fff,2234px 890px #fff,1012px 2123px #fff,123px 567px #fff,1456px 1456px #fff,890px 2012px #fff}.shooting-star{position:absolute;width:4px;height:100px;background:linear-gradient(to top,#fff0,#fff);border-top-left-radius:50%;border-top-right-radius:50%;animation:shootingStar 8s linear infinite;opacity:0}.shooting-star:nth-child(1){top:100px;right:200px;animation-delay:0s}.shooting-star:nth-child(2){top:300px;right:600px;animation-delay:2.5s}.shooting-star:nth-child(3){top:150px;right:1000px;animation-delay:5s}.shooting-star:nth-child(4){top:400px;right:400px;animation-delay:7.5s}.shooting-star:nth-child(5){top:200px;right:800px;animation-delay:10s}@keyframes starScroll{0%{transform:translateY(0) translate(0)}to{transform:translateY(-2560px) translate(-2560px)}}@keyframes shootingStar{0%{opacity:0;transform:translateY(0) translate(0) rotate(-45deg);height:4px}2%{opacity:1}20%{opacity:1;height:150px}to{opacity:0;transform:translateY(1500px) translate(1500px) rotate(-45deg);height:300px}}@media(prefers-reduced-motion:reduce){.stars-sm,.stars-md,.stars-lg,.shooting-star{animation:none}.shooting-star{display:none}}[data-theme=light] .stars-sm,[data-theme=light] .stars-md,[data-theme=light] .stars-lg,[data-theme=light] .shooting-star{filter:invert(1)}.starfield-canvas{position:absolute;inset:0;pointer-events:none;z-index:20}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);background:var(--navbar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.navbar__container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 var(--space-lg);height:var(--navbar-height)}.navbar__logo{display:flex;align-items:center;text-decoration:none}.navbar__logo-img{height:36px;width:auto}.navbar__nav{display:flex;align-items:center;gap:var(--space-sm)}.navbar__link{position:relative;color:var(--text-secondary);font-size:14px;font-weight:400;text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius);border:none;background:none;cursor:pointer;font-family:inherit}.navbar__link:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.navbar__link.active{color:var(--text-primary)}.navbar__cta{margin-left:var(--space-sm)}.navbar__cta i{font-size:var(--text-xs)}.navbar__hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-xs);width:32px;height:32px;padding:0;background:none;border:none;cursor:pointer;z-index:calc(var(--z-navbar) + 2)}.navbar__hamburger span{display:block;width:20px;height:2px;background:var(--text-secondary);transition:transform .3s ease,opacity .3s ease,background .2s ease}.navbar__hamburger:hover span{background:var(--text-primary)}.navbar__hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar__hamburger.open span:nth-child(2){transform:translate(-20px);opacity:0}.navbar__hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar__mobile{position:fixed;top:0;right:-100%;width:280px;height:100lvh;background:var(--navbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--glass-border-hover);padding:88px var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);transition:right .3s ease;z-index:calc(var(--z-navbar) + 1)}.navbar__mobile--open{right:0}.navbar__mobile-link{display:flex;align-items:center;gap:var(--space-md);color:var(--text-secondary);font-size:15px;font-weight:400;text-decoration:none;padding:14px var(--space-md);border-radius:var(--radius);border:none;background:none;cursor:pointer;font-family:inherit;width:100%;text-align:left}.navbar__mobile-link i{width:20px;text-align:center;font-size:16px;color:var(--text-muted)}.navbar__mobile-link:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.navbar__mobile-link:hover i{color:var(--text-secondary)}.navbar__mobile-link.active{color:var(--accent-light);background:var(--accent-bg)}.navbar__mobile-link.active i{color:var(--accent-light)}.navbar__mobile-cta{margin-top:auto}.navbar__mobile-cta i{color:#fff}.navbar__backdrop{position:fixed;top:0;left:0;width:100%;height:100lvh;background-color:#000c;z-index:var(--z-navbar);animation:fadeIn .3s ease forwards}.navbar__backdrop--closing{animation:fadeOut .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:768px){.navbar__nav{display:none}.navbar__hamburger{display:flex}.navbar__container{height:var(--navbar-height-mobile)}.navbar__logo-img{height:32px}}:root{--bg-base: #111827;--starfield-gradient: linear-gradient(to top, transparent 0%, #0f172a 20%, #1a1a2e 100%);--navbar-bg: hsla(221, 39%, 11%, .7);--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--accent: #2563eb;--accent-hover: #3b82f6;--accent-light: #60a5fa;--accent-bg: #3b82f61a;--accent-border: rgba(37, 99, 235, .2);--border: #2f353e;--border-focus: #3b82f6;--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--success-border: rgba(34, 197, 94, .3);--warning: #eab308;--warning-bg: rgba(234, 179, 8, .1);--warning-border: rgba(234, 179, 8, .3);--error: #ef4444;--error-bg: rgba(239, 68, 68, .1);--error-border: rgba(239, 68, 68, .3);--info: #0ea5e9;--info-bg: rgba(14, 165, 233, .1);--info-border: rgba(14, 165, 233, .3);--star-filled: #fbbf24;--star-empty: #4b5563;--glass-bg: rgba(255, 255, 255, .02);--glass-bg-hover: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .1);--glow-primary: rgba(37, 99, 235, .15);--glow-secondary: rgba(139, 92, 246, .08);--gradient-accent: linear-gradient(135deg, var(--accent-light) 0%, #a78bfa 100%);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-accent: 0 4px 24px rgba(37, 99, 235, .3);--shadow-accent-hover: 0 6px 32px rgba(37, 99, 235, .4);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-20: 20px;--space-lg: 24px;--space-xl: 32px;--tier-bronze: #cd7f32;--tier-silver: #c0c0c0;--tier-gold: #ffd700;--tier-diamond: hsl(191, 100%, 86%);--tier-elite: hsl(23, 100%, 50%);--tier-purple: hsl(271, 91%, 65%);--category-exploration: #3b82f6;--category-contribution: #10b981;--category-quality: #f59e0b;--category-review: #8b5cf6;--category-community: #f97316;--category-special: #ec4899;--category-tenure: #a78bfa;--radius: 8px;--radius-full: 9999px;--transition: .15s;--z-navbar: 30;--z-modal: 50;--navbar-height: 72px;--navbar-height-mobile: 64px;--container-max: 1000px;--font-family: "Karla", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Montserrat", sans-serif;--text-xs: 12px;--text-label: 13px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 36px;--leading-tight: 1.25;--leading-normal: 1.5;--font-medium: 500;--font-semibold: 600}[data-theme=light]{--bg-base: #ffffff;--starfield-gradient: linear-gradient(to bottom, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--navbar-bg: rgba(255, 255, 255, .85);--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--accent: hsl(35, 83%, 53%);--accent-hover: hsl(35, 91%, 60%);--accent-light: hsl(35, 94%, 68%);--accent-bg: hsla(35, 91%, 60%, .102);--accent-border: hsla(35, 91%, 60%, .2);--border: #d1d5db;--border-focus: hsl(30, 91%, 60%);--star-empty: #d1d5db;--glass-bg: rgba(0, 0, 0, .02);--glass-bg-hover: rgba(0, 0, 0, .04);--glass-border: rgba(0, 0, 0, .06);--glass-border-hover: rgba(0, 0, 0, .1);--glow-primary: rgba(217, 119, 6, .1);--glow-secondary: rgba(234, 88, 12, .05);--gradient-accent: linear-gradient(135deg, var(--accent-light) 0%, var(--accent) 100%);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-accent: 0 4px 24px rgba(217, 119, 6, .25);--shadow-accent-hover: 0 6px 32px rgba(217, 119, 6, .35)}:root{font-family:var(--font-family);font-feature-settings:"liga" 1,"calt" 1}html{background-color:var(--bg-base)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;transition:color var(--transition),background-color var(--transition),border-color var(--transition),transform var(--transition)}body{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:transparent;min-height:100lvh}#root{background-color:transparent}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none}h1,h2,.text-display{font-family:var(--font-display);letter-spacing:-.02em}h1{font-size:var(--text-4xl);font-weight:800;line-height:1.3}h2{font-size:var(--text-2xl);font-weight:700;line-height:1.3}h3{font-size:var(--text-xl);font-weight:700;line-height:1.3}.text-body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal)}.text-small{font-size:var(--text-sm);color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.main-content{padding-top:var(--navbar-height);min-height:100lvh}@media(max-width:768px){.main-content{padding-top:var(--navbar-height-mobile)}}.page-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md)}@media(min-width:640px){.page-container{padding:0 var(--space-lg)}}@media(min-width:1024px){.page-container{padding:0 var(--space-xl)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:15px;font-weight:var(--font-medium);background:var(--accent);color:#fff;border:none;border-radius:calc(var(--radius) * 1.5);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-accent);text-decoration:none}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary--full{width:100%}.btn-primary--sm{padding:8px 20px;font-size:14px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:15px;font-weight:var(--font-medium);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:calc(var(--radius) * 1.5);color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-secondary:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary--icon{padding:var(--space-sm);aspect-ratio:1}.btn-social{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;background:var(--glass-bg-hover);border:1px solid var(--glass-border-hover);border-radius:calc(var(--radius) * 1.5);cursor:pointer;transition:all .2s ease}.btn-social:hover:not(:disabled){background:var(--glass-border);border-color:var(--glass-border-hover)}.btn-social:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-social__icon{font-size:var(--text-lg)}.btn-social--google .btn-social__icon{color:#ea4335}.btn-social--apple .btn-social__icon{color:var(--text-primary)}.btn-social--microsoft .btn-social__icon{color:#00a4ef}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:13px;font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-sm)}.form-input,.form-textarea{width:100%;padding:12px 16px;background:var(--glass-bg-hover);border:1px solid var(--glass-border-hover);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;font-size:15px;line-height:22px;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:hover,.form-textarea:hover{border-color:var(--glass-border-hover)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent);background:var(--glass-bg-hover);box-shadow:0 0 0 3px var(--accent-bg)}.form-input:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.form-input.error,.form-textarea.error{border-color:var(--error)}.form-textarea{resize:none;min-height:120px}.form-hints{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:4px;margin-left:var(--space-sm)}.form-hint{color:var(--text-muted);font-size:var(--text-xs);font-weight:400;display:flex;align-items:center;gap:var(--space-sm);transition:color .15s ease}.form-hint i{font-size:10px;width:14px;text-align:center;color:var(--text-muted);transition:color .15s ease;flex-shrink:0}.form-hint--valid i{color:var(--success)}.form-hint--error i{color:var(--error)}.form-hint--info i{color:var(--info)}.form-checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.form-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;background:var(--glass-bg-hover);border:1px solid var(--glass-border-hover);border-radius:4px;cursor:pointer;position:relative;transition:background-color .2s ease,border-color .2s ease;flex-shrink:0}.form-checkbox input[type=checkbox]:hover{border-color:var(--accent)}.form-checkbox input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.form-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-checkbox input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px var(--accent-bg)}.form-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.form-checkbox-label{color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out backwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media(prefers-reduced-motion:reduce){.animate-fade-in-up,.animate-spin,[class*=animate-delay-]{animation:none}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:calc(var(--radius) * 2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-card--interactive{transition:all .2s ease}.glass-card--interactive:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px)}.auth-page{display:flex;flex-direction:column;min-height:calc(100lvh - var(--navbar-height))}.auth-page__content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-lg)}.auth-page__card{width:100%;max-width:420px;padding:var(--space-xl);text-align:center;animation:fadeInUp .4s ease-out backwards}@media(max-width:767px){.auth-page{min-height:calc(100lvh - var(--navbar-height-mobile))}.auth-page__content{padding:var(--space-lg)}}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:calc(var(--radius) / 2);cursor:pointer;color:var(--text-muted);transition:color var(--transition) ease}.password-toggle:hover{color:var(--text-secondary)}.empty-state{text-align:center;padding:calc(var(--space-xl) * 2);color:var(--text-secondary)}.empty-state__icon{font-size:48px;color:var(--text-muted);opacity:.5;margin-bottom:var(--space-md)}.empty-state__title{margin:var(--space-sm) 0;color:var(--text-secondary)}.empty-state__description{font-size:var(--text-sm);color:var(--text-muted)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary)}.section-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0}.section-divider__line{flex:1;height:1px;background:var(--glass-border)}.section-divider__text{color:var(--text-muted);font-size:var(--text-xs);font-weight:400;text-transform:lowercase}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl)}.loading-spinner-container.full-page{min-height:calc(100lvh - var(--navbar-offset, 70px))}.loading-spinner-sm{font-size:1rem;color:var(--text-primary)}.loading-spinner-md{font-size:1.5rem;color:var(--text-primary)}.loading-spinner-lg{font-size:2.5rem;color:var(--text-primary)}.loading-spinner-message{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}
