@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Roboto:wght@400;500;600;700&family=Roboto+Mono:wght@400;500;600;700&display=swap";:root{--content-max-width: 1680px;--page-gutter: clamp(32px, 5vw, 96px);--page-content-width: min( calc(100% - (var(--page-gutter) * 2)), var(--content-max-width) );--color-background: #011637;--color-navbar: #0a2252;--color-navbar-rgba: 10, 34, 82, .5;--color-lightblue: #0056fb;--color-accent: #69dfff;--color-accent-blue: #1675ff;--color-gradient-start: #0759ea;--color-gradient-end: #167cff;--color-gradient-hover-start: #1268f5;--color-gradient-hover-end: #288cff;--color-warm-ivory: #f5f1e8;--color-secondary-lightblue: #023e7d;--color-white: #ffffff;--gradient-primary: linear-gradient( 135deg, var(--color-gradient-start), var(--color-gradient-end) );--gradient-primary-hover: linear-gradient( 135deg, var(--color-gradient-hover-start), var(--color-gradient-hover-end) );--color-panel-border: rgba(45, 105, 255, .28);--color-table-divider: rgba(105, 223, 255, .12);--color-row-hover: rgba(22, 117, 255, .08);--color-muted: #b8bbc4;--button-height: 44px;--button-radius: 10px;--button-padding-inline: 18px;--button-border: 1px solid rgba(110, 180, 255, .85);--button-shadow: 0 0 12px rgba(0, 100, 255, .2), inset 0 0 6px rgba(255, 255, 255, .06);--button-hover-shadow: 0 0 22px rgba(0, 115, 255, .45), inset 0 0 8px rgba(255, 255, 255, .1);--font-inter: "Inter", sans-serif;--font-roboto: "Roboto", sans-serif;--font-roboto-mono: "Roboto Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background-color:var(--color-background);color:var(--color-warm-ivory);font-family:var(--font-roboto-mono)}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.button-primary{min-width:156px;height:var(--button-height);padding:0 var(--button-padding-inline);display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--color-white);border:var(--button-border);border-radius:var(--button-radius);font-family:var(--font-roboto);font-size:.95rem;font-weight:500;cursor:pointer;box-shadow:var(--button-shadow);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.button-primary:hover{transform:translateY(-2px);background:var(--gradient-primary-hover);box-shadow:var(--button-hover-shadow)}.button-primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#011637}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0a2a5f,#0d3f86);border:2px solid #011637;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0d397a,#1252a8)}@media(max-width:600px){:root{--page-gutter: 16px}}@property --navbar-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --mobile-menu-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --score-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.navbar{position:relative;width:var(--page-content-width);height:72px;margin:20px auto 0;background:rgba(var(--color-navbar-rgba));border:1px solid rgba(70,130,255,.38);border-radius:24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 18px #005aff1a,inset 0 0 18px #3778ff14;overflow:hidden}.navbar:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:conic-gradient(from var(--navbar-angle),transparent 0deg,transparent 310deg,#126cff 330deg,var(--color-accent) 342deg,#126cff 352deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:navbar-border-spin 10s linear infinite;pointer-events:none}@keyframes navbar-border-spin{to{--navbar-angle: 360deg}}.navbar__content{position:relative;z-index:1;width:100%;height:100%;padding:0 clamp(36px,4vw,64px);display:flex;align-items:center;box-sizing:border-box}.navbar__logo-link{display:inline-flex;align-items:center;flex-shrink:0}.navbar__logo{display:block;width:120px;height:auto}.navbar__links{position:absolute;left:50%;top:0;height:100%;transform:translate(-50%);display:flex;align-items:center;gap:48px}.navbar__link{position:relative;height:100%;display:flex;align-items:center;color:var(--color-warm-ivory);font-family:var(--font-roboto);font-size:1rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:color .2s ease,text-shadow .2s ease}.navbar__link:hover{color:var(--color-white);text-shadow:0 0 6px rgba(22,117,255,1),0 0 12px rgba(22,117,255,.85),0 0 22px rgba(22,117,255,.6),0 0 32px rgba(105,223,255,.35)}.navbar__link:after{content:"";position:absolute;left:50%;bottom:11px;width:0;height:2px;transform:translate(-50%);background:var(--color-accent-blue);border-radius:999px;box-shadow:0 0 5px #1675ffe6,0 0 10px #1675ff73;transition:width .25s ease}.navbar__link--active{color:var(--color-white);text-shadow:0 0 5px rgba(22,117,255,.45),0 0 10px rgba(22,117,255,.2)}.navbar__link--active:after{width:32px}.navbar__actions{margin-left:auto;display:flex;align-items:center;gap:18px}.navbar__score{position:relative;height:38px;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #1d69ff;border-radius:999px;background-color:#0056fb1f;font-family:var(--font-roboto-mono);box-shadow:0 0 10px #0064ff14,inset 0 0 6px #ffffff08}.navbar__score--gold,.navbar__score--silver,.navbar__score--bronze{border-color:transparent}.navbar__score--gold:before,.navbar__score--silver:before,.navbar__score--bronze:before{content:"";position:absolute;inset:-2px;padding:2px;border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:navbar-score-border-spin 8s linear infinite;pointer-events:none}.navbar__score--gold:before{background:conic-gradient(from var(--score-angle),rgba(255,215,0,.12) 0deg,rgba(255,215,0,.12) 250deg,#8c5b00 275deg,#c99000 292deg,#ffd700 307deg,#fff4a3 320deg,#ffd700 333deg,#c99000 348deg,rgba(255,215,0,.12) 360deg);filter:drop-shadow(0 0 4px rgba(255,215,0,.85))}.navbar__score--gold{box-shadow:0 0 8px #ffd7002e,0 0 18px #ffbe0017,inset 0 0 7px #ffd7000d}.navbar__score--silver:before{background:conic-gradient(from var(--score-angle),rgba(210,220,235,.1) 0deg,rgba(210,220,235,.1) 250deg,#596575 275deg,#8e9aab 292deg,#d6dee8 307deg,#ffffff 320deg,#dce5ee 333deg,#8794a5 348deg,rgba(210,220,235,.1) 360deg);filter:drop-shadow(0 0 4px rgba(220,230,245,.78))}.navbar__score--silver{box-shadow:0 0 8px #dce6f529,0 0 18px #becde114,inset 0 0 7px #ffffff0d}.navbar__score--bronze:before{background:conic-gradient(from var(--score-angle),rgba(205,127,50,.1) 0deg,rgba(205,127,50,.1) 250deg,#663616 275deg,#9b5727 292deg,#cd7f32 307deg,#f0b16b 320deg,#cd7f32 333deg,#925020 348deg,rgba(205,127,50,.1) 360deg);filter:drop-shadow(0 0 4px rgba(205,127,50,.75))}.navbar__score--bronze{box-shadow:0 0 8px #cd7f3229,0 0 18px #cd7f3214,inset 0 0 7px #ffbe780a}@keyframes navbar-score-border-spin{to{--score-angle: 360deg}}.navbar__score-label{color:#ffffffbf;font-size:.8rem}.navbar__score-value{color:#fff;font-size:.9rem;font-weight:700}.navbar__medal{width:28px;height:28px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3))}.navbar__profile-link{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#4ade80;text-decoration:none;transition:color .2s ease,filter .2s ease}.navbar__profile-link:hover{color:#86efac;filter:drop-shadow(0 0 6px rgba(74,222,128,.45))}.navbar__login{height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--gradient-primary);color:var(--color-white);border:1px solid rgba(110,180,255,.85);border-radius:12px;font-family:var(--font-roboto);font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;box-shadow:0 0 10px #0064ff2e,inset 0 0 5px #ffffff0d;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.navbar__login:hover{transform:translateY(-2px);background:var(--gradient-primary-hover);box-shadow:0 0 16px #0073ff59,inset 0 0 7px #ffffff14}.navbar__mobile-guest-login{display:none}.navbar__login-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.navbar__menu-button{display:none;margin-left:auto;width:42px;height:42px;padding:9px;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--color-white);background:#0056fb1f;border:1px solid rgba(70,130,255,.55);border-radius:11px;cursor:pointer;box-shadow:0 0 10px #0064ff1a,inset 0 0 6px #ffffff08;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.navbar__menu-button:hover{background:#0064ff38;border-color:#69dfffbf;box-shadow:0 0 14px #006eff33}.navbar__menu-button span{width:21px;height:2px;display:block;background:currentColor;border-radius:999px;transition:transform .25s ease,opacity .2s ease}.navbar__menu-button--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__menu-button--open span:nth-child(2){opacity:0}.navbar__menu-button--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__mobile-menu{display:none}@media(max-width:1360px)and (min-width:1281px){.navbar__content{padding:0 26px}.navbar__links{gap:24px}.navbar__link{font-size:.9rem}.navbar__actions{gap:9px}.navbar__score{padding:0 10px}.navbar__score-label{display:none}.navbar__login{padding:0 11px}}@media(max-width:1280px){.navbar__links,.navbar__actions{display:none}.navbar__mobile-guest-login{margin-left:auto;display:inline-flex}.navbar__menu-button{display:flex}.navbar__mobile-menu{position:relative;width:var(--page-content-width);margin:10px auto 0;padding:18px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;background:rgba(var(--color-navbar-rgba));border:1px solid rgba(70,130,255,.38);border-radius:18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 30px #00144659,inset 0 0 18px #3778ff0f;overflow:hidden;z-index:20}.navbar__mobile-menu:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:conic-gradient(from var(--mobile-menu-angle),transparent 0deg,transparent 310deg,#126cff 330deg,var(--color-accent) 342deg,#126cff 352deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:mobile-menu-border-spin 10s linear infinite;pointer-events:none}.navbar__mobile-links{position:relative;z-index:1;display:flex;flex-direction:column}.navbar__mobile-link{position:relative;padding:14px 12px;color:var(--color-warm-ivory);border-bottom:1px solid rgba(105,180,255,.12);font-family:var(--font-roboto);font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease,background .2s ease,padding-left .2s ease}.navbar__mobile-link:last-child{border-bottom:0}.navbar__mobile-link:hover{padding-left:17px;color:var(--color-white);background:#145abe1f}.navbar__mobile-link--active{color:var(--color-accent);text-shadow:0 0 10px rgba(105,223,255,.25)}.navbar__mobile-link--active:before{content:"";position:absolute;left:0;top:50%;width:3px;height:22px;transform:translateY(-50%);background:var(--color-accent-blue);border-radius:999px;box-shadow:0 0 8px #1675ffb3}.navbar__mobile-actions{position:relative;z-index:1;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(105,180,255,.16)}.navbar__score--mobile{flex:1;justify-content:flex-start;height:42px;padding:0 14px}.navbar__score--mobile .navbar__score-label{display:inline}.navbar__medal{width:26px;height:26px}.navbar__mobile-login{height:42px;flex-shrink:0}}@keyframes mobile-menu-border-spin{to{--mobile-menu-angle: 360deg}}@media(max-width:700px){.navbar{width:calc(100% - 32px);height:64px;margin-top:14px;border-radius:20px}.navbar__content{padding:0 18px}.navbar__logo{width:105px}.navbar__mobile-menu{width:calc(100% - 32px)}.navbar__mobile-guest-login{height:40px;padding:0 16px}}@media(max-width:420px){.navbar{width:calc(100% - 24px)}.navbar__mobile-menu{width:calc(100% - 24px);padding:14px}.navbar__content{padding:0 14px}.navbar__logo{width:95px}.navbar__mobile-actions{flex-direction:column;align-items:stretch}.navbar__score--mobile,.navbar__mobile-login{width:100%}.navbar__mobile-guest-login{height:38px;padding:0 14px}}.footer{width:var(--page-content-width);min-height:56px;margin:24px auto 20px;background:#0a225259;border:1px solid rgba(45,105,255,.25);border-radius:18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 16px #0050ff0d,inset 0 0 12px #145aff0a}.footer__content{min-height:56px;padding:0 32px;display:flex;align-items:center;justify-content:center}.footer__links{display:flex;align-items:baseline;gap:14px}.footer__copy{display:inline-flex;align-items:baseline;gap:5px;color:var(--color-warm-ivory);font-family:var(--font-roboto-mono);font-size:.8rem;font-weight:400}.footer__links a{color:var(--color-warm-ivory);font-family:var(--font-roboto-mono);font-size:.8rem;font-weight:400;line-height:1.2;text-decoration:none;opacity:.75;transition:color .2s ease,opacity .2s ease,text-shadow .2s ease}.footer__links a:hover{color:var(--color-white);opacity:1;text-shadow:0 0 6px rgba(22,117,255,.5),0 0 10px rgba(22,117,255,.25)}.footer__copyright-symbol{display:inline-block;font-family:var(--font-roboto);font-size:.9rem;line-height:1;opacity:.75;transform:translateY(1px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.footer{width:var(--page-content-width)}.footer__content{padding:12px 22px}.footer__links{gap:12px}}.layout{position:relative;width:100%;min-height:100vh;background-color:var(--color-background)}.layout-background{position:fixed;inset:0;z-index:0;pointer-events:none}.layout-content{position:relative;z-index:1;width:100%;min-height:100vh;display:flex;flex-direction:column}.layout-content main{flex:1 0 auto}.iridescence-container{width:100%;height:100%}.iridescence-container canvas{display:block;width:100%;height:100%}.auth-panel{position:fixed;top:1.5rem;right:0;bottom:1.5rem;z-index:1001;width:min(420px,100%);padding:4rem 2.5rem;background:#061f50bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid rgba(70,130,255,.38);box-shadow:-5px 0 18px #005aff1a,inset 5px 0 18px #3778ff14;border-radius:24px 0 0 24px;transform:translate(100%);transition:transform .35s cubic-bezier(.25,1,.5,1);display:flex;flex-direction:column;overflow-y:auto}.auth-panel--open{transform:translate(0)}.auth-panel__overlay{position:fixed;inset:0;z-index:1000;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-panel__close{position:absolute;top:1.5rem;right:1.5rem;border:none;background:transparent;color:var(--color-warm-ivory, #e0e6ed);font-size:2rem;line-height:1;cursor:pointer;transition:color .2s ease,text-shadow .2s ease,transform .2s ease}.auth-panel__close:hover{color:var(--color-white, #fff);transform:scale(1.1);text-shadow:0 0 6px rgba(22,117,255,1),0 0 12px rgba(22,117,255,.85)}.auth-panel__form-fade{width:100%;animation:authFormFade 1s ease}@keyframes authFormFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form{width:100%}.auth-panel form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.auth-form__heading{display:flex;align-items:center;gap:.75rem}.auth-form__heading h2{margin:0;color:var(--color-white, #fff);font-family:var(--font-roboto, "Roboto", sans-serif);font-size:2rem;font-weight:600}.auth-form__heading-icon{width:32px;height:32px;flex-shrink:0;fill:none;stroke:var(--color-gradient-end);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.auth-form__subtitle{margin-top:.75rem;margin-bottom:0;color:#ffffffa6;font-family:var(--font-roboto-mono, monospace);font-size:.95rem;line-height:1.5}.auth-form__field{display:flex;flex-direction:column;gap:.5rem}.auth-form__field label{color:var(--color-white, #fff);font-family:var(--font-roboto, "Roboto", sans-serif);font-size:.95rem;font-weight:500}.auth-panel input{width:100%;height:48px;padding:0 16px;background:#ffffff0d;color:var(--color-white, #fff);border:1px solid rgba(70,130,255,.38);border-radius:12px;font-family:var(--font-roboto, "Roboto", sans-serif);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.auth-panel input::placeholder{color:#ffffff80}.auth-panel input:focus{outline:none;background:#ffffff14;border-color:#6eb4ffd9;box-shadow:0 0 12px #1675ff66}.auth-form__password{position:relative}.auth-form__password input{padding-right:3rem}.auth-form__password-toggle{position:absolute;top:50%;right:1rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer}.auth-form__password-toggle svg{width:22px;height:22px;fill:none;stroke:#ffffffd9;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s ease,filter .2s ease}.auth-form__password-toggle:hover svg{stroke:#fff;filter:drop-shadow(0 0 5px rgba(22,117,255,.8))}.auth-form__password input::-ms-reveal,.auth-form__password input::-ms-clear{display:none}.auth-form__message{height:1.25rem;margin:0;font-family:var(--font-roboto, "Roboto", sans-serif);font-size:.9rem;line-height:1.25rem;text-align:center;visibility:hidden}.auth-form__message--error{color:#ff8c8c;visibility:visible}.auth-form__message--success{color:#7ee2a8;visibility:visible}.auth-panel button[type=submit]{width:100%;height:48px;margin-top:0;display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--color-white, #fff);border:1px solid rgba(110,180,255,.85);border-radius:12px;font-family:var(--font-roboto, "Roboto", sans-serif);font-size:1rem;font-weight:500;cursor:pointer;box-shadow:0 0 10px #0064ff2e,inset 0 0 5px #ffffff0d;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.auth-panel button[type=submit]:hover{transform:translateY(-2px);background:var(--gradient-primary-hover);box-shadow:0 0 16px #0073ff59,inset 0 0 7px #ffffff14}.auth-panel__switch{margin-top:auto;padding-top:1.5rem;text-align:center}.auth-panel__switch button{padding:0;background:none;border:none;color:var(--color-warm-ivory, #e0e6ed);font-family:var(--font-roboto, "Roboto", sans-serif);font-size:.9rem;cursor:pointer;transition:color .2s ease,text-shadow .2s ease}.auth-panel__switch button:hover{color:var(--color-white, #fff);text-shadow:0 0 6px rgba(22,117,255,1),0 0 12px rgba(22,117,255,.85),0 0 22px rgba(22,117,255,.6)}.auth-form__confirm{max-height:0;opacity:0;overflow:hidden;transform:translateY(-8px);transition:max-height .3s ease,opacity .25s ease,transform .3s ease}.auth-form__confirm--visible{max-height:90px;opacity:1;transform:translateY(0)}.auth-form__header-fade{animation:authHeaderFade 1s ease}@keyframes authHeaderFade{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.auth-form__button-text{animation:authButtonTextFade .8s ease}@keyframes authButtonTextFade{0%{opacity:0}to{opacity:1}}.auth-panel__switch-text{display:inline-block;animation:authSwitchTextFade .8s ease}@keyframes authSwitchTextFade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.auth-panel,.auth-panel__overlay{animation:none}}@property --productbox-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.home{min-height:calc(100vh - 72px);display:flex;align-items:flex-start}.home__content{width:var(--page-content-width);margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;align-items:start;gap:80px;padding-top:60px;padding-bottom:80px}.home__text{display:flex;flex-direction:column;align-items:flex-start}.home__title{max-width:650px;margin:0;color:var(--color-white);font-family:var(--font-inter);font-size:clamp(2.5rem,4vw,3.6rem);font-weight:700;line-height:.98;letter-spacing:-.04em}.home__description{max-width:390px;margin-top:58px;color:var(--color-warm-ivory);font-family:var(--font-roboto-mono);font-size:.9rem;font-weight:500;line-height:1.45}.home__cta{margin-top:86px;min-width:205px;height:54px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--gradient-primary);color:var(--color-white);border:1px solid rgba(110,180,255,.85);border-radius:12px;font-family:var(--font-roboto);font-size:1.1rem;font-weight:500;text-decoration:none;cursor:pointer;box-shadow:0 0 14px #0064ff40,inset 0 0 6px #ffffff0f;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.home__cta:hover{transform:translateY(-2px);background:var(--gradient-primary-hover);box-shadow:0 0 22px #0073ff73,inset 0 0 8px #ffffff1a}.home__cta:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.home__image-wrapper{position:relative;width:min(100%,420px);justify-self:end;display:flex;justify-content:center;align-items:center;padding:18px;background:rgba(var(--color-navbar-rgba));border:1px solid rgba(45,105,255,.35);border-radius:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 35px #0050ff26,inset 0 0 25px #145aff14;overflow:hidden}.home__image-wrapper:before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--productbox-angle),transparent 0deg,transparent 245deg,var(--color-lightblue) 275deg,var(--color-accent) 305deg,var(--color-accent-blue) 335deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:productbox-border-spin 10s linear infinite;pointer-events:none}.home__image-wrapper:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 25px #1e64ff14,0 0 25px #0064ff1a;pointer-events:none}@keyframes productbox-border-spin{to{--productbox-angle: 360deg}}.home__image{position:relative;z-index:1;width:100%;max-width:390px;height:auto;display:block}@media(max-width:900px){.home__content{grid-template-columns:1fr;gap:60px;padding-top:70px;padding-bottom:70px}.home__text{align-items:center;text-align:center}.home__description{margin-top:35px}.home__cta{margin-top:50px}.home__image-wrapper{width:min(100%,420px);margin:0 auto;justify-self:center}.home__image{max-width:390px}}@media(max-width:600px){.home__content{width:var(--page-content-width);padding-top:50px;padding-bottom:50px}.home__title{max-width:760px;font-size:3.6rem}.home__description{max-width:500px;font-size:1rem}.home__cta{width:100%;max-width:260px;height:52px}.home__image-wrapper{width:min(100%,380px);padding:14px;border-radius:22px}.home__image{max-width:350px}}@property --category-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.category{min-height:calc(100vh - 92px);display:flex;align-items:flex-start}.category__content{width:var(--page-content-width);margin:0 auto;padding-top:60px;padding-bottom:80px}.category__header{max-width:600px;margin:0 auto;text-align:center}.category__title{margin:0;color:var(--color-white);font-family:var(--font-inter);font-size:clamp(2.3rem,4vw,3.2rem);font-weight:700;line-height:1;letter-spacing:-.04em}.category__description{max-width:560px;margin:28px auto 0;color:var(--color-warm-ivory);font-family:var(--font-roboto-mono);font-size:.9rem;font-weight:500;line-height:1.6}.category__categories{margin-top:70px;display:grid;grid-template-columns:repeat(2,1fr);gap:64px}.category__card{position:relative;min-height:310px;padding:1px;background:rgba(var(--color-navbar-rgba));border:1px solid var(--color-panel-border);border-radius:24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 28px #0050ff1a,inset 0 0 22px #145aff0d;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.category__card:before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--category-angle),transparent 0deg,transparent 245deg,var(--color-lightblue) 275deg,var(--color-accent) 305deg,var(--color-accent-blue) 335deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:category-border-spin 10s linear infinite;pointer-events:none}.category__card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 25px #1e64ff12,0 0 22px #0064ff14;pointer-events:none}@keyframes category-border-spin{to{--category-angle: 360deg}}.category__card:hover{transform:translateY(-1px);box-shadow:0 0 36px #0064ff33,inset 0 0 26px #145aff14}.category__card-content{position:relative;z-index:1;min-height:310px;padding:42px 48px;display:flex;flex-direction:column;align-items:center;text-align:center}.category__card-title{margin:0;color:var(--color-white);font-family:var(--font-inter);font-size:1.55rem;font-weight:700;transition:text-shadow .25s ease}.category__card:hover .category__card-title{text-shadow:0 0 6px rgba(22,117,255,.8),0 0 14px rgba(22,117,255,.5),0 0 24px rgba(22,117,255,.25)}.category__card-description{max-width:300px;margin:18px auto 0;color:var(--color-warm-ivory);font-family:var(--font-roboto);font-size:.95rem;line-height:1.45}.category__button{min-width:170px;height:48px;margin-top:32px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gradient-primary);color:var(--color-white);border:1px solid rgba(110,180,255,.85);border-radius:12px;font-family:var(--font-roboto);font-size:1rem;font-weight:500;text-decoration:none;box-shadow:0 0 12px #0064ff33,inset 0 0 6px #ffffff0f;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.category__button:hover{transform:translateY(-2px);background:var(--gradient-primary-hover);box-shadow:0 0 22px #0073ff73,inset 0 0 8px #ffffff1a}.category__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media(max-width:900px){.category__content{padding-top:50px}.category__categories{margin-top:55px;grid-template-columns:1fr;gap:32px}.category__card{width:min(100%,550px);margin:0 auto}}@media(max-width:600px){.category__content{width:var(--page-content-width);padding-top:40px;padding-bottom:50px}.category__title{font-size:clamp(2rem,10vw,2.7rem)}.category__description{margin-top:22px;font-size:.82rem}.category__categories{margin-top:45px}.category__card{min-height:250px;border-radius:20px}.category__card-content{min-height:248px;padding:30px 24px}.category__card-title{font-size:1.35rem}.category__card-description{font-size:.9rem}.category__button{min-width:155px;height:44px;font-size:.95rem}}@property --quiz-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.quiz-page{min-height:calc(100vh - 92px);box-sizing:border-box;padding-top:55px;padding-bottom:80px;color:var(--color-white)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.quiz-status{position:relative;z-index:1;font-family:var(--font-roboto);font-size:1rem;color:var(--color-warm-ivory)}.quiz-placeholder{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:var(--page-content-width);margin:0 auto 18px;scroll-margin-top:12px}.quiz-stat{display:flex;align-items:baseline;gap:10px;min-width:0;padding:10px 16px;color:var(--color-white);background:#0a225294;border:1px solid rgba(45,105,255,.3);border-radius:10px;box-shadow:0 0 16px #0050ff14}.quiz-stat--score{justify-self:end}.quiz-stat--center{justify-self:center;min-width:72px;min-height:40px}.quiz-stat-group{display:flex;justify-self:end;align-items:center;gap:10px}.quiz-stat--question{justify-self:stretch}.quiz-stat-label{color:#f5f1e89e;font-family:var(--font-roboto-mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.quiz-stat strong{overflow:hidden;font-size:1rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.quiz-shell{position:relative;display:flex;flex-direction:column;width:var(--page-content-width);height:610px;margin:0 auto;box-sizing:border-box;padding:24px 54px;background:#0a225294;border:1px solid rgba(45,105,255,.3);border-radius:24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 28px #0050ff1a,inset 0 0 22px #145aff0d;overflow:hidden}.quiz-shell:before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--quiz-angle),transparent 0deg,transparent 245deg,var(--color-lightblue) 275deg,var(--color-accent) 305deg,var(--color-accent-blue) 335deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:quiz-border-spin 10s linear infinite;pointer-events:none}.quiz-shell:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 28px #1e64ff0f,0 0 24px #0064ff14;pointer-events:none}@keyframes quiz-border-spin{to{--quiz-angle: 360deg}}.conversation{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;min-height:0;gap:20px;overflow-y:auto;overflow-x:hidden;padding-right:8px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(105,180,255,.45) transparent}.conversation::-webkit-scrollbar{width:6px}.conversation::-webkit-scrollbar-track{background:transparent}.conversation::-webkit-scrollbar-thumb{background:#69b4ff59;border-radius:999px}.message-row{display:flex;align-items:flex-end;flex-shrink:0;gap:14px}.message-row--robot{justify-content:flex-start}.message-row--user{justify-content:flex-end;animation:message-appear .28s ease-out both}@keyframes message-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-content{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(720px,72%)}.message-content--user{align-items:flex-end}.message-sender{padding-left:5px;color:#f5f1e880;font-family:var(--font-roboto-mono);font-size:.7rem;font-weight:500;letter-spacing:.04em}.message-sender--user{padding-left:0;padding-right:5px}.bubble{width:fit-content;max-width:100%;padding:14px 18px;color:var(--color-white);font-family:var(--font-roboto);font-size:1.02rem;font-weight:500;line-height:1.45;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bubble--robot{background:linear-gradient(145deg,#072d68e6,#093980d1);border:1px solid rgba(70,135,255,.32);border-radius:18px 18px 18px 6px;box-shadow:0 6px 18px #000f3229,inset 0 1px #ffffff0a}.bubble--user{background:linear-gradient(145deg,#0a58cdeb,#1475ebdb);border:1px solid rgba(95,165,255,.48);border-radius:18px 18px 6px;box-shadow:0 6px 18px #003ca02e,inset 0 1px #ffffff0f}.robot-avatar,.user-avatar{position:relative;flex:0 0 auto;display:block;width:50px;height:50px;background:linear-gradient(145deg,#0640a0f2,#0d66d7d1);border:1px solid rgba(92,164,255,.65);border-radius:50%;box-shadow:0 6px 18px #003a9633,inset 0 1px #ffffff14}.robot-face{position:absolute;left:11px;top:16px;width:28px;height:21px;border:2px solid var(--color-white);border-radius:7px}.robot-antenna{position:absolute;left:24px;top:8px;width:2px;height:8px;background:var(--color-white)}.robot-antenna:before{content:"";position:absolute;top:-4px;left:-2px;width:6px;height:6px;border-radius:50%;background:var(--color-white)}.robot-eye{position:absolute;top:5px;width:4px;height:4px;border-radius:50%;background:var(--color-white)}.robot-eye-left{left:6px}.robot-eye-right{right:6px}.robot-mouth{position:absolute;left:6px;right:6px;bottom:3px;height:3px;border-top:2px solid var(--color-white)}.user-head{position:absolute;left:17px;top:9px;width:16px;height:16px;border:2px solid var(--color-white);border-radius:50%}.user-shoulders{position:absolute;left:10px;bottom:8px;width:30px;height:16px;border:2px solid var(--color-white);border-bottom:0;border-radius:22px 22px 0 0}.divider{position:relative;z-index:1;flex-shrink:0;height:1px;margin:34px 0 28px;background:linear-gradient(90deg,transparent,rgba(65,135,255,.45),transparent);box-shadow:0 0 10px #1675ff1f}.answer-grid{position:relative;z-index:1;flex-shrink:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answer-button{min-height:58px;padding:9px 16px;display:flex;align-items:center;gap:18px;background:#072a64a8;color:var(--color-white);border:1px solid rgba(70,135,255,.48);border-radius:12px;font-family:var(--font-roboto);font-size:clamp(.95rem,2vw,1.05rem);font-weight:500;text-align:left;cursor:pointer;box-shadow:0 0 12px #0050ff0f,inset 0 0 10px #145aff0a;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.answer-button:hover:not(:disabled){transform:translateY(-2px);background:#0a3e91c7;border-color:#69afffcc;box-shadow:0 0 18px #0069ff33,inset 0 0 12px #196eff0f}.answer-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.answer-button.selected{background:linear-gradient(135deg,#0759ead9,#167cffbf);border-color:#69dfffe6;box-shadow:0 0 20px #0073ff59,inset 0 0 10px #ffffff0f}.answer-button.correct{background:#19874ec7;border-color:#7affaef2;box-shadow:0 0 18px #37dc7d4d,inset 0 0 12px #8cffb91a}.answer-button.incorrect{background:#9b2a3acc;border-color:#ff7d8cf2;box-shadow:0 0 18px #ff41584d,inset 0 0 12px #ff9ba514}.quiz-actions{position:relative;z-index:1;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;margin-top:24px}.quiz-quit-button{padding:13px 22px;color:#ffb3b8;background:#78142324;border:1px solid rgba(255,90,105,.55);border-radius:12px;font-family:var(--font-roboto);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 0 12px #ff3c5014,inset 0 0 8px #ff5a690a;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.quiz-quit-button:hover:not(:disabled){transform:translateY(-2px);color:#fff;background:#961e2d47;border-color:#ff6e7de6;box-shadow:0 0 18px #ff465a33,inset 0 0 10px #ff78820f}.quiz-quit-button:focus-visible{outline:2px solid #ff8b98;outline-offset:3px}.quiz-quit-button:disabled{opacity:.5;cursor:not-allowed}.quiz-next-button{min-width:180px;padding:13px 22px;color:var(--color-white);background:linear-gradient(135deg,#0759eaf2,#167cffe6);border:1px solid rgba(105,180,255,.85);border-radius:12px;font-family:var(--font-roboto);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 0 16px #0069ff33,inset 0 1px #ffffff14;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.quiz-next-button:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#0a64f5,#1e87fff2);box-shadow:0 0 22px #0073ff59,inset 0 1px #ffffff1a}.quiz-next-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.quiz-next-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.answer-letter{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border:1px solid rgba(105,180,255,.85);border-radius:50%;background:#051e4ba6;color:var(--color-white);font-weight:600;box-shadow:0 0 8px #0064ff1f,inset 0 0 5px #1e6eff0f}.answer-button.selected .answer-letter{background:#69dfff1f;border-color:var(--color-accent);box-shadow:0 0 8px #69dfff66,0 0 14px #1675ff40}@media(max-width:800px){.quiz-page{padding-top:45px;padding-bottom:60px}.quiz-shell{padding:38px 32px 30px}.message-content{max-width:78%}}@media(max-width:580px){.quiz-page{padding-top:60px;padding-bottom:50px}.quiz-shell{width:min(calc(100% - 32px),var(--content-max-width));height:720px;padding:28px 20px;border-radius:20px}.quiz-placeholder{width:min(calc(100% - 32px),var(--content-max-width));gap:8px;margin-bottom:14px}.quiz-stat{gap:6px;padding:8px 10px}.quiz-stat-group{gap:6px}.quiz-stat--center{min-width:0;min-height:36px}.quiz-stat-label{font-size:.62rem}.quiz-stat strong{font-size:.9rem}.conversation{gap:18px;padding-right:4px}.message-row{gap:9px}.message-content{max-width:calc(100% - 52px)}.robot-avatar,.user-avatar{width:42px;height:42px}.robot-face{left:9px;top:14px;width:24px;height:18px}.robot-antenna{left:20px;top:6px}.user-head{left:14px;top:7px;width:14px;height:14px}.user-shoulders{left:8px;bottom:7px;width:26px;height:14px}.message-sender{font-size:.62rem}.bubble{padding:12px 15px;font-size:.9rem}.bubble--robot{border-radius:14px 14px 14px 5px}.bubble--user{border-radius:14px 14px 5px}.answer-grid{grid-template-columns:1fr;gap:12px}.divider{margin:20px 0 18px}.answer-button{min-height:54px}.quiz-actions{margin-top:18px;gap:12px}.quiz-quit-button,.quiz-next-button{padding:11px 14px;font-size:.9rem}.quiz-next-button{min-width:0}}@media(prefers-reduced-motion:reduce){.quiz-shell:before{animation:none}.message-row--user{animation:none}.answer-button{transition:none}.conversation{scroll-behavior:auto}}.points{font-weight:700;color:#0f0}.points.wrong{color:#ff9a76}@property --profile-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --danger-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.profile-page{width:var(--page-content-width);min-height:calc(100vh - 92px);margin:0 auto;padding-top:60px;padding-bottom:80px;color:var(--color-white)}.profile-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:34px 40px;background:#0a225294;border:1px solid rgba(45,105,255,.3);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 28px #0050ff1a,inset 0 0 22px #145aff0d;overflow:hidden}.profile-card:before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--profile-angle),transparent 0deg,transparent 245deg,var(--color-lightblue) 275deg,var(--color-accent) 305deg,var(--color-accent-blue) 335deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:profile-border-spin 10s linear infinite;pointer-events:none;z-index:2}.profile-card>*{position:relative;z-index:1}@keyframes profile-border-spin{to{--profile-angle: 360deg}}.profile-user{display:flex;align-items:center;gap:22px}.profile-avatar{display:grid;place-items:center;width:76px;height:76px;flex:0 0 auto;color:var(--color-white);background:linear-gradient(145deg,#0759eaf2,#167cffcc);border:1px solid rgba(105,180,255,.8);border-radius:50%;font-family:var(--font-roboto);font-size:1.7rem;font-weight:700;box-shadow:0 0 22px #0069ff40,inset 0 1px #ffffff1a}.profile-user-info{display:flex;flex-direction:column;align-items:flex-start}.profile-user-info h1{margin:4px 0 2px;font-family:var(--font-inter);font-size:clamp(1.8rem,3vw,2.4rem)}.profile-username{color:#f5f1e88c;font-family:var(--font-roboto-mono);font-size:.9rem}.profile-label{color:#f5f1e894;font-family:var(--font-roboto-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.profile-score{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-items:end;column-gap:8px;padding-left:38px;border-left:1px solid rgba(105,180,255,.2)}.profile-score .profile-label{grid-column:1 / -1}.profile-score strong{margin-top:5px;color:var(--color-accent);font-family:var(--font-inter);font-size:clamp(2rem,4vw,3rem);text-shadow:0 0 18px rgba(105,223,255,.2)}.profile-score-unit{color:#f5f1e899;font-size:.9rem}.profile-section{margin-top:28px;padding:30px 34px;background:#0a22526b;border:1px solid rgba(45,105,255,.22);border-radius:18px;box-shadow:0 0 20px #0050ff0f,inset 0 0 18px #145aff08}.profile-section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.profile-section h2{margin:4px 0 0;font-family:var(--font-inter);font-size:1.35rem}.profile-history-count{color:#f5f1e880;font-family:var(--font-roboto-mono);font-size:.75rem}.quiz-history-list{display:flex;flex-direction:column}.quiz-history-item{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 4px;border-top:1px solid rgba(105,180,255,.13)}.quiz-history-item:first-child{border-top:0}.quiz-history-info,.quiz-history-result{display:flex;flex-direction:column;gap:5px}.quiz-history-info strong{font-family:var(--font-inter);font-size:1rem}.quiz-history-info span,.quiz-history-result time{color:#f5f1e88c;font-size:.85rem}.quiz-history-result{align-items:flex-end}.quiz-history-score{font-family:var(--font-roboto-mono);font-size:1rem}.quiz-history-score--positive{color:#74f5a5}.quiz-history-score--negative{color:#ff9a76}.profile-empty{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;background:#051e4b66;border:1px solid rgba(70,135,255,.2);border-radius:12px}.profile-empty p{margin:0;color:#f5f1e8a6}.profile-empty button{padding:10px 16px;color:var(--color-white);background:#0759eabf;border:1px solid rgba(105,180,255,.65);border-radius:10px;cursor:pointer}.profile-account{display:flex;justify-content:space-between;align-items:center;gap:30px}.profile-account p{max-width:560px;margin:10px 0 0;color:#f5f1e88c;line-height:1.5}.profile-section--danger{position:relative;overflow:hidden;border-color:#ff5a694d;box-shadow:0 0 22px #ff284114,inset 0 0 18px #ff284108}.profile-section--danger:before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--danger-angle),transparent 0deg,transparent 245deg,#a20d25 275deg,#ff304f 305deg,#ff8391 335deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:danger-border-spin 10s linear infinite;pointer-events:none;z-index:2}.profile-section--danger>*{position:relative;z-index:1}@keyframes danger-border-spin{to{--danger-angle: 360deg}}.profile__delete-button{flex:0 0 auto;padding:12px 18px;color:#ffb3b8;background:#78142324;border:1px solid rgba(255,90,105,.55);border-radius:10px;font-family:var(--font-roboto);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.profile__delete-button:hover{color:#fff;background:#961e2d47;border-color:#ff6e7de6}.profile-status{color:#f5f1e8b3}.profile-status--error{margin-top:20px;color:#ff9a76}@media(max-width:650px){.profile-page{width:calc(100% - 32px);padding-top:35px}.profile-card{flex-direction:column;align-items:stretch;padding:26px 22px}.profile-score{justify-items:start;padding-top:20px;padding-left:0;border-top:1px solid rgba(105,180,255,.2);border-left:0}.profile-section{padding:24px 20px}.profile-account,.profile-empty{flex-direction:column;align-items:flex-start}.quiz-history-item{align-items:flex-start}}@property --leaderboard-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.leaderboard-page{width:var(--page-content-width);min-height:calc(100vh - 92px);margin:0 auto;padding-top:60px;padding-bottom:80px;color:var(--color-white)}.leaderboard-header{margin-bottom:32px}.leaderboard-label{color:#f5f1e894;font-family:var(--font-roboto-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.leaderboard-header h1{margin:6px 0 8px;font-family:var(--font-inter);font-size:clamp(2rem,4vw,3rem)}.leaderboard-header p{margin:0;color:#f5f1e899;font-size:.95rem}.leaderboard-list{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#0a22527a;border:1px solid var(--color-panel-border);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 28px #0050ff14,inset 0 0 22px #145aff0a}.leaderboard-list:before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--leaderboard-angle),transparent 0deg,transparent 245deg,var(--color-lightblue) 275deg,var(--color-accent) 305deg,var(--color-accent-blue) 335deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:leaderboard-border-spin 10s linear infinite;pointer-events:none;z-index:2}@keyframes leaderboard-border-spin{to{--leaderboard-angle: 360deg}}.leaderboard-row{position:relative;z-index:1;min-height:90px;padding:16px 28px;display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:20px;background:transparent;border-top:1px solid rgba(105,180,255,.13)}.leaderboard-row:first-child{border-top:0}.leaderboard-position{width:58px;height:58px;display:flex;align-items:center;justify-content:center;color:#f5f1e8bf;font-family:var(--font-roboto-mono);font-size:1.2rem;font-weight:700}.leaderboard-medal{display:block;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.leaderboard-username{overflow:hidden;font-family:var(--font-inter);font-size:1.05rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{min-width:130px;text-align:right}.leaderboard-score strong{color:var(--color-accent);font-family:var(--font-inter);font-size:1.35rem;text-shadow:0 0 14px rgba(105,223,255,.18)}.leaderboard-score span{margin-left:4px;color:#f5f1e88c;font-size:.82rem}@media(max-width:650px){.leaderboard-page{width:calc(100% - 32px);padding-top:35px}.leaderboard-header{margin-bottom:24px}.leaderboard-row{min-height:78px;padding:14px 18px;grid-template-columns:54px 1fr auto;gap:12px}.leaderboard-position{width:46px;height:46px;font-size:1rem}.leaderboard-medal{width:46px;height:46px}.leaderboard-username{font-size:.95rem}.leaderboard-score{min-width:auto}.leaderboard-score strong{font-size:1.1rem}.leaderboard-score span{display:none}}@property --about-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.about-page{width:var(--page-content-width);margin:0 auto;padding:48px 0 64px;display:flex;justify-content:center;color:var(--color-white)}.about-card{position:relative;width:100%;max-width:720px;padding:32px 36px;background:rgba(var(--color-navbar-rgba));border:1px solid var(--color-panel-border);border-radius:24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 28px #0050ff1a,inset 0 0 22px #145aff0d;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.about-card:before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--about-angle),transparent 0deg,transparent 245deg,var(--color-lightblue) 275deg,var(--color-accent) 305deg,var(--color-accent-blue) 335deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:about-border-spin 10s linear infinite;pointer-events:none}.about-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 25px #1e64ff12,0 0 22px #0064ff14;pointer-events:none}@keyframes about-border-spin{to{--about-angle: 360deg}}.about-card:hover{transform:translateY(-1px);box-shadow:0 0 36px #0064ff33,inset 0 0 26px #145aff14}.about-card__label,.about-card h1,.about-card p,.about-card__divider{position:relative;z-index:1}.about-card__label{color:#f5f1e894;font-family:var(--font-roboto-mono);font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.about-card h1{margin:8px 0 20px;color:var(--color-white);font-family:var(--font-inter);font-size:2rem;font-weight:700;letter-spacing:-.02em}.about-card p{margin:0 0 14px;color:var(--color-warm-ivory);font-family:var(--font-roboto);font-size:.95rem;line-height:1.65}.about-card__divider{height:1px;margin:24px 0;background:#6eb4ff2e}.about-card .about-card__small{margin:0;color:#f5f1e87a;font-family:var(--font-roboto-mono);font-size:.75rem;line-height:1.6}@media(max-width:600px){.about-page{padding:32px 0 48px}.about-card{padding:26px 24px;border-radius:20px}.about-card h1{font-size:1.7rem}}@property --admin-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.admin{min-height:calc(100vh - 92px);display:flex;align-items:flex-start}.admin__content{width:var(--page-content-width);margin:0 auto;padding-top:60px;padding-bottom:80px}.admin__header{max-width:600px;margin:0 auto;text-align:center}.admin__title{margin:0;color:var(--color-white);font-family:var(--font-inter);font-size:clamp(2.3rem,4vw,3.2rem);font-weight:700;line-height:1;letter-spacing:-.04em}.admin__description{max-width:560px;margin:28px auto 0;color:var(--color-warm-ivory);font-family:var(--font-roboto-mono);font-size:.9rem;font-weight:500;line-height:1.6}.admin__cards{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.admin__card{position:relative;min-height:280px;padding:1px;background:rgba(var(--color-navbar-rgba));border:1px solid var(--color-panel-border);border-radius:24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 28px #0050ff1a,inset 0 0 22px #145aff0d;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.admin__card:before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--admin-angle),transparent 0deg,transparent 245deg,var(--color-lightblue) 275deg,var(--color-accent) 305deg,var(--color-accent-blue) 335deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:admin-border-spin 10s linear infinite;pointer-events:none}.admin__card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 25px #1e64ff12,0 0 22px #0064ff14;pointer-events:none}@keyframes admin-border-spin{to{--admin-angle: 360deg}}.admin__card:hover{transform:translateY(-1px);box-shadow:0 0 36px #0064ff33,inset 0 0 26px #145aff14}.admin__card-content{position:relative;z-index:1;min-height:280px;padding:36px 40px;display:flex;flex-direction:column;align-items:center;text-align:center}.admin__card-title{margin:0;color:var(--color-white);font-family:var(--font-inter);font-size:1.55rem;font-weight:700;transition:text-shadow .25s ease}.admin__card:hover .admin__card-title{text-shadow:0 0 6px rgba(22,117,255,.8),0 0 14px rgba(22,117,255,.5),0 0 24px rgba(22,117,255,.25)}.admin__card-description{max-width:300px;margin:18px auto 0;color:var(--color-warm-ivory);font-family:var(--font-roboto);font-size:.95rem;line-height:1.45}.admin__button{min-width:170px;height:48px;margin-top:32px;padding:0 22px;gap:10px;border-radius:12px;font-size:1rem;text-decoration:none}@media(max-width:900px){.admin__content{padding-top:50px}.admin__cards{margin-top:40px;grid-template-columns:1fr;gap:24px}.admin__card{width:min(100%,550px);margin:0 auto}}@media(max-width:600px){.admin__content{width:var(--page-content-width);padding-top:40px;padding-bottom:50px}.admin__title{font-size:clamp(2rem,10vw,2.7rem)}.admin__description{margin-top:22px;font-size:.82rem}.admin__cards{margin-top:36px}.admin__card{min-height:250px;border-radius:20px}.admin__card-content{min-height:248px;padding:30px 24px}.admin__card-title{font-size:1.35rem}.admin__card-description{font-size:.9rem}.admin__button{min-width:155px;height:44px;font-size:.95rem}}.admin-categories__toolbar{margin-top:48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.admin-categories__count{margin:0;color:var(--color-warm-ivory);font-family:var(--font-roboto-mono);font-size:.85rem}.admin-categories__create-button{white-space:nowrap}.admin-categories__create-button:focus-visible,.admin-categories__action:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.admin-categories__table-wrapper{margin-top:24px;overflow-x:auto;background:rgba(var(--color-navbar-rgba));border:1px solid var(--color-panel-border);border-radius:12px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.admin-categories__table{width:100%;min-width:700px;border-collapse:collapse;color:var(--color-warm-ivory);font-family:var(--font-roboto);text-align:left}.admin-categories__table th,.admin-categories__table td{padding:18px 20px;border-bottom:1px solid var(--color-table-divider)}.admin-categories__table th{color:var(--color-accent);font-family:var(--font-roboto-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.admin-categories__table td{font-size:.95rem}.admin-categories__table tbody tr:last-child td{border-bottom:0}.admin-categories__table tbody tr:hover{background:var(--color-row-hover)}.admin-categories__name{color:var(--color-white);font-weight:700}.admin-categories__slug{font-family:var(--font-roboto-mono);font-size:.8rem}.admin-categories__status{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid currentColor;border-radius:999px;font-family:var(--font-roboto-mono);font-size:.75rem;font-weight:500}.admin-categories__status--active{color:var(--color-accent);background:#69dfff14}.admin-categories__status--inactive{color:#b8bbc4;background:#b8bbc414}.admin-categories__actions{display:flex;gap:16px}.admin-categories__action{padding:0;background:transparent;color:var(--color-accent);border:0;font-family:var(--font-roboto);font-size:.9rem;cursor:pointer}.admin-categories__action:hover{color:var(--color-white)}.admin-categories__action--delete{color:#ff9b9b}.admin-categories__message{margin:24px 0 0;color:var(--color-warm-ivory);font-family:var(--font-roboto)}.admin-category-form{width:min(100%,640px);box-sizing:border-box;margin:40px auto 0;padding:32px;display:flex;flex-direction:column;gap:24px;background:rgba(var(--color-navbar-rgba));border:1px solid var(--color-panel-border);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 28px #0050ff1a}.admin-category-form__title{margin:0;color:var(--color-white);font-family:var(--font-inter);font-size:1.5rem;font-weight:700}.admin-category-form__field{display:flex;flex-direction:column;gap:10px}.admin-category-form__field label{color:var(--color-warm-ivory);font-family:var(--font-roboto-mono);font-size:.85rem}.admin-category-form__field input,.admin-category-form__field textarea{width:100%;box-sizing:border-box;padding:14px 16px;background:#ffffff0d;color:var(--color-white);border:1px solid var(--color-panel-border);border-radius:10px;font-family:var(--font-roboto);font-size:.95rem;transition:border-color .2s ease,background .2s ease}.admin-category-form__field textarea{min-height:100px;resize:vertical}.admin-category-form__field input::placeholder,.admin-category-form__field textarea::placeholder{color:#f5f1e873}.admin-category-form__field input:focus-visible,.admin-category-form__field textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.admin-category-form__field input:disabled,.admin-category-form__field textarea:disabled{opacity:.6;cursor:not-allowed}.admin-category-form__checkbox{display:flex;align-items:center;gap:12px;color:var(--color-warm-ivory);font-family:var(--font-roboto);font-size:.95rem;cursor:pointer}.admin-category-form__checkbox input{width:18px;height:18px;margin:0;accent-color:var(--color-accent);cursor:pointer}.admin-category-form__error{margin:0;color:#ff9b9b;font-family:var(--font-roboto);font-size:.9rem}.admin-category-form__actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}.admin-category-form__actions button{min-height:44px;padding:0 22px}.admin-category-form__cancel{background:transparent;color:var(--color-warm-ivory);border:1px solid var(--color-panel-border);border-radius:10px;font-family:var(--font-roboto);font-size:.95rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.admin-category-form__cancel:hover:not(:disabled){background:#ffffff0f;border-color:var(--color-accent)}.admin-category-form__actions button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.admin-category-form__actions button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.admin-categories__toolbar{margin-top:36px;align-items:flex-start;flex-direction:column;gap:16px}.admin-categories__create-button{width:100%}.admin-categories__table th,.admin-categories__table td{padding:15px 16px}.admin-category-form{margin-top:32px;padding:24px 18px;gap:20px}.admin-category-form__title{font-size:1.3rem}.admin-category-form__actions{flex-direction:column-reverse}.admin-category-form__actions button{width:100%}}.admin-table__toolbar{margin-top:48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.admin-table__count,.admin-table__message{margin:0;color:var(--color-warm-ivory);font-family:var(--font-roboto-mono);font-size:.85rem}.admin-table__message{margin-top:24px;font-family:var(--font-roboto)}.admin-table__create-button{white-space:nowrap}.admin-table__table-wrapper{margin-top:24px;overflow-x:auto;background:rgba(var(--color-navbar-rgba));border:1px solid var(--color-panel-border);border-radius:12px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.admin-table{width:100%;min-width:700px;border-collapse:collapse;color:var(--color-warm-ivory);font-family:var(--font-roboto);text-align:left}.admin-table th,.admin-table td{padding:18px 20px;border-bottom:1px solid var(--color-table-divider)}.admin-table th{color:var(--color-accent);font-family:var(--font-roboto-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.admin-table td{font-size:.95rem}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr:hover{background:var(--color-row-hover)}.admin-table__primary{color:var(--color-white);font-weight:700}.admin-table__secondary{font-family:var(--font-roboto-mono);font-size:.8rem}.admin-table__status{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid currentColor;border-radius:999px;font-family:var(--font-roboto-mono);font-size:.75rem;font-weight:500}.admin-table__status--active{color:var(--color-accent);background:#69dfff14}.admin-table__status--inactive{color:#b8bbc4;background:#b8bbc414}.admin-table__actions{display:flex;gap:16px}.admin-table__action{padding:0;background:transparent;color:var(--color-accent);border:0;font-family:var(--font-roboto);font-size:.9rem;cursor:pointer}.admin-table__action:hover{color:var(--color-white)}.admin-table__action--delete{color:#ff9b9b}@media(max-width:600px){.admin-table__toolbar{margin-top:36px;align-items:flex-start;flex-direction:column;gap:16px}.admin-table__create-button{width:100%}.admin-table th,.admin-table td{padding:15px 16px}}