*{margin:0;padding:0;box-sizing:border-box}

        :root{
            --blue-deep:#0a1e3d;
            --blue-mid:#133a6e;
            --blue-bright:#1d5cbf;
            --blue-accent:#2878e0;
            --red:#e63946;
            --red-hover:#ff4d5a;
            --orange:#f58a22;
            --orange-hover:#ffaa44;
            --gold:#ffd566;
            --white:#ffffff;
            --gray-light:#f4f6f9;
            --text-dark:#1a1a2e;
            --text-body:#3d3d5c;
            --shadow:0 12px 40px rgba(0,0,0,.25);
            --shadow-sm:0 4px 15px rgba(0,0,0,.15);
        }

        html{scroll-behavior:smooth}

        body{
            font-family:'Open Sans',sans-serif;
            background:var(--blue-deep);
            min-height:100vh;
            display:flex;
            flex-direction:column;
            overflow-x:hidden;
        }

        /* === ANIMATED BACKGROUND === */
        .page-bg{
            position:fixed;inset:0;z-index:0;
            background:
                radial-gradient(ellipse 80% 60% at 20% 10%, rgba(29,92,191,.6) 0%, transparent 60%),
                radial-gradient(ellipse 70% 50% at 80% 90%, rgba(40,120,224,.4) 0%, transparent 55%),
                radial-gradient(ellipse 50% 50% at 50% 50%, rgba(19,58,110,.8) 0%, transparent 70%),
                linear-gradient(160deg, #0a1e3d 0%, #102e5a 40%, #0f2a52 70%, #081a35 100%);
            animation:bgShift 12s ease-in-out infinite alternate;
        }
        @keyframes bgShift{
            0%{filter:hue-rotate(0deg) brightness(1)}
            50%{filter:hue-rotate(5deg) brightness(1.05)}
            100%{filter:hue-rotate(-3deg) brightness(.97)}
        }

        /* floating orbs */
        .orb{
            position:fixed;border-radius:50%;pointer-events:none;z-index:0;
            filter:blur(80px);opacity:.25;
            animation:float 8s ease-in-out infinite alternate;
        }
        .orb-1{width:500px;height:500px;background:#2878e0;top:-120px;left:-100px;animation-duration:10s}
        .orb-2{width:400px;height:400px;background:#1d5cbf;bottom:-80px;right:-80px;animation-duration:14s;animation-delay:2s}
        .orb-3{width:300px;height:300px;background:#e63946;top:40%;left:60%;opacity:.12;animation-duration:16s;animation-delay:4s}
        @keyframes float{
            0%{transform:translate(0,0) scale(1)}
            100%{transform:translate(30px,-40px) scale(1.08)}
        }

        /* === WRAPPER === */
        .wrapper{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}

        /* === HEADER === */
        .header{
            padding:18px 40px;
            backdrop-filter:blur(10px);
            background:rgba(10,30,61,.4);
            border-bottom:1px solid rgba(255,255,255,.08);
            position:sticky;top:0;z-index:100;
            transition:background .3s;
        }
        .header:hover{background:rgba(10,30,61,.65)}
        .header-inner{
            display:flex;align-items:center;justify-content:space-between;
            max-width:1200px;
            margin:0 auto;
            width:100%;
        }

        /* Logo */
        .logo{display:flex;align-items:center;user-select:none;cursor:pointer;flex-shrink:0}
        .logo img{
            height:38px;
            width:auto;
            transition:filter .3s, transform .3s;
        }
        .logo:hover img{
            filter:drop-shadow(0 0 12px rgba(255,255,255,.35));
            transform:scale(1.03);
        }

        /* Header buttons */
        .header-center{display:flex;align-items:center;gap:12px}

        .btn{
            border:none;cursor:pointer;
            font-family:'Montserrat',sans-serif;
            font-weight:700;font-size:13px;
            letter-spacing:.8px;text-transform:uppercase;
            border-radius:25px;padding:11px 26px;
            position:relative;overflow:hidden;
            transition:all .3s cubic-bezier(.25,.8,.25,1);
        }
        .btn::after{
            content:'';position:absolute;inset:0;
            background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 60%);
            opacity:0;transition:opacity .3s;
        }
        .btn:hover::after{opacity:1}

        .btn-register{
            background:linear-gradient(135deg,var(--red) 0%,#c0283a 100%);
            color:#fff;
            box-shadow:0 4px 15px rgba(230,57,70,.4);
        }
        .btn-register:hover{
            transform:translateY(-2px);
            box-shadow:0 6px 25px rgba(230,57,70,.55);
        }
        .btn-register:active{transform:translateY(0)}

        .btn-login{
            background:transparent;
            color:#fff;
            border:2px solid rgba(255,255,255,.5);
        }
        .btn-login:hover{
            border-color:#fff;
            background:rgba(255,255,255,.1);
            transform:translateY(-2px);
            box-shadow:0 4px 15px rgba(255,255,255,.15);
        }
        .btn-login:active{transform:translateY(0)}

        /* Coupon */
        .header-right{display:flex;align-items:center;gap:12px}
        .coupon-label{color:rgba(255,255,255,.55);font-size:13px;font-weight:500}
        .coupon-box{
            display:flex;align-items:center;gap:8px;
            background:rgba(255,255,255,.08);
            border:1px solid rgba(255,255,255,.15);
            border-radius:8px;padding:6px 14px;
            transition:all .3s;
        }
        .coupon-box:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
        .coupon-code{
            font-family:'Montserrat',sans-serif;
            font-weight:800;font-size:14px;
            color:var(--gold);letter-spacing:1.5px;
        }
        .copy-btn{
            background:none;border:none;cursor:pointer;
            color:rgba(255,255,255,.5);font-size:16px;
            transition:all .3s;padding:2px;
            display:flex;align-items:center;
        }
        .copy-btn:hover{color:#fff;transform:scale(1.15)}
        .copy-btn.copied{color:#4ade80}

        /* === NAV === */
        .nav{
            padding:0 40px;
            background:rgba(10,30,61,.2);
            backdrop-filter:blur(6px);
            border-bottom:1px solid rgba(255,255,255,.06);
        }
        .nav ul{
            list-style:none;display:flex;gap:0;
            max-width:1200px;
            margin:0 auto;
        }
        .nav a{
            display:block;
            padding:14px 24px;
            color:rgba(255,255,255,.7);
            text-decoration:none;
            font-family:'Montserrat',sans-serif;
            font-weight:600;font-size:14px;
            letter-spacing:.3px;
            position:relative;
            transition:color .3s;
        }
        .nav a::after{
            content:'';position:absolute;
            bottom:0;left:24px;right:24px;height:2px;
            background:var(--orange);
            transform:scaleX(0);
            transform-origin:center;
            transition:transform .3s cubic-bezier(.25,.8,.25,1);
            border-radius:2px;
        }
        .nav a:hover{color:#fff}
        .nav a:hover::after{transform:scaleX(1)}
        .nav a.active{color:#fff}
        .nav a.active::after{transform:scaleX(1)}

        /* === MAIN CONTENT === */
        .main{
            flex:1;
            padding:35px 40px 50px;
            display:flex;justify-content:center;
        }

        .content-card{
            background:var(--white);
            border-radius:16px;
            padding:50px 60px;
            max-width:1200px;width:100%;
            box-shadow:var(--shadow);
            position:relative;
            overflow:hidden;
            animation:cardIn .6s ease-out;
        }
        @keyframes cardIn{
            from{opacity:0;transform:translateY(30px)}
            to{opacity:1;transform:translateY(0)}
        }

        /* subtle decorative gradient on card top */
        .content-card::before{
            content:'';position:absolute;
            top:0;left:0;right:0;height:4px;
            background:linear-gradient(90deg,var(--blue-bright),var(--orange),var(--red));
            border-radius:16px 16px 0 0;
        }

        .content-card h1{
            font-family:'Montserrat',sans-serif;
            font-size:30px;font-weight:800;
            color:var(--text-dark);
            margin-bottom:24px;line-height:1.35;
        }

        .content-card p{
            font-size:15px;line-height:1.85;
            color:var(--text-body);
            margin-bottom:20px;
        }

        .content-card a.text-link{
            color:var(--blue-accent);
            text-decoration:none;
            font-weight:600;
            position:relative;
            transition:color .2s;
        }
        .content-card a.text-link::after{
            content:'';position:absolute;
            bottom:-1px;left:0;right:0;height:1px;
            background:var(--blue-accent);
            transform:scaleX(0);transform-origin:left;
            transition:transform .3s;
        }
        .content-card a.text-link:hover{color:var(--blue-bright)}
        .content-card a.text-link:hover::after{transform:scaleX(1)}

        /* === CONTENT TYPOGRAPHY === */

        /* Headings */
        .content-card h2{
            font-family:'Montserrat',sans-serif;
            font-size:24px;font-weight:800;
            color:var(--text-dark);
            margin:36px 0 16px;
            line-height:1.35;
            padding-bottom:10px;
            border-bottom:2px solid #eef1f6;
        }
        .content-card h3{
            font-family:'Montserrat',sans-serif;
            font-size:19px;font-weight:700;
            color:var(--text-dark);
            margin:28px 0 12px;
            line-height:1.4;
        }
        .content-card h4{
            font-family:'Montserrat',sans-serif;
            font-size:16px;font-weight:700;
            color:var(--text-dark);
            margin:20px 0 10px;
        }

        /* Bold / strong */
        .content-card strong{
            font-weight:700;
            color:var(--text-dark);
        }

        /* Lists (ul/ol) */
        .content-card ul,
        .content-card ol{
            margin:16px 0 20px 0;
            padding-left:0;
            list-style:none;
        }
        .content-card ul li,
        .content-card ol li{
            position:relative;
            padding-left:24px;
            margin-bottom:10px;
            font-size:15px;
            line-height:1.75;
            color:var(--text-body);
        }
        .content-card ul li::before{
            content:'';
            position:absolute;
            left:0;top:10px;
            width:8px;height:8px;
            border-radius:50%;
            background:linear-gradient(135deg, var(--blue-accent), var(--blue-bright));
        }
        .content-card ol{
            counter-reset:ol-counter;
        }
        .content-card ol li{
            counter-increment:ol-counter;
        }
        .content-card ol li::before{
            content:counter(ol-counter);
            position:absolute;
            left:0;top:1px;
            width:22px;height:22px;
            border-radius:6px;
            background:linear-gradient(135deg, var(--blue-accent), var(--blue-bright));
            color:#fff;
            font-size:12px;font-weight:700;
            display:flex;align-items:center;justify-content:center;
        }

        /* Info box / quick summary */
        .content-card .info-box{
            background:#f0f4fa;
            border:1px solid #dce3ef;
            border-left:4px solid var(--blue-accent);
            border-radius:10px;
            padding:20px 24px;
            margin:24px 0;
        }
        .content-card .info-box-title{
            font-family:'Montserrat',sans-serif;
            font-size:15px;font-weight:700;
            color:var(--text-dark);
            margin-bottom:10px;
        }
        .content-card .info-box ul{margin:8px 0 0}
        .content-card .info-box li{font-size:14px;margin-bottom:8px}

        /* Warning / highlight box */
        .content-card .warn-box{
            background:#fff8f0;
            border:1px solid #f5dcc0;
            border-left:4px solid var(--orange);
            border-radius:10px;
            padding:20px 24px;
            margin:24px 0;
        }

        /* Tables */
        .content-card table{
            width:100%;
            border-collapse:separate;
            border-spacing:0;
            margin:24px 0;
            border-radius:10px;
            overflow:hidden;
            border:1px solid #e2e7f0;
            font-size:14px;
        }
        .content-card thead th{
            background:linear-gradient(135deg, #1a3a6e 0%, #1d5cbf 100%);
            color:#fff;
            font-family:'Montserrat',sans-serif;
            font-weight:700;
            font-size:13px;
            text-transform:uppercase;
            letter-spacing:.5px;
            padding:14px 18px;
            text-align:left;
            border:none;
        }
        .content-card tbody td{
            padding:12px 18px;
            color:var(--text-body);
            border-bottom:1px solid #eef1f6;
            line-height:1.6;
        }
        .content-card tbody tr:last-child td{border-bottom:none}
        .content-card tbody tr:nth-child(even){background:#f8f9fc}
        .content-card tbody tr{transition:background .2s}
        .content-card tbody tr:hover{background:#edf2fc}

        /* Blockquote */
        .content-card blockquote{
            margin:24px 0;
            padding:18px 24px;
            border-left:4px solid var(--blue-accent);
            background:#f6f8fc;
            border-radius:0 10px 10px 0;
            font-style:italic;
            color:#4a5278;
            line-height:1.75;
        }

        /* Horizontal rule */
        .content-card hr{
            border:none;
            height:1px;
            background:linear-gradient(90deg, transparent, #d0d7e4, transparent);
            margin:30px 0;
        }

        /* Responsive content */
        @media(max-width:768px){
            .content-card table{font-size:13px}
            .content-card thead th{padding:10px 12px;font-size:11px}
            .content-card tbody td{padding:10px 12px}
            .content-card h2{font-size:20px}
            .content-card h3{font-size:17px}
        }
        @media(max-width:500px){
            .content-card table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
        }

        /* CTA */
        .cta-wrapper{text-align:center;margin:35px 0}
        .cta-btn{
            display:inline-block;
            background:linear-gradient(135deg,var(--orange) 0%,#e07a15 100%);
            color:#fff;
            text-decoration:none;
            padding:16px 55px;
            border-radius:50px;
            font-family:'Montserrat',sans-serif;
            font-size:15px;font-weight:700;
            text-transform:uppercase;
            letter-spacing:1px;
            position:relative;overflow:hidden;
            box-shadow:0 6px 25px rgba(245,138,34,.35);
            transition:all .3s cubic-bezier(.25,.8,.25,1);
        }
        .cta-btn::before{
            content:'';position:absolute;
            top:0;left:-100%;width:100%;height:100%;
            background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
            transition:left .5s;
        }
        .cta-btn:hover{
            transform:translateY(-3px);
            box-shadow:0 10px 35px rgba(245,138,34,.5);
        }
        .cta-btn:hover::before{left:100%}
        .cta-btn:active{transform:translateY(0)}

        /* === FOOTER === */
        .footer{
            background:linear-gradient(180deg, rgba(8,18,42,.85) 0%, rgba(6,14,34,.95) 100%);
            backdrop-filter:blur(10px);
            border-top:1px solid rgba(255,255,255,.08);
            position:relative;
        }

        .footer-main{
            display:grid;
            grid-template-columns:1.2fr 0.8fr 1.2fr;
            gap:40px;
            padding:50px 40px 40px;
            max-width:1200px;
            margin:0 auto;
        }

        /* Footer brand col */
        .footer-brand .logo{display:inline-block;margin-bottom:16px}
        .footer-brand .logo img{height:32px;width:auto}
        .footer-desc{
            color:rgba(255,255,255,.5);
            font-size:14px;line-height:1.7;
            margin-bottom:20px;
        }
        .footer-social{display:flex;gap:12px}
        .social-link{
            display:flex;align-items:center;justify-content:center;
            width:42px;height:42px;
            border-radius:10px;
            background:rgba(255,255,255,.07);
            border:1px solid rgba(255,255,255,.1);
            color:rgba(255,255,255,.6);
            transition:all .3s;
        }
        .social-link:hover{
            background:rgba(255,255,255,.14);
            color:#fff;
            border-color:rgba(255,255,255,.25);
            transform:translateY(-2px);
        }

        /* Footer links col */
        .footer-links{
            border-left:1px solid rgba(255,255,255,.08);
            padding-left:40px;
        }
        .footer-links h4,
        .footer-contact-info h4{
            font-family:'Montserrat',sans-serif;
            font-size:16px;font-weight:700;
            color:rgba(255,255,255,.85);
            margin-bottom:16px;
        }
        .footer-links ul{list-style:none}
        .footer-links li{margin-bottom:8px}
        .footer-links a{
            color:rgba(255,255,255,.5);
            text-decoration:none;
            font-size:14px;
            transition:color .2s;
        }
        .footer-links a:hover{color:#fff}

        /* Footer contacts col */
        .footer-contacts{}
        .footer-apps{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}
        .app-badge{
            display:flex;align-items:center;gap:8px;
            background:rgba(255,255,255,.07);
            border:1px solid rgba(255,255,255,.15);
            border-radius:10px;
            padding:8px 16px;
            color:#fff;text-decoration:none;
            transition:all .3s;
        }
        .app-badge:hover{
            background:rgba(255,255,255,.14);
            border-color:rgba(255,255,255,.3);
            transform:translateY(-2px);
        }
        .app-badge small{display:block;font-size:10px;color:rgba(255,255,255,.5);line-height:1}
        .app-badge strong{display:block;font-size:14px;font-weight:700;line-height:1.3}

        .footer-contact-info{margin-bottom:16px}
        .phone-number{
            font-family:'Montserrat',sans-serif;
            font-size:22px;font-weight:800;
            color:#fff;text-decoration:none;
            display:inline-block;
            margin-top:4px;
            transition:color .2s;
        }
        .phone-number:hover{color:var(--gold)}

        .footer-emails{margin-bottom:16px}
        .email-row{
            font-size:13px;
            color:rgba(255,255,255,.45);
            margin-bottom:6px;
        }
        .email-row a{
            color:rgba(255,255,255,.8);
            text-decoration:none;font-weight:600;
            transition:color .2s;
        }
        .email-row a:hover{color:#fff}

        .footer-country{
            display:flex;align-items:center;gap:10px;
            margin-top:16px;
        }
        .footer-country span{color:rgba(255,255,255,.45);font-size:13px}
        .country-select{
            background:rgba(255,255,255,.08);
            border:1px solid rgba(255,255,255,.15);
            border-radius:6px;
            color:#fff;
            padding:6px 12px;
            font-size:13px;
            font-family:'Open Sans',sans-serif;
            cursor:pointer;
            outline:none;
            transition:all .3s;
        }
        .country-select:hover{border-color:rgba(255,255,255,.3)}
        .country-select option{background:#0a1e3d;color:#fff}

        /* Footer disclaimer */
        .footer-disclaimer{
            padding:24px 40px;
            max-width:1200px;margin:0 auto;
            border-top:1px solid rgba(255,255,255,.06);
        }
        .footer-disclaimer p{
            font-size:12px;line-height:1.7;
            color:rgba(255,255,255,.35);
            text-align:center;
            margin-bottom:10px;
        }
        .footer-disclaimer a{
            color:rgba(255,255,255,.55);
            text-decoration:underline;
            transition:color .2s;
        }
        .footer-disclaimer a:hover{color:#fff}

        /* Footer bottom */
        .footer-bottom{
            padding:18px 40px;
            border-top:1px solid rgba(255,255,255,.06);
            text-align:center;
        }
        .footer-bottom p{
            font-size:12px;
            color:rgba(255,255,255,.3);
        }
        .footer-bottom a{
            color:rgba(255,255,255,.5);text-decoration:underline;
            transition:color .2s;
        }
        .footer-bottom a:hover{color:#fff}

        /* Scroll to top button */
        .scroll-top{
            position:fixed;
            bottom:30px;right:30px;
            width:44px;height:44px;
            border-radius:12px;
            background:rgba(255,255,255,.1);
            border:1px solid rgba(255,255,255,.15);
            backdrop-filter:blur(10px);
            color:rgba(255,255,255,.6);
            cursor:pointer;
            display:flex;align-items:center;justify-content:center;
            transition:all .3s;
            opacity:0;pointer-events:none;
            z-index:90;
        }
        .scroll-top.visible{opacity:1;pointer-events:all}
        .scroll-top:hover{
            background:rgba(255,255,255,.2);
            color:#fff;
            transform:translateY(-2px);
        }

        /* Footer responsive */
        @media(max-width:768px){
            .footer-main{
                grid-template-columns:1fr;
                gap:30px;
                padding:35px 20px 30px;
            }
            .footer-links{
                border-left:none;
                padding-left:0;
                border-top:1px solid rgba(255,255,255,.08);
                padding-top:24px;
            }
            .footer-disclaimer{padding:20px}
            .footer-bottom{padding:16px 20px}
            .phone-number{font-size:18px}
            .scroll-top{bottom:20px;right:20px}
        }

        /* === BURGER BUTTON === */
        .burger{
            display:none;
            flex-direction:column;justify-content:center;align-items:center;
            gap:5px;
            background:none;border:none;cursor:pointer;
            width:40px;height:40px;
            padding:6px;
            z-index:200;
            -webkit-tap-highlight-color:transparent;
        }
        .burger span{
            display:block;width:24px;height:2.5px;
            background:#fff;border-radius:3px;
            transition:all .35s cubic-bezier(.4,.01,.165,.99);
            transform-origin:center;
        }
        .burger.active span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
        .burger.active span:nth-child(2){opacity:0;transform:scaleX(0)}
        .burger.active span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

        /* === MOBILE OVERLAY MENU === */
        .mobile-overlay{
            display:none;
            position:fixed;inset:0;z-index:150;
            background:rgba(10,30,61,.96);
            backdrop-filter:blur(20px);
            flex-direction:column;
            align-items:center;
            justify-content:center;
            gap:0;
            opacity:0;
            transition:opacity .35s ease;
            pointer-events:none;
        }
        .mobile-overlay.open{
            display:flex;
            opacity:1;
            pointer-events:all;
        }
        .mobile-overlay .mobile-nav{
            display:flex;flex-direction:column;
            align-items:center;gap:8px;
            margin-bottom:40px;
        }
        .mobile-overlay .mobile-nav a{
            color:rgba(255,255,255,.75);
            text-decoration:none;
            font-family:'Montserrat',sans-serif;
            font-weight:700;font-size:20px;
            letter-spacing:1px;
            padding:14px 30px;
            border-radius:12px;
            transition:all .3s;
            text-transform:uppercase;
        }
        .mobile-overlay .mobile-nav a:hover,
        .mobile-overlay .mobile-nav a.active{
            color:#fff;
            background:rgba(255,255,255,.08);
        }
        .mobile-overlay .mobile-actions{
            display:flex;flex-direction:column;
            align-items:center;gap:14px;
            margin-top:10px;
        }
        .mobile-overlay .mobile-actions .btn{
            width:240px;text-align:center;
            font-size:14px;padding:14px 30px;
        }
        .mobile-overlay .mobile-coupon{
            margin-top:30px;
            display:flex;align-items:center;gap:10px;
            color:rgba(255,255,255,.5);font-size:13px;
        }
        .mobile-overlay .mobile-coupon .coupon-code{
            font-family:'Montserrat',sans-serif;
            font-weight:800;font-size:16px;
            color:var(--gold);letter-spacing:1.5px;
        }

        /* === RESPONSIVE === */
        @media(max-width:768px){
            .burger{display:flex}
            .header{padding:12px 16px}
            .header-inner{
                flex-wrap:wrap;
                gap:10px;
            }
            .header-center{
                display:flex;
                gap:10px;
                order:3;
                width:100%;
                justify-content:center;
                padding-top:10px;
                border-top:1px solid rgba(255,255,255,.08);
            }
            .header-center .btn{
                flex:1;
                max-width:180px;
                padding:13px 10px;
                font-size:13px;
                border-radius:25px;
                text-align:center;
            }
            .header-right{
                display:flex;
                order:2;
                margin-left:auto;
            }
            .header-right .coupon-label{font-size:12px}
            .header-right .coupon-code{font-size:13px}
            .nav{display:none}
            .main{padding:20px 16px}
            .content-card{padding:30px 25px}
            .content-card h1{font-size:22px}
            .cta-btn{padding:14px 35px;font-size:13px}
        }

        @media(max-width:420px){
            .header-center .btn{padding:7px 10px;font-size:10px}
            .logo img{height:28px}
        }