.referral-container{max-width:1200px;margin:0 auto;padding:1rem}.referral-hero{background-color:#f0f9ff;border-radius:.5rem;padding:2rem;margin-bottom:1.5rem;text-align:center;border:1px solid #e0e7ff}.referral-hero-title{font-size:1.875rem;font-weight:700;color:#1e40af;margin-bottom:.5rem}.referral-hero-subtitle{font-size:1.125rem;color:#4b5563}.prize-draw-timer{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.timer-header{display:flex;align-items:center;margin-bottom:1rem}.timer-icon{color:#f59e0b;margin-right:.5rem;width:24px;height:24px}.timer-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.timer-display{justify-content:center;gap:.5rem}.timer-display,.timer-unit{display:flex;align-items:center}.timer-unit{flex-direction:column;min-width:60px}.timer-value{font-size:1.5rem;font-weight:700;color:#1f2937;background-color:#f3f4f6;border-radius:.25rem;padding:.5rem;min-width:50px;text-align:center}.timer-label{font-size:.75rem;color:#6b7280;margin-top:.25rem}.timer-divider{font-size:1.5rem;font-weight:700;color:#9ca3af}.referral-tabs{margin-bottom:1.5rem}.referral-tabs-list{background-color:#f9fafb;border:1px solid #e5e7eb}.referral-tab{display:flex;align-items:center;font-weight:500;color:#4b5563}.referral-tab[data-state=active]{color:#2563eb;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.referral-tab-content{padding:0}.referral-card{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.1)}.referral-card-title{color:#1f2937;font-size:1.25rem}.referral-code-container{display:flex;align-items:center;justify-content:space-between;background-color:#f3f4f6;border-radius:.375rem;padding:.75rem 1rem;margin-bottom:1.5rem}.referral-code{font-size:1.25rem;font-weight:600;color:#1f2937;letter-spacing:.05em}.referral-actions{display:flex;gap:.5rem}.referral-action-button{background-color:#fff;color:#4b5563;border:1px solid #d1d5db}.referral-action-button:hover{background-color:#f9fafb;color:#1f2937}.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-item{display:flex;align-items:center;padding:1rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.stat-icon{width:24px;height:24px;color:#6b7280;margin-right:.75rem}.stat-icon.completed{color:#10b981}.stat-icon.earned{color:#f59e0b}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.25rem;font-weight:600;color:#1f2937}.stat-label{font-size:.875rem;color:#6b7280}.referral-steps{margin-bottom:1.5rem}.referral-steps-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.referral-step{display:flex;align-items:flex-start;margin-bottom:1rem}.referral-step-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:#e0e7ff;color:#4f46e5;font-weight:600;border-radius:9999px;margin-right:.75rem;flex-shrink:0}.referral-step-content{flex:1}.referral-step-title{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.referral-info,.referral-step-description{font-size:.875rem;color:#6b7280}.referral-info{background-color:#f3f4f6;border-top:1px solid #e5e7eb}.referral-input-group{margin-bottom:1rem}.referral-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem}.referral-submit{width:100%;background-color:#2563eb;color:white;padding:.5rem 1rem;border-radius:.375rem;font-weight:500}.referral-submit:hover{background-color:#1d4ed8}.referral-submit:disabled{background-color:#93c5fd;cursor:not-allowed}.prizes-container{margin-bottom:1.5rem}.prizes-list{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}.prize-item{display:flex;align-items:center;padding:1rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.prize-icon-container{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:#fef3c7;color:#d97706;border-radius:9999px;margin-right:1rem;flex-shrink:0}.prize-icon{width:1.5rem;height:1.5rem}.prize-content h3{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.prize-content p{font-size:.875rem;color:#6b7280}.page-header{margin-bottom:1.5rem}.back-button,.page-header{display:flex;align-items:center}.back-button{padding:.5rem .75rem;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;color:#4b5563;margin-right:1rem}.back-button:hover{background-color:#e5e7eb;color:#1f2937}.page-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}@media (max-width:768px){.referral-stats{grid-template-columns:repeat(1,1fr)}.timer-display{flex-wrap:wrap}.referral-hero{padding:1.5rem 1rem}.referral-hero-title{font-size:1.5rem}.referral-hero-subtitle{font-size:1rem}}@media (min-width:768px){.prizes-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.prizes-list{grid-template-columns:repeat(3,1fr)}}