.page-header{margin:4rem 0}.page-header h1{margin-bottom:1rem;font-size:3rem}.page-subtitle{color:var(--color-text-secondary);font-size:1.25rem}.services-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding-bottom:5rem;display:grid}.service-card{padding:var(--spacing-2xl) var(--spacing-xl);transition:all var(--transition-normal);background:#0f172a73;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;display:flex;position:relative;box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff0d;overflow:visible!important}.service-card:hover{background:#14203a80;border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a}.service-card.popular{border-color:var(--color-primary)!important;box-shadow:0 0 30px var(--color-primary-glow), inset 0 1px 0 #ffffff1a!important}.popular-badge{background:var(--color-primary);color:var(--color-bg-deep);border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:700;position:absolute;top:-15px;right:20px;box-shadow:0 4px 10px #19c5c766}.service-icon{color:var(--color-primary);margin-bottom:var(--spacing-lg)}.service-card h3{color:var(--color-text-primary);font-size:1.5rem}.service-desc{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);height:auto;min-height:48px;font-size:.95rem;line-height:1.6}.service-price{color:var(--color-primary);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--glass-border);padding-bottom:var(--spacing-md);font-size:1.75rem;font-weight:700}.service-price span{color:var(--color-text-secondary);font-size:.85rem;font-weight:400}.service-features{margin-bottom:var(--spacing-xl);flex-grow:1;list-style:none}.service-features li{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);padding-left:var(--spacing-lg);transition:color var(--transition-fast);position:relative}.service-card:hover .service-features li{color:var(--color-text-primary)}.service-features li:before{content:"✓";color:var(--color-primary);font-weight:700;position:absolute;left:0}.w-100{width:100%}.text-center{text-align:center}@media (width<=768px){.page-header{text-align:center;margin:40px 20px}.page-header h1{font-size:clamp(32px,10vw,48px)}.services-grid{grid-template-columns:1fr;padding:0 20px 40px}.process-steps{flex-direction:column;gap:0;margin-top:32px}.process-steps:before{display:none}.process-step{text-align:left;border-bottom:1px solid #ffffff0f;align-items:flex-start;gap:16px;padding:20px 0;display:flex}.step-circle{flex-shrink:0;width:48px;height:48px;margin:0;font-size:20px}.step-name{margin-top:4px;margin-bottom:4px;font-size:18px}.step-detail{font-size:14px}}.service-card.popular{background:linear-gradient(135deg,#1a5cff1a,#00c2ff0d);border-color:#00c2ff80}.service-card.premium{background:linear-gradient(135deg,#9333ea1a,#c084fc0d);border-color:#a855f780;box-shadow:0 0 20px #a855f726}.service-card.premium .service-icon,.service-card.premium .service-price,.service-card.premium .service-features li:before{color:#c084fc}.service-card.vip{background:linear-gradient(135deg,#eab3081a,#facc150d);border-color:#eab30880;box-shadow:0 0 20px #eab30826}.service-card.vip .service-icon,.service-card.vip .service-price,.service-card.vip .service-features li:before{color:#facc15}.process-steps{gap:0;margin-top:60px;display:flex;position:relative}.process-steps:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));z-index:0;height:2px;position:absolute;top:36px;left:0;right:0}.process-step{text-align:center;z-index:1;transition:transform var(--transition-normal);flex:1;position:relative}.process-step:hover{transform:translateY(-5px)}.step-circle{background:var(--color-bg-deep);border:2px solid var(--color-primary);width:72px;height:72px;color:var(--color-primary-hover);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-family:Bebas Neue,sans-serif;font-size:24px;display:flex;position:relative}.process-step:hover .step-circle{border-color:var(--color-accent);color:var(--color-white);box-shadow:0 0 15px #00d2ff66}.step-circle:before{content:"";transition:all var(--transition-normal);border:1px solid #1a5cff33;border-radius:50%;position:absolute;inset:-6px}.process-step:hover .step-circle:before{border-color:var(--color-accent);inset:-8px}.step-name{color:var(--color-text-primary);margin-bottom:10px;font-size:20px;font-weight:700}.step-detail{color:var(--color-text-secondary);font-size:16px;line-height:1.5}
