@font-face{font-family:Dokdo;src:url(/assets/fonts/Dokdo-Latin.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}:root{color:#25171a;background:#da919a;font-family:Arial,sans-serif}body{min-width:320px;margin:0}button,input{font:inherit}.registration-page{background:radial-gradient(circle at top,#ffe1e4e6,#0000 40%),linear-gradient(145deg,#efb5bc,#cd7883);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:35px 20px 80px;display:flex}.page-title{color:#211316;letter-spacing:2px;margin:0 0 25px;font-family:Dokdo,Comic Sans MS,cursive;font-size:42px}.registration-card{background:#fffffff5;border:2px solid #4c3338;border-radius:42px;grid-template-columns:1fr 1fr;align-items:center;gap:70px;width:min(1050px,95vw);min-height:580px;padding:55px 65px;display:grid;position:relative;box-shadow:0 20px 45px #53252d38}.brand-section{flex-direction:column;align-items:center;display:flex}.brand{align-self:flex-start;margin-left:45px}.brand h1{color:#2d1016;letter-spacing:3px;margin:0;font-family:Dokdo,Comic Sans MS,cursive;font-size:62px;font-weight:400}.brand p{margin:0 0 25px 32px;font-size:22px}.notebook{background:#fff8f1;border:5px solid #2e1a1d;border-radius:20px 20px 35px 35px;grid-template-columns:1fr 1fr;gap:18px;width:350px;height:270px;padding:35px 25px;display:grid;transform:rotate(-3deg);box-shadow:12px 13px #e68e9c}.notebook-page{background:#f8c5c7;border:3px solid #2e1a1d;flex-direction:column;justify-content:center;align-items:center;padding:20px 10px;font-size:18px;display:flex}.heart{color:#a71f35;margin-top:8px;font-size:32px}.notebook-list{padding-top:30px;font-size:24px}.notebook-list p{margin:10px 0}.brand-caption{color:#8a2332;letter-spacing:2px;margin-top:35px;font-weight:700}.registration-form{flex-direction:column;gap:15px;display:flex}.input-field{background:#fff;border:1px solid #8b8586;border-radius:10px;grid-template-columns:45px 1fr auto;align-items:center;min-height:70px;padding:0 16px;display:grid;box-shadow:0 5px 9px #22151724}.input-field:focus-within{border-color:#7c1827;box-shadow:0 0 0 3px #7c182721}.input-icon{font-size:28px}.input-field input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:18px 8px;font-size:19px}.input-field input::placeholder{color:#777174}.show-password{color:#7c1827;cursor:pointer;background:0 0;border:0;padding:8px;font-size:12px}.terms{cursor:pointer;align-items:center;gap:12px;font-size:15px;display:flex}.terms input{accent-color:#7c1827;width:25px;height:25px}.terms a,.login-link a{color:#42191f;text-underline-offset:3px}.create-button{color:#fff;letter-spacing:2px;cursor:pointer;background:linear-gradient(100deg,#741220,#942a37);border:0;border-radius:10px;min-height:68px;font-family:Dokdo,Comic Sans MS,cursive;font-size:25px;font-weight:400;box-shadow:0 8px 16px #69142040}.create-button:hover{background:#68101d;transform:translateY(-1px)}.create-button:disabled{cursor:wait;opacity:.7;transform:none}.login-link{text-align:center;margin:0}.form-message{text-align:center;min-height:18px;margin:0;font-size:14px}.form-message.error{color:#b0182e}.form-message.success{color:#39703d}.card-caption{text-align:center;color:#777174;letter-spacing:2px;margin:0;font-size:13px;position:absolute;bottom:15px;left:0;right:0}@media (width<=800px){.registration-page{justify-content:flex-start}.page-title{text-align:center;font-size:30px}.registration-card{border-radius:30px;grid-template-columns:1fr;gap:30px;width:min(550px,100%);padding:35px 25px 55px}.brand{text-align:center;align-self:center;margin-left:0}.brand h1{font-size:50px}.brand p{margin-left:0}.notebook{width:min(330px,90%);height:230px}}@media (width<=700px){.registration-page{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));justify-content:center;align-items:stretch}.page-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-bottom:12px;font-size:clamp(29px,8.7vw,36px);overflow:hidden}.registration-card{background:#fffffff0;border:1px solid #4c3338;border-radius:24px;gap:16px;width:100%;min-height:0;padding:20px 18px 22px;box-shadow:0 12px 28px #53252d2e}.brand{text-align:center;align-self:center;margin-left:0}.brand h1{font-size:50px}.brand p{margin:0}.notebook,.brand-caption{display:none}.registration-form{gap:10px}.input-field{min-height:54px;box-shadow:0 3px 8px #4a17211a}.input-field input{padding-block:14px}.create-button{white-space:nowrap;min-height:54px}.login-link{white-space:nowrap}.card-caption{margin-top:2px;position:static}}@media (width<=450px){.registration-page{padding-inline:8px}.registration-card{padding-inline:14px}.input-field{grid-template-columns:35px 1fr auto;padding-inline:10px}.input-field input{font-size:16px}.terms,.login-link{font-size:13px}}