@font-face{font-family:GT Eesti Pro Display;src:url(/visuals/fonts/GT-Eesti-Pro-Display-ULight.otf)format("opentype");font-weight:200;font-style:normal}@font-face{font-family:GT Eesti Pro Display;src:url(/visuals/fonts/GT-Eesti-Pro-Display-Regular.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:GT Eesti Pro Display;src:url(/visuals/fonts/GT-Eesti-Pro-Display-Medium.otf)format("opentype");font-weight:500;font-style:normal}@font-face{font-family:GT Eesti Pro Display;src:url(/visuals/fonts/GT-Eesti-Pro-Display-Bold.otf)format("opentype");font-weight:700;font-style:normal}:root{--color-tech-green:#3adf68;--color-ozon-blue:#005bff;--color-oxford-blue:#032b44;--color-prussian-blue:#0a3956;--color-dark-cerulean:#134c6e;--color-anti-flash-white:#f1f1f1;--color-ghost-white:#f9f9f9;--color-white:#fff;--color-danger:#ff4d4f;--color-warning:#ffa940;--ease-out:cubic-bezier(.22, 1, .36, 1);--shadow:0 10px 30px #032b440f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-ghost-white);color:var(--color-oxford-blue);min-height:100vh;font-family:GT Eesti Pro Display,sans-serif}button{font:inherit;cursor:pointer;border:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--color-ozon-blue);outline-offset:3px}.app{flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.logo{color:var(--color-ozon-blue);text-align:center;margin-bottom:2rem;font-size:24px;font-weight:700;text-decoration:none}.main{width:100%;max-width:800px}.page{text-align:center;flex-direction:column;align-items:center;gap:2rem;display:flex}.panel{background:var(--color-white);width:100%;box-shadow:var(--shadow);border-radius:24px;padding:2rem}.muted{color:var(--color-prussian-blue);font-size:1.2rem;line-height:1.5}.back{color:var(--color-oxford-blue);align-self:flex-start;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.enter{animation:rise .6s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * .1s)}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@keyframes fly-left{to{opacity:0;transform:translate(-200px)rotate(-10deg)}}@keyframes fly-right{to{opacity:0;transform:translate(200px)rotate(10deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.btn{transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), opacity .2s;border-radius:16px;padding:1rem 2rem;font-size:1.2rem;font-weight:700;text-decoration:none}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-green{background:var(--color-tech-green);color:var(--color-oxford-blue);box-shadow:0 5px 15px #3adf6866}.btn-blue{background:var(--color-ozon-blue);color:var(--color-white);box-shadow:0 5px 15px #005bff4d}.btn-red{background:var(--color-danger);color:var(--color-white);box-shadow:0 5px 15px #ff4d4f66}.hero{text-align:left;align-items:center;gap:2rem;display:flex}.hero img{flex-shrink:0;width:200px}.hero h1{margin-bottom:1rem;font-size:2.5rem}.eyebrow{background:var(--color-oxford-blue);color:var(--color-tech-green);letter-spacing:.02em;border-radius:999px;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.9rem;font-weight:700;display:inline-block}.hero-note{border-left:3px solid var(--color-tech-green);color:var(--color-dark-cerulean);margin-top:1rem;padding-left:.75rem;font-size:1rem;line-height:1.5}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;width:100%;display:grid}.card{text-align:left;min-height:200px;transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:24px;padding:2rem;text-decoration:none;position:relative;overflow:hidden}.card:hover{transform:translateY(-8px)}.card h2{margin-bottom:1rem;font-size:1.8rem;position:relative}.card p{max-width:75%;font-size:1.1rem;position:relative}.card img{pointer-events:none;position:absolute}.card-green{background:var(--color-tech-green);color:var(--color-oxford-blue);box-shadow:0 10px 20px #3adf684d}.card-green:hover{box-shadow:0 20px 30px #3adf6866}.card-green img{opacity:.3;width:150px;bottom:-20px;right:-20px}.card-blue{background:var(--color-ozon-blue);color:var(--color-white);box-shadow:0 10px 20px #005bff4d}.card-blue:hover{box-shadow:0 20px 30px #005bff66}.card-blue img{opacity:.4;width:100px;bottom:10px;right:10px}.card-dark{background:var(--color-oxford-blue);color:var(--color-white);box-shadow:0 10px 20px #032b444d}.card-dark:hover{box-shadow:0 20px 30px #032b4466}.card-cerulean{background:var(--color-dark-cerulean);color:var(--color-white);box-shadow:0 10px 20px #134c6e4d}.card-cerulean:hover{box-shadow:0 20px 30px #134c6e66}.card-dark img,.card-cerulean img{opacity:.5;width:120px;bottom:-10px;right:-10px}@media (width<=640px){.hero{text-align:center;flex-direction:column}.hero img{width:150px}.hero h1{font-size:2rem}}.checker{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.gekkom{height:200px;animation:pop .35s var(--ease-out)}.checker h2{font-size:2rem}.field{width:100%;max-width:500px;font:inherit;color:inherit;border:2px solid var(--color-anti-flash-white);border-radius:16px;outline:none;padding:1.25rem 1.5rem;font-size:1.5rem;transition:border-color .3s}.field:focus{border-color:var(--color-ozon-blue)}.meter{background:var(--color-anti-flash-white);border-radius:10px;width:100%;max-width:500px;height:20px;overflow:hidden}.meter-bar{height:100%;transition:width .5s var(--ease-out), background-color .5s;border-radius:10px}.crack{flex-direction:column;align-items:center;gap:.25rem;display:flex}.crack span{color:var(--color-prussian-blue);font-size:1rem}.crack strong{animation:pop .3s var(--ease-out);font-size:2.25rem;transition:color .3s}.crack small{color:#8a9aa6;max-width:340px;font-size:.85rem}.tips{text-align:left;flex-direction:column;gap:.5rem;width:100%;max-width:500px;list-style:none;display:flex}.tips li{background:var(--color-ghost-white);animation:rise .3s var(--ease-out) backwards;border-radius:12px;padding:.75rem 1rem;line-height:1.4}.tips .tip-warn{color:#c4282a;background:#ff4d4f1a;font-weight:500}.quiz-card{max-width:400px;padding:4rem 2rem;box-shadow:0 10px 40px #0000001a}.quiz-card h3{word-break:break-all;font-family:monospace;font-size:2.5rem}.quiz-card.left{animation:.4s ease-in forwards fly-left}.quiz-card.right{animation:.4s ease-in forwards fly-right}.choices{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.choices .btn{padding:1.5rem 3rem}.result{max-width:500px;animation:pop .4s var(--ease-out);flex-direction:column;align-items:center;gap:1rem;display:flex}.result img{width:100px}.result h3{font-size:1.8rem}.result p{font-size:1.2rem;line-height:1.5}.result .btn{margin-top:1rem}.hack,.upgrade{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.hack-profile{text-align:left;align-items:center;gap:1.5rem;width:100%;display:flex}.hack-profile img{flex-shrink:0;width:140px}.hack-profile>div{flex:1}.hack-profile h3{margin-bottom:.75rem;font-size:1.6rem}.hack-form{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.hack-form small{font-size:.9rem}.shake{border-color:var(--color-danger);animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}code{background:var(--color-ghost-white);word-break:break-all;border-radius:6px;padding:.1em .35em;font-family:monospace}@media (width<=640px){.hack-profile{text-align:center;flex-direction:column}.hack-profile img{width:110px}}.upgrade-pw{animation:pop .3s var(--ease-out);padding:.5rem 1rem;font-size:2rem}.upgrade .btn{padding:.75rem 1.25rem;font-size:1.05rem}.upgrade .tips li{font-size:.95rem}.stars{color:#ffc53d;letter-spacing:.2em;font-size:2.5rem}.stars span{color:var(--color-anti-flash-white)}.ok{color:var(--color-tech-green)}.fail{color:var(--color-danger)}