*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:#f8fafc;color:#334155;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem}.icon{width:2rem;height:2rem;color:#2563eb}.explanation{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #93c5fd;border-radius:0.75rem;padding:1.5rem;margin-bottom:2rem}.explanation h2{font-size:1.5rem;font-weight:600;color:#1e40af;margin-bottom:0.75rem}.explanation p{color:#1e40af;margin-bottom:0.75rem}.explanation p:last-child{margin-bottom:0}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.input-section{background:#f1f5f9;border-radius:0.75rem;padding:1.5rem}.section-title{font-size:1.4rem;font-weight:600;color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.plan-input{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #e2e8f0}.plan-input:last-child{border-bottom:none}.plan-info h3{font-weight:500;font-size:1.125rem;color:#1e293b;margin-bottom:0.25rem}.plan-price{font-size:0.875rem;color:#64748b}.plan-input input{width:5rem;padding:0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:0.375rem;font-size:1.25rem;text-align:center}.plan-input input:focus{outline:none;border-color:#0095ff;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.commission-note{text-align:center;margin-top:1rem;font-size:1rem;color:#64748b}.results-section{display:flex;flex-direction:column;gap:1.5rem}.earnings-card{background:linear-gradient(135deg,rgb(58,110,128) 0%,#0095ff 100%);border-radius:0.75rem;padding:1.5rem;color:white}.earnings-grid{display:grid;grid-template-columns:1fr;gap:1rem}.earning-item{background:rgba(255,255,255,0.1);border-radius:0.5rem;padding:1rem;text-align:center}.earning-amount{font-size:2rem;font-weight:bold;margin-bottom:0.25rem}.earning-label{color:#bfdbfe;font-size:1.25rem}.success-message{background:#dcfce7;border:1px solid #bbf7d0;border-radius:0.75rem;padding:1rem;display:none}.success-message.show{display:block}.success-message h3{font-weight:600;color:#166534;margin-bottom:0.5rem}.success-message p{color:#166534;font-size:1rem}.commission-details{background:#f1f5f9;border-radius:0.75rem;padding:1.5rem;margin-top:2rem}.commission-details h3{font-size:1.4rem;font-weight:600;color:#1e293b;margin-bottom:0.75rem}.commission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.commission-item{text-align:center}.commission-plan{font-size:1.125rem;font-weight:600;color:#0095ff;margin-bottom:0.25rem}.commission-calc{font-size:1.15rem;color:#64748b}@media (max-width:768px){.main-content{grid-template-columns:1fr}.commission-grid{grid-template-columns:1fr}.container{padding:1rem}}.referral-calc-title{font-family:"Montserrat";font-style:normal;font-weight:700;font-size:35px;line-height:52px;text-align:center;color:#212121;margin:40px auto}