:root{
            --bg:#000000;
            --card:rgba(255,255,255,.03);
            --card-hover:rgba(255,255,255,.05);
            --border:rgba(255,255,255,.08);
            --text:#ffffff;
            --muted:#86868b;
            --accent:#007aff;
            --green:#34c759;
            --glow:rgba(0,122,255,.4);
            --ease:cubic-bezier(.4,0,.2,1);
            --spring:cubic-bezier(.34,1.56,.64,1);
        }
        *{margin:0;padding:0;box-sizing:border-box}
        body{
            font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
            background:var(--bg);
            color:var(--text);
            line-height:1.6;
            min-height:100vh;
            -webkit-font-smoothing:antialiased;
            -moz-osx-font-smoothing:grayscale;
        }
        body::before{
            content:'';
            position:fixed;
            top:50%;
            left:50%;
            width:900px;
            height:900px;
            background:radial-gradient(circle,var(--glow),transparent 70%);
            transform:translate(-50%,-50%);
            opacity:.12;
            animation:pulse 8s ease-in-out infinite;
            pointer-events:none;
        }
        @keyframes pulse{
            0%,100%{opacity:.12;transform:translate(-50%,-50%) scale(1)}
            50%{opacity:.2;transform:translate(-50%,-50%) scale(1.08)}
        }
        
        /* Loading */
        .loading{
            position:fixed;
            inset:0;
            background:var(--bg);
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            z-index:9999;
            opacity:1;
            transition:opacity .6s var(--ease);
        }
        .loading.fade{
            opacity:0;
            pointer-events:none;
        }
        .loading-logo{
            width:100px;
            height:100px;
            border-radius:22px;
            margin-bottom:1.5rem;
            box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 .5px rgba(255,255,255,.1);
            animation:float 3s ease-in-out infinite;
        }
        @keyframes float{
            0%,100%{transform:translateY(0)}
            50%{transform:translateY(-8px)}
        }
        .loading-text{
            font-size:2rem;
            font-weight:600;
            margin-bottom:1.5rem;
            letter-spacing:-.02em;
        }
        .loading-dots{
            display:flex;
            gap:10px;
        }
        .loading-dot{
            width:12px;
            height:12px;
            background:var(--accent);
            border-radius:50%;
            animation:bounce 1.4s ease-in-out infinite;
        }
        .loading-dot:nth-child(2){animation-delay:.2s}
        .loading-dot:nth-child(3){animation-delay:.4s}
        @keyframes bounce{
            0%,80%,100%{transform:scale(.8);opacity:.5}
            40%{transform:scale(1.2);opacity:1}
        }
        
        /* Navigation */
        nav{
            position:sticky;
            top:0;
            background:rgba(0,0,0,.7);
            backdrop-filter:blur(20px) saturate(180%);
            border-bottom:1px solid var(--border);
            z-index:1000;
            transition:background .3s var(--ease);
        }
        nav.scrolled{
            background:rgba(0,0,0,.85);
        }
        .nav-content{
            max-width:1200px;
            margin:0 auto;
            padding:1rem 2rem;
            display:flex;
            justify-content:space-between;
            align-items:center;
        }
        .logo{
            display:flex;
            align-items:center;
            gap:.75rem;
            text-decoration:none;
            color:var(--text);
            font-weight:600;
            font-size:1.1rem;
            transition:transform .3s var(--ease);
        }
        .logo:hover{
            transform:translateY(-1px);
        }
        .logo img{
            width:40px;
            height:40px;
            border-radius:10px;
        }
        .nav-links{
            display:flex;
            gap:.5rem;
            list-style:none;
        }
        .nav-links a{
            color:var(--muted);
            text-decoration:none;
            padding:.65rem 1rem;
            border-radius:10px;
            font-size:.95rem;
            font-weight:500;
            transition:all .3s var(--ease);
        }
        .nav-links a:hover{
            color:var(--text);
            background:rgba(255,255,255,.06);
        }
        .nav-links a.active{
            color:#fff;
            background:var(--accent);
        }
        
        /* Main */
        .main{
            max-width:1100px;
            margin:0 auto;
            padding:4rem 2rem;
        }
        
        /* Hero */
        .hero{
            text-align:center;
            margin-bottom:4rem;
        }
        .hero-icon{
            width:70px;
            height:70px;
            margin:0 auto 1.5rem;
            background:rgba(52,199,89,.15);
            border-radius:16px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:2rem;
            color:var(--green);
            animation:fadeUp 1s var(--ease) .2s both;
        }
        .hero h1{
            font-size:3.5rem;
            font-weight:700;
            letter-spacing:-.03em;
            margin-bottom:.75rem;
            animation:fadeUp 1s var(--ease) .3s both;
        }
        .hero p{
            font-size:1.25rem;
            color:var(--muted);
            margin-bottom:1rem;
            animation:fadeUp 1s var(--ease) .4s both;
        }
        .last-updated{
            display:inline-flex;
            align-items:center;
            gap:.5rem;
            padding:.5rem 1rem;
            background:rgba(255,255,255,.04);
            border:1px solid var(--border);
            border-radius:20px;
            font-size:.9rem;
            color:var(--muted);
            animation:fadeUp 1s var(--ease) .5s both;
        }
        .last-updated i{
            color:var(--green);
        }
        @keyframes fadeUp{
            0%{opacity:0;transform:translateY(20px)}
            100%{opacity:1;transform:translateY(0)}
        }
        
        /* Trust Banner */
        .trust-banner{
            background:linear-gradient(135deg,rgba(52,199,89,.08),rgba(52,199,89,.03));
            border:1px solid rgba(52,199,89,.2);
            border-radius:20px;
            padding:2rem;
            margin-bottom:3rem;
            animation:fadeUp 1s var(--ease) .6s both;
        }
        .trust-banner h2{
            font-size:1.5rem;
            margin-bottom:1rem;
            display:flex;
            align-items:center;
            gap:.75rem;
        }
        .trust-banner h2 i{
            color:var(--green);
        }
        .trust-grid{
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:1.5rem;
            margin-top:1.5rem;
        }
        .trust-item{
            text-align:center;
        }
        .trust-icon{
            width:50px;
            height:50px;
            margin:0 auto .75rem;
            background:rgba(52,199,89,.15);
            border-radius:12px;
            display:flex;
            align-items:center;
            justify-content:center;
            color:var(--green);
            font-size:1.5rem;
        }
        .trust-item h3{
            font-size:1rem;
            margin-bottom:.25rem;
        }
        .trust-item p{
            font-size:.85rem;
            color:var(--muted);
        }
        
        /* Privacy Cards */
        .privacy-grid{
            display:grid;
            gap:1.5rem;
        }
        .privacy-card{
            background:var(--card);
            backdrop-filter:blur(40px) saturate(180%);
            border:1px solid var(--border);
            border-radius:20px;
            padding:2rem;
            transition:all .3s var(--ease);
            opacity:0;
            transform:translateY(20px);
        }
        .privacy-card.show{
            opacity:1;
            transform:translateY(0);
        }
        .privacy-card:hover{
            border-color:rgba(255,255,255,.15);
            background:var(--card-hover);
        }
        .card-header{
            display:flex;
            align-items:flex-start;
            gap:1rem;
            margin-bottom:1.5rem;
        }
        .card-icon{
            width:50px;
            height:50px;
            flex-shrink:0;
            background:rgba(52,199,89,.1);
            border-radius:12px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:1.5rem;
            color:var(--green);
        }
        .card-title{
            flex:1;
        }
        .card-title h3{
            font-size:1.3rem;
            margin-bottom:.25rem;
        }
        .card-title .tag{
            display:inline-block;
            padding:.25rem .75rem;
            background:rgba(52,199,89,.15);
            border-radius:6px;
            font-size:.75rem;
            font-weight:600;
            color:var(--green);
            text-transform:uppercase;
            letter-spacing:.05em;
        }
        .card-content p{
            color:var(--muted);
            margin-bottom:1rem;
            line-height:1.7;
        }
        .card-content ul{
            list-style:none;
            padding:0;
        }
        .card-content li{
            padding:.5rem 0;
            padding-left:1.5rem;
            position:relative;
            color:rgba(255,255,255,.8);
        }
        .card-content li:before{
            content:'✓';
            position:absolute;
            left:0;
            color:var(--green);
            font-weight:700;
        }
        .highlight-box{
            background:rgba(52,199,89,.05);
            border-left:3px solid var(--green);
            border-radius:8px;
            padding:1rem 1.25rem;
            margin-top:1rem;
        }
        .highlight-box strong{
            color:var(--green);
            font-size:.85rem;
            text-transform:uppercase;
            letter-spacing:.05em;
        }
        .highlight-box p{
            margin-top:.5rem;
            font-size:.9rem;
            color:rgba(255,255,255,.7);
        }
        
        /* Rights Grid */
        .rights-grid{
            display:grid;
            grid-template-columns:repeat(2,1fr);
            gap:1rem;
            margin-top:1rem;
        }
        .right-item{
            background:rgba(255,255,255,.03);
            border:1px solid var(--border);
            border-radius:12px;
            padding:1rem;
        }
        .right-item h4{
            font-size:.95rem;
            margin-bottom:.5rem;
            display:flex;
            align-items:center;
            gap:.5rem;
        }
        .right-item h4 i{
            color:var(--green);
            font-size:.8rem;
        }
        .right-item p{
            font-size:.85rem;
            color:var(--muted);
            line-height:1.5;
        }
        
        /* Contact Card */
        .contact-card{
            background:linear-gradient(135deg,rgba(52,199,89,.08),rgba(52,199,89,.03));
            border:1px solid rgba(52,199,89,.2);
            border-radius:20px;
            padding:2.5rem;
            text-align:center;
            margin-top:3rem;
        }
        .contact-card h2{
            font-size:1.75rem;
            margin-bottom:1rem;
        }
        .contact-card p{
            color:var(--muted);
            margin-bottom:2rem;
        }
        .contact-btn{
            display:inline-flex;
            align-items:center;
            gap:.75rem;
            padding:.85rem 1.75rem;
            background:var(--green);
            color:#fff;
            text-decoration:none;
            border-radius:12px;
            font-weight:500;
            transition:all .3s var(--ease);
        }
        .contact-btn:hover{
            transform:translateY(-2px);
            box-shadow:0 8px 24px rgba(52,199,89,.35);
        }
        
        /* Footer */
        footer{
            margin-top:6rem;
            padding:3rem 2rem;
            border-top:1px solid var(--border);
            background:rgba(255,255,255,.02);
        }
        .footer-content{
            max-width:1200px;
            margin:0 auto;
            display:flex;
            justify-content:space-between;
            gap:3rem;
        }
        .footer-section{
            flex:1;
        }
        .footer-logo{
            display:flex;
            align-items:center;
            gap:.75rem;
            margin-bottom:.75rem;
        }
        .footer-logo img{
            width:50px;
            height:50px;
            border-radius:12px;
        }
        .footer-logo span{
            font-size:1.3rem;
            font-weight:600;
        }
        .footer-by{
            color:var(--muted);
            font-size:.9rem;
        }
        .footer-heading{
            font-size:1rem;
            font-weight:600;
            margin-bottom:1rem;
            color:rgba(255,255,255,.6);
        }
        .footer-links{
            display:flex;
            flex-direction:column;
            gap:.5rem;
        }
        .footer-links a{
            color:var(--muted);
            text-decoration:none;
            font-size:.95rem;
            transition:color .3s var(--ease);
            display:flex;
            align-items:center;
            gap:.5rem;
        }
        .footer-links a:hover{
            color:var(--text);
        }
        .footer-links i{
            width:16px;
            font-size:.85rem;
        }
        .footer-bottom{
            text-align:center;
            margin-top:2rem;
            padding-top:2rem;
            border-top:1px solid var(--border);
            color:var(--muted);
            font-size:.9rem;
        }
        
        /* Responsive */
        @media(max-width:768px){
            .nav-content{
                flex-direction:column;
                gap:1rem;
            }
            .nav-links{
                flex-wrap:wrap;
                justify-content:center;
            }
            .hero h1{
                font-size:2.5rem;
            }
            .trust-grid{
                grid-template-columns:1fr;
            }
            .rights-grid{
                grid-template-columns:1fr;
            }
            .footer-content{
                flex-direction:column;
                text-align:center;
            }
        }