.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex-grow:1}.header{background:linear-gradient(135deg,#1b5e20,#2e7d32);color:#fff;text-align:center;padding:30px 20px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;align-items:center;gap:15px}.header-brand h1{margin:0;font-size:clamp(28px,6vw,42px);font-weight:800;letter-spacing:-.5px}.brand-link{text-decoration:none;color:#fff}.header-brand p{margin:5px 0 0;font-size:clamp(15px,2vw,18px);opacity:.9;font-weight:300}.header-nav{display:flex;gap:15px;margin-top:10px}.nav-link{text-decoration:none;color:#fff;font-weight:500;padding:8px 16px;border-radius:20px;transition:all .3s ease}.nav-link:hover{background:#ffffff1a}.nav-link.btn-outline{border:1px solid rgba(255,255,255,.5)}.nav-link.btn-outline:hover{background:#fff;color:#2e7d32}.nav-link.btn-solid{background:#fff;color:#2e7d32;box-shadow:0 4px 10px #0000001a}.nav-link.btn-solid:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0003}.footer{background:#1b5e20;color:#fff;text-align:center;padding:20px;width:100%;font-size:14px;margin-top:auto}.required{color:#e53935;font-weight:700;margin-left:3px}.container{max-width:500px;width:90%;margin:40px auto;background:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 30px #0000001a;box-sizing:border-box}.container h2{margin-top:0;color:#2e7d32;font-size:24px;margin-bottom:25px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}label{display:block;font-weight:600;margin-bottom:5px;color:#333}input,select,textarea{width:100%;padding:12px;margin-bottom:20px;border:1.5px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;transition:border-color .3s}input:focus,select:focus,textarea:focus{outline:none;border-color:#2e7d32}input:disabled{background-color:#f5f5f5;cursor:not-allowed}.price-info{background:#e8f5e9;color:#2e7d32;padding:10px;border-radius:6px;margin-bottom:20px;font-weight:700;text-align:center}.disclaimer{font-size:13px;color:#666;font-style:italic;margin-bottom:20px;text-align:center}button{width:100%;background:#2e7d32;color:#fff;border:none;padding:14px;border-radius:8px;cursor:pointer;font-size:18px;font-weight:700;transition:background .3s,transform .1s}button:hover{background:#1b5e20}button:active{transform:scale(.98)}.phoneRow{display:flex;gap:10px;align-items:flex-start;margin-bottom:20px}.phoneRow input{margin-bottom:0;flex:1}.otpBtn{width:auto;white-space:nowrap;padding:12px 15px;font-size:14px}.otpSection{background:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #2e7d32}.verifyBtn{background:#1b5e20}.success{color:#2e7d32;font-weight:700;text-align:center;margin-bottom:15px}.info{font-size:14px;color:#666;margin-bottom:20px}@media(max-width:480px){.container{padding:20px;margin:20px auto}.header{padding:30px 15px}.phoneRow{flex-direction:column;gap:5px}.phoneRow input,.otpBtn{width:100%}}.auth-card{background:#ffffffe6;padding:40px;border-radius:16px;box-shadow:0 10px 40px #00000014;width:100%;max-width:400px;margin:60px auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);box-sizing:border-box}.auth-title{color:#1b5e20;margin:0;font-size:28px;font-weight:700;text-align:center}.auth-subtitle{color:#666;text-align:center;margin:10px 0 30px;font-size:14px}.form-group label{font-size:14px;color:#444}.btn-primary{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;font-weight:700;font-size:16px;box-shadow:0 4px 15px #2e7d324d}.btn-primary:hover{background:linear-gradient(135deg,#1b5e20,#174d1a);box-shadow:0 6px 20px #2e7d3266}.full-width{width:100%;margin-top:10px}.auth-footer{text-align:center;margin-top:25px;font-size:14px;color:#666}.auth-link{color:#2e7d32;font-weight:700;text-decoration:none;margin-left:5px;transition:color .2s}.auth-link:hover{color:#1b5e20;text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;text-align:center;max-width:400px;width:90%;box-shadow:0 10px 30px #0003}.modal-content h3{margin-top:0;color:#2e7d32;font-size:22px}.modal-content p{color:#555;margin-bottom:25px;font-size:16px}.modal-actions{display:flex;flex-direction:column;gap:10px}.modal-actions button{margin:0}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover{background:#d0d0d0}
