.referral-page{padding:40px 20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;display:flex;justify-content:center}.referral-container{width:100%;max-width:1400px}.form-header{text-align:center;margin-bottom:60px}.form-header h1{font-size:4.5rem;color:var(--color-primary-dark, #1E3A8A);font-weight:900;margin-bottom:24px;letter-spacing:-2px}@media (max-width: 1024px){.form-header h1{font-size:3.5rem}}@media (max-width: 768px){.form-header h1{font-size:2.8rem;letter-spacing:-1px}}@media (max-width: 480px){.form-header h1{font-size:2.2rem}}.form-header p{color:#4a5568;font-size:1.4rem;max-width:900px;margin:0 auto}.card{background:#fff;padding:80px;border-radius:32px;box-shadow:0 20px 50px #0000000f}@media (max-width: 1024px){.card{padding:50px}}@media (max-width: 768px){.card{padding:40px 30px;border-radius:24px}}@media (max-width: 480px){.card{padding:30px 20px;border-radius:20px}}.form-section{margin-bottom:70px;padding-bottom:50px;border-bottom:1px solid #edf2f7;position:relative}.form-section:last-of-type{border-bottom:none;margin-bottom:30px}.section-title-wrapper{display:flex;align-items:center;gap:20px;margin-bottom:25px}.section-badge{width:48px;height:48px;background:var(--color-primary, #3B82F6);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.4rem;box-shadow:0 4px 12px #3b82f64d;flex-shrink:0}.form-section h2{font-size:2.2rem;color:#1a202c;margin:0;font-weight:850}@media (max-width: 768px){.section-badge{width:40px;height:40px;font-size:1.2rem;border-radius:10px}.form-section h2{font-size:1.8rem}}@media (max-width: 480px){.section-badge{width:36px;height:36px;font-size:1.1rem}.form-section h2{font-size:1.5rem}}.section-desc{color:#718096;font-size:1.1rem;margin-bottom:30px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:600;color:#4a5568}.form-group input,.form-group select,.form-group textarea{width:100%;padding:18px 20px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:1.1rem;transition:all .2s ease;background-color:#fcfcfc}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary, #3B82F6);outline:none;box-shadow:0 0 0 4px #3b82f61a;background-color:#fff}.sub-label{font-size:.95rem;color:#718096;margin-bottom:8px;line-height:1.4}.checkbox-group{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:15px!important;padding:24px;background:#f0f7ff;border:1px solid #cce3ff;border-radius:12px;margin-top:40px}.checkbox-group input[type=checkbox]{width:24px!important;height:24px!important;margin:0!important;cursor:pointer;flex-shrink:0}.checkbox-group label{font-weight:600!important;color:#1e40af!important;font-size:1.05rem;line-height:1.5;cursor:pointer;margin:0!important;display:inline-block!important}.form-actions{margin-top:60px;display:flex;justify-content:center}.btn-lg{padding:14px 40px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;box-shadow:0 4px 12px #3b82f633;width:auto}@media (max-width: 640px){.btn-lg{width:100%;padding:16px 20px}.form-actions{margin-top:40px}}.btn-lg:hover{transform:translateY(-2px);box-shadow:0 6px 15px #3b82f64d}.message-container{padding:20px;border-radius:10px;margin-bottom:20px;display:none}.message-success{background:#f0fff4;color:#2f855a;border:1px solid #c6f6d5}.message-error{background:#fff5f5;color:#c53030;border:1px solid #fed7d7}