@font-face{font-family:Chunko;src:url(/_next/static/media/Chunko.b20ae1f1.ttf) format("truetype");font-weight:400}@font-face{font-family:Sf;src:url(/_next/static/media/SF-Pro-Rounded-Medium.faee3dcd.otf) format("opentype");font-weight:400}.login-page{background-color:#f5e6d3;min-height:100vh;overflow-x:hidden;flex-direction:column}.login-container,.login-page{display:flex;position:relative}.login-container{flex:1;align-items:center;justify-content:center;padding:clamp(40px,6vw,80px) clamp(20px,3vw,40px);z-index:2}.login-content{max-width:500px;width:100%;position:relative}.login-shape{position:absolute;z-index:0}.login-green-rect{width:clamp(300px,40vw,500px);height:clamp(200px,15vh,200px);background-color:#bccf38;border-radius:20px;top:8%;left:-10%;transform:rotate(-8deg)}.login-pink-rect{width:clamp(150px,25vw,350px);height:clamp(80px,10vh,120px);background-color:#f7cce2;border-radius:20px;top:15%;right:-8%;transform:rotate(12deg)}.login-red-circle{width:clamp(100px,12vw,140px);height:clamp(100px,12vw,140px);background-color:#f20;border-radius:50%;bottom:35%;left:3%}.login-yellow-rect{width:clamp(180px,22vw,250px);height:clamp(250px,9vh,100px);background-color:#f6bc3f;border-radius:20px;bottom:25%;right:5%;transform:rotate(-15deg)}.login-box{background:#5e311d;border-radius:20px;padding:clamp(35px,5vw,55px);box-shadow:0 10px 40px rgba(0,0,0,.15);position:relative;z-index:1}.login-title{font-family:Chunko,sans-serif;font-size:50px;color:#fff;margin-bottom:clamp(8px,1vw,12px);text-align:center;letter-spacing:2px}.login-subtitle{font-family:Sf,sans-serif;font-size:clamp(14px,1.8vw,16px);color:#e0d4c8;margin-bottom:clamp(30px,4vw,40px);text-align:center}.login-form{gap:clamp(22px,3vw,28px)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:clamp(8px,1vw,12px)}.form-label{font-weight:600;color:#fff}.form-input,.form-label{font-family:Sf,sans-serif;font-size:clamp(14px,1.6vw,16px)}.form-input{padding:clamp(14px,1.8vw,18px) clamp(18px,2.2vw,22px);border:none;border-radius:15px;background-color:#f5e6d3;color:#000;transition:all .3s ease}.form-input:focus{outline:none;background-color:#fff;box-shadow:0 0 0 3px rgba(188,207,56,.3)}.form-input::-moz-placeholder{color:#999;font-family:Sf,sans-serif}.form-input::placeholder{color:#999;font-family:Sf,sans-serif}.form-input:disabled{background-color:#e5d5c3;cursor:not-allowed;opacity:.7}.message-box{padding:clamp(14px,1.8vw,18px) clamp(18px,2.2vw,22px);border-radius:15px;font-family:Sf,sans-serif;font-size:clamp(13px,1.5vw,14px);border:2px solid}.message-success{background-color:#bccf38;border-color:#a0b530;color:#2d3a0d}.message-error{background-color:#f20;border-color:#d10;color:#fff}.submit-button{font-family:Sf,sans-serif;font-size:clamp(16px,1.8vw,18px);font-weight:600;padding:clamp(15px,2vw,18px) clamp(24px,3vw,28px);background-color:#5c30ff;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:transform .2s ease;letter-spacing:2px}.submit-button:hover:not(:disabled){transform:scale(1.05)}.submit-button:active:not(:disabled){transform:scale(.98)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.login-links{display:flex;flex-direction:column;gap:clamp(14px,1.8vw,18px);margin-top:clamp(25px,3.5vw,32px);padding-top:clamp(25px,3.5vw,32px);border-top:2px solid hsla(0,0%,100%,.15)}.link-text{font-family:Sf,sans-serif;font-size:clamp(13px,1.5vw,14px);color:#e0d4c8;display:flex;align-items:center;justify-content:center;gap:clamp(4px,.5vw,6px)}.link-highlight{color:#f6bc3f;font-weight:600;text-decoration:none;transition:color .3s ease}.link-highlight:hover{color:#ffd666}.back-link{font-family:Sf,sans-serif;font-size:clamp(13px,1.5vw,14px);color:#e0d4c8;text-decoration:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(6px,.8vw,8px);transition:color .3s ease}.back-link:hover{color:#fff}.back-link svg{width:clamp(14px,1.6vw,16px);height:clamp(14px,1.6vw,16px);flex-shrink:0;display:block}.wave-vector{position:absolute;bottom:0;left:0;width:100%;height:clamp(150px,25vh,300px);z-index:0}@media (max-width:768px){.login-green-rect{left:-15%;top:5%}.login-pink-rect{right:-12%}.login-red-circle{bottom:40%}.login-yellow-rect{bottom:30%}.login-box{padding:clamp(25px,4vw,35px)}}@media (max-width:480px){.login-shape{opacity:.7}.login-green-rect,.login-pink-rect{display:none}}