.hero{background:var(--gradient-primary);color:var(--color-text-inverse);padding:var(--spacing-3xl)0;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80%,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.hero-content{z-index:1;position:relative}.hero-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg);text-shadow:2px 2px 4px #0003}.hero-subtitle{font-size:var(--font-size-lg);opacity:.95;max-width:600px;margin:0 auto var(--spacing-xl);line-height:var(--line-height-relaxed)}.hero-cta{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);background:var(--color-text-inverse);color:var(--color-primary);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);transition:transform var(--transition-base),box-shadow var(--transition-base);display:inline-flex}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}.hero-decoration{opacity:.1;pointer-events:none;border-radius:50%;position:absolute}.hero-decoration-1{background:var(--color-text-inverse);width:200px;height:200px;animation:6s ease-in-out infinite float;top:-50px;left:-50px}.hero-decoration-2{background:var(--color-text-inverse);width:150px;height:150px;animation:5s ease-in-out infinite reverse float;bottom:-30px;right:-30px}.hero-decoration-3{background:var(--color-text-inverse);width:100px;height:100px;animation:7s ease-in-out infinite floatDelayed;top:50%;right:10%}.section-title{text-align:center;color:var(--color-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl);font-weight:var(--font-weight-bold);position:relative}.section-title:after{content:"";background:var(--gradient-primary);width:60px;height:4px;margin:var(--spacing-sm)auto 0;border-radius:var(--radius-full);display:block}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{background:var(--gradient-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature-icon{margin-bottom:var(--spacing-md);font-size:3em;display:inline-block}.feature-card h3{color:var(--color-text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.steps{justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-xl);flex-wrap:wrap;display:flex}.step{text-align:center;min-width:200px;max-width:250px;padding:var(--spacing-lg);flex:1;position:relative}.step-number{background:var(--gradient-primary);width:60px;height:60px;color:var(--color-text-inverse);font-size:1.5em;font-weight:var(--font-weight-bold);margin:0 auto var(--spacing-md);z-index:1;box-shadow:var(--shadow-primary);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.step h4{color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-base)}.step p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.plans-grid{gap:var(--spacing-lg);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.plan-card{border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base);background:var(--color-white);position:relative}.plan-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.plan-card.featured{border-color:var(--color-primary);background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);transform:scale(1.05)}.plan-card.featured:hover{transform:scale(1.05)translateY(-8px)}.plan-badge{background:var(--gradient-primary);color:var(--color-text-inverse);padding:var(--spacing-xs)var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-badge.savings{background:var(--color-success)}.plan-name{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-bold)}.plan-price{color:var(--color-primary);font-size:2em;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.plan-price span{color:var(--color-text-secondary);font-size:.9em;font-weight:var(--font-weight-normal)}.plan-features{margin-bottom:var(--spacing-lg);text-align:right;list-style:none}.plan-features li{padding:var(--spacing-sm)0;color:var(--color-text-secondary);border-bottom:1px solid var(--gray-100);align-items:center;gap:var(--spacing-sm);display:flex}.plan-features li:last-child{border-bottom:none}.plan-features li:before{content:"✓";color:var(--color-success);font-weight:var(--font-weight-bold)}.plan-btn{padding:var(--spacing-md)var(--spacing-xl);background:var(--gradient-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer;width:100%;display:inline-block}.plan-btn:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.payment-section{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-4xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);display:block}.form-input{width:100%;padding:var(--spacing-md);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:var(--font-family);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);text-align:left;direction:ltr}#phone_number{direction:auto;text-align:left}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.form-input.error{border-color:var(--color-error)}.form-input.success{border-color:var(--color-success)}.form-hint{margin-top:var(--spacing-sm);color:var(--color-text-tertiary);font-size:var(--font-size-sm);display:block}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-sm);display:none}.form-error.visible{display:block}.plans{gap:var(--spacing-md);flex-direction:column;display:flex}.plan-option{position:relative}.plan-option input[type=radio]{display:none}.plan-option label{padding:var(--spacing-md)var(--spacing-lg);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);justify-content:space-between;align-items:center;display:flex}.plan-option input[type=radio]:checked+label{border-color:var(--color-primary);background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%)}.plan-name-inline{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.plan-price-inline{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.submit-btn{width:100%;padding:var(--spacing-lg);background:var(--gradient-primary);color:var(--color-text-inverse);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);font-family:var(--font-family);margin-top:var(--spacing-md);border:none;position:relative;overflow:hidden}.submit-btn:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none}.submit-btn.loading{opacity:.7;cursor:wait}.submit-btn.loading .btn-text:before{content:"⏳";margin-left:8px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;margin-bottom:25px;padding:12px 20px;font-weight:500;box-shadow:0 2px 8px #0000001a}.info-banner span{margin:0 5px;display:inline-block}.submit-btn.loading:after{content:"";border:3px solid #ffffff4d;border-top-color:var(--color-text-inverse);border-radius:50%;width:24px;height:24px;margin:-12px 0 0 -12px;animation:.8s linear infinite spinner;position:absolute;top:50%;left:50%}.footer{background:var(--gradient-primary);color:var(--color-text-inverse);padding:var(--spacing-2xl)0;text-align:center}.footer p{margin-bottom:var(--spacing-sm);opacity:.95}.footer a{color:var(--color-text-inverse);text-decoration:underline}.secure-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-full);margin-top:var(--spacing-md);font-size:var(--font-size-sm);background:#fff3;display:inline-flex}.trust-badges{justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl);flex-wrap:wrap;display:flex}.trust-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--gray-100);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;font-family:var(--font-family);border:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse)}.btn-secondary{background:var(--gray-200);color:var(--color-text-primary)}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:var(--color-text-inverse)}.btn-sm{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-lg)var(--spacing-2xl);font-size:var(--font-size-lg)}.card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.card-header{margin-bottom:var(--spacing-md)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.card-description{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.badge{padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-block}.badge-primary{color:var(--color-primary);background:#667eea1a}.badge-success{color:var(--color-success);background:#48bb781a}.badge-warning{color:var(--color-warning);background:#ed89361a}.badge-error{color:var(--color-error);background:#f565651a}.alert{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-md);display:flex}.alert-success{background:var(--color-success-light);color:#276349;border-left:4px solid var(--color-success)}.alert-error{background:var(--color-error-light);color:#9b2c2c;border-left:4px solid var(--color-error)}.alert-warning{background:var(--color-warning-light);color:#9a3412;border-left:4px solid var(--color-warning)}.loading-overlay{z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-overlay.visible{opacity:1;visibility:visible}.loading-spinner{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-xl);text-align:center}.loading-spinner .spinner{border-width:4px;border-color:var(--color-primary);width:48px;height:48px;margin:0 auto var(--spacing-md);border-top-color:#0000}.loading-text{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.phone-error{text-align:center;border-radius:8px;margin-top:15px;padding:10px;font-size:14px}.phone-error:not(.success){color:#c33;background-color:#fee;border:1px solid #fcc}.phone-error.success{color:#3c3;background-color:#efe;border:1px solid #cfc}.form-input.error{background-color:#fff5f5;border-color:#e74c3c}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}