body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.card-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;justify-content:center}.logo-icon{width:100px;height:100px}.welcome-text{text-align:center;margin-top:6px}.small{color:#6e6b6f;font-size:16px;margin-bottom:8px}.brand{font-size:44px;color:#c93cff;font-weight:700;letter-spacing:.6px}.form{width:30%;display:flex;flex-direction:column;gap:18px;margin-top:6px;padding:12px 0 30px}.phone-input-wrap{display:flex;align-items:center;gap:12px;background:#e8e2ee;border-radius:12px;padding:12px 14px;box-shadow:0 10px 30px #6432a00f,inset 0 4px 12px #fff9;border:1px solid rgba(12,10,35,.03)}.country{font-weight:600;color:#4b4b52;margin-left:4px}.phone-input{border:0;background:transparent;outline:none;font-size:16px;color:#222;width:100%}.btn-cta{width:100%;border:0;padding:18px 20px;border-radius:12px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(45deg,#7c2486,#c128b4 40%,#ff1dec);box-shadow:0 20px 40px #6b18c62e,0 8px 20px #6b18c61f;cursor:pointer;transition:transform .08s ease,box-shadow .12s ease}.btn-cta:hover{transform:translateY(1px);box-shadow:0 10px 28px #6b18c62e}@media(max-width:420px){.logo-outer{width:150px;height:150px;border-radius:24px}.brand{font-size:36px}}.neumorphic-base{background:#e5e8f2;border-radius:20px;display:inline-block}.neumorphic-convex{box-shadow:8px 8px 16px #b4b4c8cc,-8px -8px 16px #fffc}.neumorphic-concave{box-shadow:inset 8px 8px 16px #b4b4c8cc,inset -8px -8px 16px #fffc}.otp-card{width:100%;padding:28px 18px 56px;display:flex;flex-direction:column;align-items:center;gap:18px}.otp-title{font-size:40px;margin:8px 0 0;color:#666;font-weight:700;text-align:center}.otp-sub{color:#9b98a2;text-align:center;margin:0 0 8px}.phone-highlight{color:#9b2bdf;font-weight:700}.otp-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:10px}.otp-row{display:flex;gap:12px;justify-content:center;margin-bottom:4px}.otp-box{width:58px;height:58px;border-radius:12px;border:2px solid rgba(153,150,161,.22);background:#ece7f4;text-align:center;font-size:26px;font-weight:600;color:#2b2b2b;box-shadow:0 14px 30px #632a9d0f,inset 0 4px 10px #fff9}.otp-box:focus{outline:none;border-color:#7f2adf;box-shadow:0 8px 28px #7d21d224}.otp-verify{width:100%;max-width:420px;border-radius:12px;padding:16px;border:0;background:linear-gradient(45deg,#7c2486,#c128b4 40%,#ff1dec);color:#fff;font-weight:700;box-shadow:0 20px 40px #6b18c62e}.resend-area{margin-top:8px;min-height:28px;display:flex;align-items:center;justify-content:center;width:100%}.resend{color:#8f8b93;font-size:14px;margin:0}.fail-resend{display:flex;flex-direction:row;align-items:center;gap:10px}.resend-text{color:#6b18c6;font-weight:700;font-size:medium}.btn-resend{background:#6b18c6;border:none;color:#fff;cursor:pointer;font-weight:700;transition:transform .08s ease,opacity .12s ease;font-size:medium;padding:10px;border-radius:10px;box-shadow:2px 20px 40px #6b18c62e}.btn-resend:hover{transform:translateY(-1px);opacity:.95}.btn-resend:active{transform:translateY(0)}.link-btn{background:transparent;border:0;color:#8f8b93;font-weight:600;cursor:pointer;margin-top:4px;text-decoration:underline}@media(max-width:420px){.otp-box{width:52px;height:52px;font-size:22px}.otp-title{font-size:34px}}