:root{--brand:#da6001;--brand-dark:#b34e00;}
        body{background:#f5f7fb;min-height:100vh;}
        .reg-wrap{max-width:820px;margin:0 auto;padding:28px 16px 60px;}
        .reg-logo{text-align:center;padding:24px 0 16px;}
        .reg-logo img{width:150px;}
        .reg-logo p{color:rgba(0,0,0,.5);font-size:13px;margin-top:8px;}

        /* Step indicator */
        .steps{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:28px;}
        .step{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(0,0,0,.4);}
        .step.done{color:#da6001;}
        .step.active{color:#da6001;}
        .step .num{width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0;}
        .step.active .num{background:var(--brand);color:#fff;}
        .step.done .num{background:#da6001;}
        .step-line{width:40px;height:2px;background:rgba(0,0,0,.15);margin:0 6px;}
        .step-line.done{background:#da6001;}

        /* Card */
        .glass{background:rgba(255,255,255,.97);border-radius:16px;padding:36px 38px;box-shadow: 0 4px 20px rgba(0,0,0,.08);}
        .sec-title{font-size:13px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.8px;margin:22px 0 12px;padding-bottom:5px;border-bottom:2px solid #fce8dc;}

        /* Plan grid */
        .plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;}
        .plan-card{border:2px solid #e5e5e5;border-radius:12px;padding:16px 14px;cursor:pointer;transition:all .2s;position:relative;text-align:center;}
        .plan-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 6px 20px rgba(218,96,1,.15);}
        .plan-card.sel{border-color:var(--brand);background:#fff8f4;box-shadow:0 0 0 4px rgba(218,96,1,.1);}
        .plan-card input{display:none;}
        .plan-chk{position:absolute;top:8px;right:8px;color:var(--brand);font-size:18px;display:none;}
        .plan-card.sel .plan-chk{display:block;}
        .plan-price{font-size:20px;font-weight:800;color:var(--brand);}

        /* OTP boxes */
        .otp-row{display:flex;gap:8px;justify-content:center;margin:12px 0;}
        .otp-row input{width:46px;height:50px;font-size:22px;font-weight:700;text-align:center;border:2px solid #ddd;border-radius:8px;}
        .otp-row input:focus{border-color:var(--brand);outline:none;}

        /* Terms box */
        .terms-scroll{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:16px;max-height:150px;overflow-y:auto;font-size:12px;color:#555;line-height:1.6;margin-bottom:10px;}

        /* Button */
        .btn-reg{background:linear-gradient(135deg,var(--brand),var(--brand-dark));border:none;color:#fff;font-weight:700;font-size:15px;padding:14px;border-radius:10px;width:100%;}
        .btn-reg:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(218,96,1,.35);}

        /* Verify section */
        .verify-box{border:2px solid #e5e5e5;border-radius:12px;padding:20px;margin-bottom:16px;}
        .verify-box.done-box{border-color:#28a745;background:#f0fff4;}
        .verify-title{font-size:14px;font-weight:700;margin-bottom:12px;}
        .tick{color:#28a745;font-size:20px;}

        /* Success screen */
        .success-screen{text-align:center;padding:40px 20px;}
        .success-screen .big-icon{font-size:64px;}

        .form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(218,96,1,.1);}
        label{font-size:13px;font-weight:600;color:#444;}
        @media(max-width:600px){.plan-grid{grid-template-columns:1fr;}.glass{padding:24px 18px;}}