* {
            font-family: 'Inter', sans-serif;
        }
        
        .logo-font {
            font-family: 'Playfair Display', serif;
        }
        
        .primary-gradient {
            background: linear-gradient(135deg, #10B981 0%, #059669 30%, #047857 70%, #064E3B 100%);
        }
        
        .dark-gradient {
            background: linear-gradient(135deg, #1A1A1A 0%, #0F2027 30%, #2C5364 70%, #203A43 100%);
        }
        
        .accent-gradient {
            background: linear-gradient(135deg, #10B981 0%, #059669 50%, #047857 100%);
        }
        
        .premium-gradient {
            background: linear-gradient(135deg, #10B981 0%, #F59E0B 25%, #EF4444 50%, #8B5CF6 75%, #10B981 100%);
        }
        
        .glass-effect {
            background: rgba(16, 185, 129, 0.08);
            backdrop-filter: blur(25px);
            border: 1px solid rgba(16, 185, 129, 0.25);
        }
        
        .card-hover {
            transition: all 0.4s ease;
            border: 1px solid rgba(16, 185, 129, 0.3);
            background: rgba(15, 32, 39, 0.6);
        }
        
        .card-hover:hover {
            transform: translateY(-8px);
            box-shadow: 0 25px 50px rgba(16, 185, 129, 0.4);
            border-color: rgba(16, 185, 129, 0.8);
            background: rgba(15, 32, 39, 0.8);
        }
        
        .glow-pulse {
            animation: nelsGlowPulse 2.5s infinite;
        }
        
        @keyframes nelsGlowPulse {
            0%, 100% { 
                box-shadow: 0 0 30px rgba(16, 185, 129, 0.6);
                opacity: 1; 
            }
            50% { 
                box-shadow: 0 0 50px rgba(16, 185, 129, 0.9);
                opacity: 0.9; 
            }
        }
        
        .premium-float {
            animation: premiumFloat 6s ease-in-out infinite;
        }
        
        @keyframes premiumFloat {
            0%, 100% { transform: translateY(0px) rotateY(0deg); }
            33% { transform: translateY(-20px) rotateY(-3deg); }
            66% { transform: translateY(20px) rotateY(3deg); }
        }
        
        .modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.95);
            backdrop-filter: blur(15px);
            animation: modalFadeIn 0.4s ease-out;
        }
        
        .modal-content {
            background: linear-gradient(135deg, #1A1A1A 0%, #0F2027 50%, #2C5364 100%);
            margin: 0;
            padding: 0;
            border-radius: 30px;
            width: 90%;
            max-width: 950px;
            max-height: 90vh;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            box-shadow: 0 40px 80px rgba(16, 185, 129, 0.4);
            border: 2px solid rgba(16, 185, 129, 0.5);
            animation: modalSlideIn 0.5s ease-out;
            overflow: hidden;
        }
        
        @keyframes modalFadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes modalSlideIn {
            from { 
                opacity: 0;
                transform: translate(-50%, -65%);
                scale: 0.8;
            }
            to { 
                opacity: 1;
                transform: translate(-50%, -50%);
                scale: 1;
            }
        }
        
        .modal-header {
            background: linear-gradient(135deg, #10B981 0%, #059669 50%, #047857 100%);
            color: white;
            padding: 35px;
            position: relative;
            overflow: hidden;
        }
        
        .modal-header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="premiumpattern" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="2" fill="white" opacity="0.1"/><path d="M 20 0 L 0 0 0 20" fill="none" stroke="white" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23premiumpattern)"/></svg>');
            opacity: 0.3;
        }
        
        .modal-body {
            padding: 45px;
            max-height: 65vh;
            overflow-y: auto;
            position: relative;
            color: #e5e7eb;
        }
        
        .modal-body::-webkit-scrollbar {
            width: 14px;
        }
        
        .modal-body::-webkit-scrollbar-track {
            background: #0F2027;
            border-radius: 7px;
        }
        
        .modal-body::-webkit-scrollbar-thumb {
            background: linear-gradient(135deg, #10B981 0%, #059669 100%);
            border-radius: 7px;
        }
        
        .close {
            position: absolute;
            top: 25px;
            right: 30px;
            font-size: 30px;
            font-weight: bold;
            color: white;
            cursor: pointer;
            z-index: 10;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: rgba(255,255,255,0.15);
            backdrop-filter: blur(12px);
            transition: all 0.4s ease;
            border: none;
            outline: none;
        }
        
        .close:hover {
            background: rgba(255,255,255,0.25);
            transform: rotate(90deg) scale(1.15);
        }
        
        .close:focus {
            outline: 2px solid rgba(16, 185, 129, 0.6);
        }
        
        .section-header {
            border-left: 4px solid #10B981;
            padding-left: 25px;
            margin: 35px 0 20px 0;
            background: linear-gradient(90deg, rgba(16, 185, 129, 0.15) 0%, transparent 100%);
            padding: 18px 0 18px 25px;
            border-radius: 0 18px 18px 0;
        }
        
        .highlight-box {
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.12) 0%, rgba(5, 150, 105, 0.12) 100%);
            border: 1px solid rgba(16, 185, 129, 0.35);
            border-radius: 25px;
            padding: 30px;
            margin: 30px 0;
            position: relative;
            overflow: hidden;
        }
        
        .highlight-box::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 5px;
            height: 100%;
            background: linear-gradient(135deg, #10B981 0%, #059669 100%);
        }
        
        .contact-info {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 18px;
            margin-top: 25px;
        }
        
        .contact-item {
            background: rgba(16, 185, 129, 0.06);
            padding: 25px;
            border-radius: 18px;
            border: 1px solid rgba(16, 185, 129, 0.35);
            display: flex;
            align-items: center;
            transition: all 0.4s ease;
        }
        
        .contact-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 35px rgba(16, 185, 129, 0.4);
            border-color: rgba(16, 185, 129, 0.8);
        }
        
        .contact-icon {
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, #10B981 0%, #059669 100%);
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 18px;
            color: white;
        }
        
        .cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(135deg, #1A1A1A 0%, #0F2027 100%);
            color: white;
            padding: 25px;
            z-index: 999;
            display: none;
            border-top: 2px solid rgba(16, 185, 129, 0.6);
        }
        
        .disclaimer-banner {
            background: linear-gradient(90deg, #D97706, #F59E0B);
            color: white;
            padding: 15px 0;
            text-align: center;
            font-weight: 600;
        }
        
        .form-input {
            width: 100%;
            padding: 18px;
            border: 2px solid rgba(16, 185, 129, 0.35);
            border-radius: 15px;
            font-size: 16px;
            transition: all 0.4s ease;
            background: rgba(16, 185, 129, 0.06);
            color: white;
        }
        
        .form-input:focus {
            outline: none;
            border-color: #10B981;
            box-shadow: 0 0 25px rgba(16, 185, 129, 0.4);
            background: rgba(16, 185, 129, 0.12);
        }
        
        .form-input::placeholder {
            color: rgba(255, 255, 255, 0.65);
        }
        
        .order-modal {
            display: none;
            position: fixed;
            z-index: 1001;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.95);
            backdrop-filter: blur(15px);
            overflow-y: auto;
        }
        
        .order-modal-content {
            background: linear-gradient(135deg, #1A1A1A 0%, #0F2027 50%, #2C5364 100%);
            margin: 25px auto;
            padding: 0;
            border-radius: 30px;
            width: 90%;
            max-width: 650px;
            box-shadow: 0 40px 80px rgba(16, 185, 129, 0.5);
            border: 2px solid rgba(16, 185, 129, 0.5);
            position: relative;
        }
        
        .product-header {
            background: linear-gradient(135deg, #10B981 0%, #059669 50%, #047857 100%);
            color: white;
            padding: 35px;
            border-radius: 30px 30px 0 0;
        }
        
        .billing-section {
            padding: 35px;
            color: #e5e7eb;
        }
        
        .price-tag {
            font-size: 58px;
            font-weight: bold;
            text-align: center;
            margin: 25px 0;
            background: linear-gradient(135deg, #10B981 0%, #059669 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .processing-overlay {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(26, 26, 26, 0.96) 0%, rgba(15, 32, 39, 0.96) 100%);
            border-radius: 30px;
            z-index: 10;
        }
        
        .success-message {
            display: none;
            text-align: center;
            padding: 45px;
            color: #e5e7eb;
        }
        
        .loader {
            border: 4px solid rgba(16, 185, 129, 0.35);
            border-top: 4px solid #10B981;
            border-radius: 50%;
            width: 80px;
            height: 80px;
            animation: premiumSpin 1s linear infinite;
            margin: 0 auto 25px;
        }
        
        @keyframes premiumSpin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        .success-logo {
            width: 140px;
            height: 140px;
            background: linear-gradient(135deg, #10B981 0%, #059669 100%);
            border-radius: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 35px;
            animation: premiumBounce 0.9s ease-out;
            box-shadow: 0 0 50px rgba(16, 185, 129, 0.6);
        }
        
        @keyframes premiumBounce {
            0% { transform: scale(0.2); opacity: 0; }
            50% { transform: scale(1.15); }
            70% { transform: scale(0.95); }
            100% { transform: scale(1); opacity: 1; }
        }
        
        .checkmark {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: #10B981;
            position: relative;
            margin: 0 auto 35px;
            animation: checkmark-pop 0.7s ease-out 0.4s both;
            box-shadow: 0 0 30px rgba(16, 185, 129, 0.7);
        }
        
        .checkmark::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 35px;
            height: 20px;
            border: 3px solid white;
            border-top: none;
            border-right: none;
            transform: translate(-50%, -65%) rotate(-45deg);
            animation: checkmark-draw 0.4s ease-out 0.7s both;
        }
        
        @keyframes checkmark-pop {
            0% { transform: scale(0); }
            100% { transform: scale(1); }
        }
        
        @keyframes checkmark-draw {
            0% { width: 0; height: 0; }
            100% { width: 35px; height: 20px; }
        }
        
        .glow-text {
            text-shadow: 0 0 15px rgba(16, 185, 129, 0.9);
        }
        
        .premium-button {
            background: linear-gradient(135deg, #10B981 0%, #059669 50%, #047857 100%);
            border: none;
            color: white;
            font-weight: 600;
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
        }
        
        .premium-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(16, 185, 129, 0.5);
        }
        
        .premium-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
            transition: left 0.6s;
        }
        
        .premium-button:hover::before {
            left: 100%;
        }
        
        .neon-border {
            border: 2px solid #10B981;
            box-shadow: 0 0 20px rgba(16, 185, 129, 0.5), inset 0 0 20px rgba(16, 185, 129, 0.1);
        }
        
        .premium-glow {
            background: radial-gradient(circle at center, rgba(16, 185, 129, 0.3) 0%, transparent 70%);
        }
        
        .holographic-effect {
            background: linear-gradient(45deg, #10B981, #059669, #047857, #064E3B, #10B981);
            background-size: 400% 400%;
            animation: holographicShift 4s ease infinite;
        }
        
        @keyframes holographicShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        
        .elite-grid {
            background-image: 
                linear-gradient(rgba(16, 185, 129, 0.1) 1px, transparent 1px),
                linear-gradient(90deg, rgba(16, 185, 129, 0.1) 1px, transparent 1px);
            background-size: 50px 50px;
        }
        
        .premium-text {
            background: linear-gradient(135deg, #10B981 0%, #059669 50%, #047857 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }