@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);body{font-family:DM Sans,sans-serif}option{color:#000}.signin-3d-root{background:linear-gradient(135deg,#f6f8ff,#fff);box-sizing:border-box;gap:60px;height:100vh;overflow:hidden;padding:20px}.canvas-wrap,.signin-3d-root{align-items:center;display:flex;justify-content:center;position:relative}.canvas-wrap{height:100%;width:50%}.canvas-wrap canvas{height:100%!important;width:100%!important}.speech-bubble{background:#fff;border-radius:16px;box-shadow:0 4px 10px #0000001a;color:#333;font-size:.9rem;font-weight:500;left:50%;padding:10px 16px;position:absolute;top:20%;transform:translateX(-50%);white-space:nowrap}.speech-bubble:after{border:8px solid #0000;border-top-color:#fff;bottom:-8px;content:"";left:40%;position:absolute}.signin-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;gap:18px;padding:40px;width:380px;z-index:5}.title{color:#111;font-size:1.8rem;font-weight:700}.subtitle,.title{text-align:center}.subtitle{color:#666;margin-bottom:10px;margin-top:-10px}.google-cta{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:10px;justify-content:center;padding:10px;transition:all .2s}.google-cta:hover{background:#f9f9f9}.google-icon{height:20px;width:20px}.sep{align-items:center;color:#999;display:flex;font-size:.85rem;justify-content:center}.sep span:after,.sep span:before{background:#ddd;content:"";display:inline-block;height:1px;margin:0 10px;vertical-align:middle;width:35px}.form{display:flex;flex-direction:column;gap:12px}.form label{color:#333;font-weight:600}.req{color:#e63946}.form input{border:1px solid #ccc;border-radius:8px;font-size:.95rem;padding:10px;transition:border-color .2s}.form input:focus{border-color:#7c5dfa;box-shadow:0 0 0 2px #7c5dfa26;outline:none}.password-wrap{align-items:center;display:flex;position:relative}.password-wrap .eye{background:none;border:none;cursor:pointer;font-size:1.2rem;position:absolute;right:10px}.row-between{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.cb input{margin-right:6px}.forgot{color:#7c5dfa;text-decoration:none}.submit{background:#7c5dfa;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:all .25s}.submit:hover{background:#6a48f7}.foot{color:#555;font-size:.85rem;text-align:center}@media (max-width:1024px){.signin-3d-root{flex-direction:column;gap:30px}.canvas-wrap{height:50vh;margin-bottom:-30px;width:100%}.signin-card{max-width:400px;width:90%}.speech-bubble{font-size:.85rem;top:10%}}@media (max-width:600px){.signin-3d-root{flex-direction:column;height:auto;justify-content:flex-start;min-height:100vh;padding-top:40px}.canvas-wrap{height:280px;width:100%}.signin-card{box-shadow:0 6px 20px #0000000f;padding:25px;width:95%}.title{font-size:1.5rem}.subtitle{font-size:.9rem}.speech-bubble{font-size:.8rem;left:50%;top:5%}.submit{font-size:.95rem;padding:10px}}