.referral-page{background-color:var(--white);min-height:100vh;padding-top:100px;padding-bottom:80px}.referral-container{max-width:900px;margin:0 auto;padding:0 24px}.referral-header{text-align:center;margin-bottom:48px}.referral-header h1{font-family:var(--font-display);color:var(--black);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:16px;font-size:48px;font-weight:800}.referral-intro{color:var(--black);text-align:left;max-width:800px;font-size:14px;line-height:1.6}.referral-section{margin-bottom:40px}.referral-section-title{font-family:var(--font-display);text-transform:uppercase;color:var(--black);letter-spacing:.02em;margin-bottom:24px;padding-bottom:0;font-size:20px;font-weight:800}.referral-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.referral-grid.full-width{grid-template-columns:1fr}.referral-grid.four-cols{grid-template-columns:1fr 2fr 1fr}.form-group{flex-direction:column;display:flex}.form-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--orange);margin-bottom:8px;font-size:12px;font-weight:700}.form-label span{color:#ff4d4d}.form-input,.form-select,.form-textarea{width:100%;font-family:var(--font-body);color:var(--black);background:#fcfcfc;border:1px solid #eee;border-radius:12px;padding:16px;font-size:15px;transition:all .25s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--orange);background:#fff;outline:none;box-shadow:0 0 0 4px #ed6c1514}.form-input::placeholder,.form-textarea::placeholder{color:#999}.form-textarea{resize:vertical;min-height:120px}.form-file{width:100%;font-family:var(--font-body);color:var(--grey-text);cursor:pointer;background:#fcfcfc;border:1px solid #eee;border-radius:12px;padding:14px 16px;font-size:14px;transition:all .25s}.form-file:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 4px #ed6c1514}.referral-submit{background:var(--orange);width:fit-content;color:var(--white);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:32px auto 0;padding:14px 32px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.referral-submit:hover{background:#d35c0c;transform:translateY(-1px)}@media (max-width:768px){.referral-grid,.referral-grid.four-cols{grid-template-columns:1fr}}.referral-alert{font-family:var(--font-body);border-radius:6px;align-items:center;gap:12px;margin-bottom:32px;padding:16px;font-size:14px;line-height:1.5;display:flex}.referral-alert--success{color:#2e7d32;background-color:#e8f5e9;border:1px solid #c8e6c9}.referral-alert--error{color:#c62828;background-color:#ffebee;border:1px solid #ffcdd2}.referral-spinner{border:2px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite referral-spin;display:inline-block}@keyframes referral-spin{to{transform:rotate(360deg)}}.referral-success-card{text-align:center;background:#fff;border:1px solid #eee;border-radius:16px;max-width:600px;margin:40px auto;padding:48px 32px;animation:.5s cubic-bezier(.16,1,.3,1) fadeUp;box-shadow:0 10px 30px #0000000a}.success-icon-wrapper{color:#2e7d32;background-color:#e8f5e9;border:2px solid #c8e6c9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.referral-success-card h2{font-family:var(--font-display);color:var(--black);letter-spacing:-.01em;margin-bottom:12px;font-size:28px;font-weight:800}.success-message{font-family:var(--font-body);color:var(--grey-text);margin-bottom:32px;font-size:16px;line-height:1.6}.referral-reset-btn{background:var(--black);color:var(--white);border:2px solid var(--black);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border-radius:12px;padding:16px 36px;font-size:13px;font-weight:800;transition:all .25s}.referral-reset-btn:hover{color:var(--black);background:0 0}