@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;height:100%}:root{--bg: #FFF6E9;--card: #FFFFFF;--ink: #2A1F4D;--ink-soft: #5D5478;--muted: #9B95B0;--line: #F1E8DC;--purple: #8B5CF6;--purple-bg: #F3EEFF;--pink: #EC4899;--coral: #FB7185;--yellow: #FCD34D;--yellow-deep: #F59E0B;--yellow-bg: #FEF6D6;--mint: #34D399;--mint-soft: #86EFAC;--mint-bg: #DCFCE7;--orange: #FB923C;--shadow-sm: 0 2px 8px rgba(42,31,77,.06);--shadow-md: 0 8px 24px rgba(42,31,77,.08);--shadow-lg: 0 20px 50px rgba(42,31,77,.12);--shadow-xl: 0 30px 80px rgba(42,31,77,.18);--display: "Fredoka", system-ui, sans-serif;--body: "Plus Jakarta Sans", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html,body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;height:100%;overflow:hidden;overscroll-behavior:none}input,button,select,textarea{font-family:inherit;font-size:100%;color:inherit;line-height:inherit;margin:0}button{background:none;border:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background-color:transparent}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--card) inset;transition:background-color 5000s ease-in-out 0s;caret-color:var(--ink)}input::-ms-reveal,input::-ms-clear{display:none}a{color:inherit;text-decoration:none}svg{display:block}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 90% 15%,rgba(252,211,77,.2) 0%,transparent 35%),radial-gradient(circle at 75% 92%,rgba(236,72,153,.1) 0%,transparent 38%),radial-gradient(circle at 65% 50%,rgba(96,165,250,.08) 0%,transparent 35%);pointer-events:none;z-index:0}.auth{height:100vh;height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);overflow:hidden;position:relative;z-index:1}.hero{background:linear-gradient(135deg,#8b5cf6,#ec4899 65%,#fb7185);color:#fff;position:relative;overflow:hidden;padding:max(32px,calc(32px + var(--safe-top))) clamp(28px,4vw,56px) clamp(24px,3vw,36px) max(28px,calc(clamp(28px,4vw,56px) + var(--safe-left)));display:flex;flex-direction:column;justify-content:space-between;border-top-right-radius:48px;border-bottom-right-radius:48px;box-shadow:var(--shadow-xl);isolation:isolate;height:100%;min-width:0}.hero:before{content:"";position:absolute;top:-120px;right:-80px;width:380px;height:380px;border-radius:50%;background:#fcd34d47;filter:blur(24px);pointer-events:none;z-index:0}.hero:after{content:"";position:absolute;bottom:-160px;left:-60px;width:340px;height:340px;border-radius:50%;background:#ffffff1f;filter:blur(28px);pointer-events:none;z-index:0}.deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.deco span{position:absolute;border-radius:50%;background:#ffffff38;will-change:transform}.deco span:nth-child(1){width:10px;height:10px;top:18%;left:14%;animation:float 3s ease-in-out infinite}.deco span:nth-child(2){width:14px;height:14px;top:65%;left:9%;animation:float 4s ease-in-out infinite .5s}.deco span:nth-child(3){width:8px;height:8px;top:28%;right:20%;animation:float 3.5s ease-in-out infinite 1s}.deco span:nth-child(4){width:18px;height:18px;bottom:22%;right:16%;animation:float 4.5s ease-in-out infinite .3s}.deco span:nth-child(5){width:12px;height:12px;top:80%;left:50%;animation:float 3.2s ease-in-out infinite .8s}.deco span:nth-child(6){width:6px;height:6px;top:12%;left:55%;animation:float 4s ease-in-out infinite 1.2s}.deco span:nth-child(7){width:9px;height:9px;top:48%;right:8%;animation:float 3.8s ease-in-out infinite .2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.float-shape{position:absolute;pointer-events:none;z-index:1;will-change:transform}.float-shape.s1{top:22%;right:8%;animation:spinSlow 9s linear infinite}.float-shape.s2{bottom:28%;left:8%;animation:bobShape 4.5s ease-in-out infinite}.float-shape.s3{top:14%;left:38%;animation:bobShape 5.5s ease-in-out infinite .8s}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bobShape{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-12px) rotate(8deg)}}.hero-top{position:relative;z-index:2;display:flex;align-items:center;gap:14px;flex-shrink:0}.hero-logo{width:56px;height:56px;border-radius:16px;background:#fffffff5;display:grid;place-items:center;box-shadow:0 10px 30px #0000002e;transform:rotate(-6deg);flex-shrink:0;overflow:hidden}.hero-logo img{width:100%;height:100%;object-fit:cover;border-radius:16px}.hero-logo .ll{width:38px;height:38px;background:linear-gradient(135deg,var(--yellow),var(--orange));border-radius:10px;display:grid;place-items:center;color:var(--ink);font-family:var(--display);font-weight:700;font-size:20px;line-height:1}.hero-brand{min-width:0;flex:1}.hero-brand .name{font-family:var(--display);font-weight:600;font-size:clamp(18px,2vw,24px);letter-spacing:-.01em;line-height:1.15;word-break:break-word}.hero-brand .sub{font-size:clamp(10px,1.1vw,11.5px);color:#ffffffbf;margin-top:4px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.hero-mid{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;min-height:0;flex:1;overflow:hidden}.hero-words{max-width:380px;min-width:0}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:700;margin-bottom:14px;letter-spacing:.02em}.hero-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint-soft);box-shadow:0 0 0 4px #86efac4d;animation:pulseDot 1.8s ease-in-out infinite;flex-shrink:0}@keyframes pulseDot{0%,to{box-shadow:0 0 0 4px #86efac4d}50%{box-shadow:0 0 0 7px #86efac1a}}.hero-h{font-family:var(--display);font-weight:600;font-size:clamp(26px,3.8vw,46px);letter-spacing:-.02em;line-height:1.05;margin-bottom:12px}.hero-h .accent{background:linear-gradient(135deg,var(--yellow) 0%,#FCE38A 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}.hero-h .wave{display:inline-block;transform-origin:70% 70%;animation:wave 2.4s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(14deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}}.hero-p{font-size:clamp(13px,1.3vw,14.5px);opacity:.92;line-height:1.55;max-width:420px}.hero-mascot{width:clamp(140px,16vw,200px);aspect-ratio:1 / 1;flex-shrink:0;position:relative}.hero-mascot svg{width:100%;height:100%;filter:drop-shadow(0 12px 28px rgba(0,0,0,.22));animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.arm-wave{transform-origin:50px -10px;transform-box:fill-box;animation:armWave 2.4s ease-in-out infinite}@keyframes armWave{0%,to{transform:rotate(0)}50%{transform:rotate(-22deg)}}.form-panel{display:flex;align-items:center;justify-content:center;padding:clamp(20px,3vw,32px) clamp(20px,4vw,36px);padding-right:max(clamp(20px,4vw,36px),var(--safe-right));padding-bottom:max(clamp(20px,3vw,32px),var(--safe-bottom));position:relative;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;min-width:0}.form-shell{width:100%;max-width:420px;position:relative}.form-head{margin-bottom:22px}.form-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--purple-bg);color:var(--purple);padding:4px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:12px;text-transform:uppercase}.form-h{font-family:var(--display);font-weight:600;font-size:clamp(24px,3vw,30px);letter-spacing:-.02em;color:var(--ink);line-height:1.1;margin-bottom:6px}.form-h em{font-style:normal;background:linear-gradient(135deg,var(--purple) 0%,var(--pink) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.form-sub{color:var(--ink-soft);font-size:clamp(12.5px,1.3vw,13.5px)}.alert{display:flex;align-items:flex-start;gap:10px;background:#fee2e2;border-left:4px solid var(--coral);color:#b91c1c;padding:10px 12px;border-radius:12px;margin-bottom:14px;font-size:12.5px;font-weight:600;position:relative;overflow:hidden;animation:slideDown .45s cubic-bezier(.6,0,.2,1)}.alert--success{background:var(--mint-bg);border-left-color:var(--mint);color:#0f7b4f}.alert--block{background:var(--yellow-bg);border-left-color:var(--yellow-deep);color:#92400e}.alert .ic{width:18px;height:18px;flex-shrink:0;margin-top:1px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11.5px;font-weight:700;color:var(--ink);letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.field-label .req{color:var(--coral)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .lead-ic{position:absolute;left:14px;width:17px;height:17px;color:var(--muted);transition:color .25s;pointer-events:none;z-index:1}.input-wrap .trail-btn{position:absolute;right:6px;color:var(--muted);width:34px;height:34px;border-radius:8px;display:grid;place-items:center;transition:all .2s;z-index:1}.input-wrap .trail-btn:hover,.input-wrap .trail-btn:focus-visible{color:var(--purple);background:var(--purple-bg);outline:none}.input-wrap input{width:100%;padding:12px 46px 12px 42px;border:1.5px solid var(--line);background:var(--card);border-radius:12px;font-family:var(--body);font-size:16px;color:var(--ink);outline:none;transition:border-color .25s,box-shadow .25s;box-shadow:var(--shadow-sm);min-height:46px}.input-wrap input::placeholder{color:var(--muted);font-weight:500;opacity:1}.input-wrap input:focus{border-color:var(--purple);box-shadow:0 0 0 4px #8b5cf61f}.input-wrap:focus-within .lead-ic{color:var(--purple)}.field-err{color:#b91c1c;font-size:11.5px;font-weight:600;margin-top:2px}.check{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:12.5px;color:var(--ink-soft);font-weight:600;-webkit-user-select:none;user-select:none;padding:4px 0;margin-top:2px;position:relative}.check input{position:absolute;opacity:0;pointer-events:none}.check .box{width:18px;height:18px;border:1.5px solid var(--line);border-radius:5px;background:var(--card);display:grid;place-items:center;transition:all .2s;color:transparent;flex-shrink:0}.check input:checked+.box{background:var(--purple);border-color:var(--purple);color:#fff}.check input:focus-visible+.box{box-shadow:0 0 0 4px #8b5cf62e}.check:hover .box{border-color:var(--purple)}.btn-submit{margin-top:6px;padding:14px;border:none;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#ec4899 60%,#fb7185);color:#fff;font-family:var(--body);font-weight:700;font-size:14.5px;letter-spacing:.01em;cursor:pointer;box-shadow:0 12px 28px #8b5cf652;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden;min-height:48px}.btn-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s}.btn-submit:active{transform:translateY(0)}.btn-submit svg{transition:transform .25s}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.btn-submit .spin{width:20px;height:20px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.help-line{margin-top:18px;text-align:center;font-size:12px;color:var(--ink-soft);line-height:1.45}.btn-submit:focus-visible{outline:3px solid rgba(139,92,246,.55);outline-offset:3px}@media (max-width: 1200px){.hero{padding-left:clamp(28px,3.5vw,44px);padding-right:clamp(28px,3.5vw,44px)}.hero-mascot{width:clamp(130px,14vw,170px)}}@media (max-height: 720px) and (min-width: 901px){.hero{padding-top:24px;padding-bottom:22px}.hero-mid{gap:16px}.hero-mascot{width:130px}.hero-h{font-size:clamp(22px,3vw,32px);margin-bottom:8px}.hero-p{font-size:13px;line-height:1.45}.hero-eyebrow{padding:4px 10px;font-size:11px;margin-bottom:10px}.form-head{margin-bottom:14px}.form-h{font-size:24px}form{gap:11px}.help-line{margin-top:12px;font-size:11.5px}}@media (max-height: 620px) and (min-width: 901px){.form-eyebrow,.form-sub{display:none}}@media (max-width: 900px){.auth{grid-template-columns:1fr;grid-template-rows:auto 1fr}.hero{border-radius:0 0 32px 32px;padding:max(18px,var(--safe-top)) clamp(20px,5vw,30px) 18px;height:auto;min-height:0}.hero-mid,.float-shape{display:none}.deco span{opacity:.8}.hero-top{gap:12px;align-items:center}.hero-logo{width:48px;height:48px;border-radius:14px}.hero-logo .ll{width:32px;height:32px;font-size:18px;border-radius:9px}.hero-brand .name{font-size:18px}.hero-brand .sub{font-size:10px;margin-top:3px;letter-spacing:.12em}.mobile-wave{display:flex!important;align-items:center;gap:6px;margin-left:auto;background:#ffffff29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.mobile-wave .w{display:inline-block;animation:wave 2.4s ease-in-out infinite;transform-origin:70% 70%}.form-panel{padding:clamp(18px,5vw,28px) clamp(18px,5vw,26px);padding-bottom:max(clamp(18px,5vw,28px),var(--safe-bottom))}.form-shell{max-width:480px}.form-head{margin-bottom:14px}.form-eyebrow{display:none}.form-h{font-size:clamp(22px,5.5vw,26px)}.form-sub{font-size:13px}form{gap:12px}.help-line{margin-top:12px;font-size:11.5px}}.mobile-wave{display:none}@media (max-width: 540px){.hero{border-radius:0 0 26px 26px;padding:max(14px,var(--safe-top)) 16px 14px}.hero-logo{width:44px;height:44px;border-radius:13px}.hero-logo .ll{width:28px;height:28px;font-size:16px}.hero-brand .name{font-size:16px}.hero-brand .sub{font-size:9.5px;letter-spacing:.1em;margin-top:2px}.mobile-wave{padding:5px 10px;font-size:11.5px}.form-panel{padding:18px 16px max(18px,var(--safe-bottom))}.form-head{margin-bottom:12px}.form-h{font-size:22px;margin-bottom:4px}.form-sub{font-size:12.5px}.alert{font-size:12px;padding:9px 11px;margin-bottom:12px}.alert .ic{width:16px;height:16px}form{gap:11px}.field{gap:5px}.field-label{font-size:11px}.input-wrap input{padding:11px 42px 11px 40px;min-height:44px;border-radius:11px}.input-wrap .lead-ic{left:12px;width:16px;height:16px}.input-wrap .trail-btn{width:32px;height:32px;right:5px}.btn-submit{padding:13px;font-size:14px;min-height:46px;border-radius:12px}.help-line{margin-top:10px;font-size:11px}}@media (max-width: 360px){.hero{padding:max(12px,var(--safe-top)) 14px 12px;border-radius:0 0 22px 22px}.hero-top{gap:10px}.hero-logo{width:40px;height:40px;border-radius:12px}.hero-logo .ll{width:26px;height:26px;font-size:14px}.hero-brand .name{font-size:14px}.hero-brand .sub{display:none}.mobile-wave{padding:4px 9px;font-size:11px;gap:4px}.mobile-wave span:not(.w){display:none}.form-panel{padding:14px 12px max(14px,var(--safe-bottom))}.form-head{margin-bottom:10px}.form-h{font-size:20px}.form-sub{display:none}form{gap:10px}.input-wrap input{padding:10px 38px 10px 36px;min-height:42px}.input-wrap .lead-ic{left:11px;width:15px;height:15px}.help-line{font-size:10.5px}}@media (max-height: 520px) and (orientation: landscape) and (max-width: 900px){.auth{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:1fr}.hero{border-radius:0 32px 32px 0;padding:18px 22px;height:100%}.hero-mid{display:grid;grid-template-columns:1fr;gap:4px}.hero-h{font-size:22px;margin-bottom:6px}.hero-p{font-size:12px;line-height:1.4}.hero-eyebrow{font-size:10.5px;padding:4px 10px;margin-bottom:8px}.hero-mascot{position:absolute;bottom:14px;right:14px;width:90px}.mobile-wave{display:none!important}.form-panel{padding:14px 18px}.form-shell{max-width:360px}.form-head{margin-bottom:10px}.form-h{font-size:22px}.form-sub,.form-eyebrow{display:none}form{gap:10px}.help-line{display:none}}@media (hover: hover) and (pointer: fine){.btn-submit:hover{transform:translateY(-2px);box-shadow:0 16px 36px #8b5cf666}.btn-submit:hover:before{transform:translate(100%)}.btn-submit:hover svg{transform:translate(3px)}.input-wrap input:hover{border-color:#e0d6c5}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (forced-colors: active){.btn-submit,.input-wrap input{border:2px solid CanvasText}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}