:root{--foam:#bff5ee;--ink:#eaf6f3;--ink-2:#a9c9c4;--muted:#7ba09b;--glass:rgba(9,38,44,.62);--glass-line:rgba(150,225,215,.16);--surge:#4360ff;--surge-hi:#5f79ff;--rose:#ff7e96;--moss:#4ed6a6;--out:cubic-bezier(.23,1,.32,1);--io:cubic-bezier(.77,0,.175,1);--dr:cubic-bezier(.32,.72,0,1)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:#03141a;color:var(--ink);font:15px/1.55 Be Vietnam Pro,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2{font-weight:700;letter-spacing:-.028em;text-wrap:balance}h1,h2,p{margin:0}button{border:0;background:none;cursor:pointer}button,input{font:inherit;color:inherit}:focus-visible{outline:2.5px solid var(--surge-hi);outline-offset:3px;border-radius:8px}#sea{z-index:0}#fx,#sea{position:fixed;inset:0;width:100%;height:100%;display:block}#fx{z-index:3}#fx,.vig{pointer-events:none}.vig{position:fixed;inset:0;z-index:1;background:radial-gradient(130% 100% at 50% 20%,transparent 46%,rgba(2,12,16,.5) 100%)}.wrap{position:relative;z-index:2;min-height:100dvh;justify-content:center;gap:26px;padding:32px 20px;overflow-y:auto}.lock,.wrap{display:flex;flex-direction:column;align-items:center}.lock{gap:11px;animation:up .7s var(--out) backwards}.plate{display:flex;align-items:center;gap:20px;background:#fff;border-radius:18px;padding:13px 22px;box-shadow:0 2px 6px rgba(0,0,0,.3),0 22px 46px -20px rgba(0,0,0,.72),inset 0 1px 0 hsla(0,0%,100%,.9);position:relative}.plate:after{content:"";position:absolute;left:12%;right:12%;top:100%;height:26px;border-radius:50%;background:radial-gradient(50% 100% at 50% 0,rgba(191,245,238,.18),transparent 72%);pointer-events:none}.plate img{display:block;height:34px;width:auto}.plate img.caykur{height:30px}.plate-rule{width:1px;align-self:stretch;background:linear-gradient(transparent,#dce5e6 20%,#dce5e6 80%,transparent)}.plate.tasi{transition:transform .82s var(--dr),box-shadow .82s ease,filter .9s ease,opacity 1s ease}.plate.parla{box-shadow:0 2px 6px rgba(0,0,0,.3),0 30px 70px -22px rgba(0,0,0,.8),0 0 60px rgba(150,240,230,.42),inset 0 1px 0 hsla(0,0%,100%,.9)}.plate.batik{filter:blur(2.6px) saturate(.68);opacity:.4}.plate.yok{opacity:0}.kart{width:min(408px,100%);background:var(--glass);border:1px solid var(--glass-line);border-radius:24px;padding:30px 28px 24px;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 2px 8px rgba(0,0,0,.34),0 40px 80px -32px rgba(0,0,0,.72),inset 0 1px 0 rgba(190,245,238,.1);display:flex;flex-direction:column;gap:15px;animation:up .76s var(--out) 90ms backwards}@keyframes up{0%{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}.kart.cikis{animation:none;transition:opacity .34s ease,transform .48s var(--out),filter .34s ease,visibility 0s linear .48s}.kart.cikis.gec{opacity:0;transform:translateY(16px) scale(.965);filter:blur(7px);visibility:hidden;pointer-events:none}#head{margin-bottom:4px;text-align:center}.kart h1{font-size:26px}.fld{display:flex;flex-direction:column;gap:7px;animation:up .52s var(--out) backwards}.fld:first-of-type{animation-delay:.16s}.fld:nth-of-type(2){animation-delay:.21s}.fld label{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:600}.inp-wrap{position:relative;display:flex;align-items:center}.inp{width:100%;background:rgba(3,20,25,.6);border:1px solid var(--glass-line);border-radius:12px;padding:12px 14px;font-size:15px;color:var(--ink);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.inp::placeholder{color:var(--muted);opacity:.7}.inp:focus{outline:none;border-color:var(--surge-hi);background:rgba(3,20,25,.82);box-shadow:0 0 0 3.5px rgba(67,96,255,.22)}.inp.pw{padding-right:46px;letter-spacing:.04em}.eye{position:absolute;right:6px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--muted);transition:color .17s ease,background .17s ease,transform .15s var(--out)}.eye:active{transform:scale(.88)}@media (hover:hover) and (pointer:fine){.eye:hover{color:var(--foam);background:rgba(190,245,238,.08)}}.caps{display:flex;align-items:center;gap:7px;font-size:12px;color:#ffce7a;overflow:hidden;max-height:0;opacity:0;transition:max-height .24s var(--out),opacity .2s ease}.caps.on{max-height:24px;opacity:1}.go{position:relative;overflow:hidden;width:100%;padding:13px 18px;border-radius:12px;font-weight:600;font-size:15px;background:linear-gradient(180deg,var(--surge-hi),var(--surge));color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3),0 12px 26px -12px rgba(67,96,255,.85);transition:transform .15s var(--out),filter .18s ease;display:flex;align-items:center;justify-content:center;gap:9px}.go:active{transform:scale(.975)}@media (hover:hover) and (pointer:fine){.go:hover{filter:brightness(1.09)}}.go:disabled{opacity:.6;cursor:progress}.go .lbl{transition:opacity .2s ease,filter .2s ease}.go.busy .lbl{opacity:0;filter:blur(3px)}.spin{position:absolute;width:19px;height:19px;border-radius:50%;border:2.2px solid hsla(0,0%,100%,.3);border-top-color:#fff;opacity:0;transition:opacity .2s ease}.go.busy .spin{opacity:1;animation:spin .62s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.err{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--rose);background:rgba(255,126,150,.1);border-radius:11px;max-height:0;opacity:0;overflow:hidden;padding:0 12px;border:0 solid rgba(255,126,150,.24);transition:max-height .26s var(--out),opacity .2s ease,padding .26s var(--out),border-width .2s ease}.err.on{max-height:90px;opacity:1;padding:10px 12px;border-width:1px}.err svg{flex:none;margin-top:1px}.outro{position:fixed;inset:0;z-index:46;display:grid;place-items:center;text-align:center;opacity:0;pointer-events:none;transition:opacity .7s ease}.outro.on{opacity:1}.outro h2{font-size:27px;margin-bottom:4px}.outro p{font-size:14px;color:var(--ink-2)}@media (max-width:640px){.wrap{justify-content:flex-start;padding-top:38px;gap:16px}.plate{gap:13px;padding:10px 15px;border-radius:15px}.plate img{height:27px}.plate img.caykur{height:24px}.outro h2{font-size:23px}.kart{width:min(380px,100%);padding:22px 18px 18px;border-radius:20px;background:rgba(7,32,38,.5);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%)}.kart h1{font-size:23px}.inp{padding:11px 13px}.go{padding:12px 16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.09s!important}}