.motp-container{max-width:400px;margin:50px auto;padding:20px;}
.motp-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);padding:40px 30px;text-align:center;}
.motp-card h2{margin:0 0 10px;color:#333;font-size:24px;}
.motp-step p{color:#666;margin-bottom:20px;}
.motp-step input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;margin-bottom:15px;box-sizing:border-box;}
.motp-step input:focus{outline:none;border-color:#4CAF50;}
.motp-btn{width:100%;padding:14px;background:#b97a22;color:white;border:none;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;}
.motp-btn:hover{background:#a66d1e;}
.motp-btn-secondary{width:100%;padding:12px;background:#f5f5f5;color:#666;border:1px solid #ddd;border-radius:8px;font-size:14px;cursor:pointer;margin-top:10px;}
.motp-btn-secondary:hover{background:#e8e8e8;}
.motp-error{color:#f44336;font-size:14px;margin-top:10px;min-height:20px;}
.motp-success{background:#4CAF50;color:white;padding:15px;border-radius:8px;text-align:center;font-weight:bold;}
.motp-loading{text-align:center;}
.motp-spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 15px;}
@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}