@import"https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap";.main .noise{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 90%);mask-image:radial-gradient(circle at center,black 40%,transparent 90%);pointer-events:none;opacity:.65}.main .layout{min-height:calc(100vh - 210px);display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.main .pill{display:inline-flex;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffffc7;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.main h1{margin:18px 0 16px;font-size:clamp(36px,5vw,64px);line-height:1.02;letter-spacing:-.03em}.main .subtitle{max-width:600px;margin:0;font-size:clamp(17px,2.1vw,21px);line-height:1.6;color:#c6c6c6}.main .badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;max-width:680px}.main .badge{border:1px solid rgba(255,255,255,.1);background:var(--card);border-radius:20px;padding:18px 16px;min-height:106px}.main .badge strong{display:block;font-size:16px}.main .badge span{display:block;margin-top:8px;color:#ffffffad;line-height:1.45;font-size:14px}.main .actions{margin-top:30px}.main .primary-btn{display:inline-flex;align-items:center;justify-content:center;min-width:320px;padding:17px 28px;border-radius:18px;background:#ef4656;color:#fff;font-weight:800;transition:transform .18s ease,filter .18s ease}.main .primary-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.main .helper{margin:12px 0 0;color:#ffffff94;font-size:13px}.main .right-col{display:grid;grid-template-columns:1fr 160px;gap:14px;align-items:stretch}.main .quiz-card{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-radius:28px;padding:24px;box-shadow:0 18px 50px #00000047}.main .quiz-card-main{min-height:360px}.main .bar{width:64px;height:4px;border-radius:999px;margin-bottom:18px}.main .bar.red,.main .red{background:#ff5567}.main .bar.cyan,.main .cyan{background:#5ef4ff}.main .card-kicker{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff9e}.main .quiz-card-main h2{margin:0 0 20px;font-size:28px;line-height:1.15}.main .pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.main .pattern-grid span{display:block;height:78px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#ffffff08,#ffffff03),radial-gradient(circle at center,rgba(255,255,255,.06),transparent 60%);position:relative;overflow:hidden}.main .pattern-grid span:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:12px;border:2px solid rgba(255,255,255,.16)}.main .pattern-grid span.red:before,.main .pattern-grid span.cyan:before{content:"";position:absolute;left:18px;right:18px;top:50%;height:4px;transform:translateY(-50%);border-radius:999px;background:currentColor}.main .pattern-grid span.red,.main .pattern-grid span.cyan{color:transparent}.main .pattern-grid span.red:before{background:#ff5567}.main .pattern-grid span.cyan:before{background:#5ef4ff}.main .side-stack{display:flex;flex-direction:column;gap:14px}.main .small{display:flex;flex-direction:column;justify-content:flex-start;min-height:173px}.main .small h3{margin:0 0 8px;font-size:19px}.main .small p{margin:0;color:#c6c6c6;line-height:1.5}.main .cta-panel{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(255,255,255,.1);background:#ffffff12;border-radius:28px;padding:28px}.main .cta-panel h2{margin:0 0 8px;font-size:30px;line-height:120%}.main .cta-panel p{margin:0;max-width:640px;color:#c6c6c6;line-height:1.6}.main .primary-btn.wide{min-width:350px}@media (max-width: 980px){.main .layout{grid-template-columns:1fr;min-height:auto}.main .right-col{grid-template-columns:1fr}.main .side-stack{flex-direction:row}.main .cta-panel{flex-direction:column;align-items:flex-start}}@media (max-width: 700px){.main .header,.main .header-links{flex-direction:column;align-items:flex-start}.main .badges{grid-template-columns:1fr}.main .side-stack{flex-direction:column}.main .cta-panel{padding:22px}.main .primary-btn,.main .primary-btn.wide{width:100%;min-width:220px}}.footer{width:100%;padding:0 20px;font-size:10px;line-height:130%;letter-spacing:1px;text-align:center}.footer p{color:inherit!important;font-size:inherit!important}.footer a{display:inline!important}a{text-decoration:none;color:inherit;font:inherit}img{display:block;max-width:100%;height:auto}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body{font-size:15px;line-height:18px}.content-box-component{box-sizing:content-box}.visually-hidden:not(:focus):not(:active),input[type=checkbox].visually-hidden,input[type=radio].visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}ul,ol{margin:0;padding:0;list-style:none}section{height:100%;min-height:100%;overflow-y:scroll;padding-top:30px}@media (max-width: 400px){section{padding-top:15px}}section::-webkit-scrollbar{display:none}button{background-color:transparent;font-style:normal;cursor:pointer;border:none}@font-face{font-family:SF Pro;font-display:swap;src:url(./SF-Pro-Display-Regular-DF_3XEGl.otf);font-weight:400;font-style:normal}@font-face{font-family:SF Pro;font-display:swap;src:url(./SF-Pro-Display-Bold-CkqE-6tD.otf);font-weight:700;font-style:normal}@font-face{font-family:Sk-Modernist;font-display:swap;src:url(./Sk-Modernist-Regular-DvjzzW2J.otf);font-weight:400;font-style:normal}@font-face{font-family:Sk-Modernist;font-display:swap;src:url(./Sk-Modernist-Bold-B-5j-f53.otf);font-weight:700;font-style:normal}@font-face{font-family:ProFontWindows;font-display:swap;src:url(./ProFontWindows-0E4DxR3I.ttf);font-weight:700;font-style:normal}*::-webkit-scrollbar{width:0}html{font-family:Geologica,sans-serif;height:100%}body{position:relative;height:100%;background-size:cover;background-position:center;background:radial-gradient(circle at top right,rgba(255,255,255,.04),transparent 28%),#040404;color:#fff}#app{position:relative;z-index:100;height:100%}.app-wrapper{margin:0 auto;padding-bottom:28px;width:100%;height:100%;max-width:1086px}.container{padding:20px;width:100%;height:100%;min-height:100%;overflow-y:scroll}.container::-webkit-scrollbar{width:0}
