body {
            background-color: #f5f5f7;
            color: #1d1d1f;
            font-family: 'Inter', sans-serif;
            -webkit-font-smoothing: antialiased;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        /* BG SCENE */
        .bg-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
        .bg-scene::before{
          content:'';position:absolute;inset:0;
          background:
            radial-gradient(circle at 10% 10%, #eff6ff 0%, transparent 40%),
            radial-gradient(circle at 90% 5%,  #f5f3ff 0%, transparent 40%),
            radial-gradient(circle at 50% 100%,#f0f9ff 0%, transparent 40%);
          background-color:#f5f5f7;
        }
        .blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.2;}
        .blob-1{width:600px;height:600px;background:#dbeafe;top:-150px;left:-150px;animation:float 15s ease-in-out infinite;}
        .blob-2{width:500px;height:500px;background:#ede9fe;top:30%;right:-100px;animation:float 18s ease-in-out infinite reverse;}
        @keyframes float{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-30px) scale(1.05);}}

        @keyframes fadeInBlur{
          from{opacity:0;filter:blur(15px);transform:translateY(40px);}
          to{opacity:1;filter:blur(0);transform:translateY(0);}
        }

        /* NAV */
        nav{
          position:fixed;top:0;left:0;z-index:200;
          width:100%; height:80px;
          display:flex;align-items:center;justify-content:space-between;
          padding:0 2rem;
          background:rgba(255,255,255,0.92);
          backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
          border-bottom:1px solid rgba(0,0,0,0.04);
          transition: background 0.5s ease, box-shadow 0.5s ease;
        }
        .logo { display: flex; align-items: center; }
        .logo img{ height:44px; transition: filter 0.4s ease, transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
        .logo:hover img{ transform: scale(1.04); }
        .nav-links{ display:flex; gap:2.5rem; list-style:none; }
        .nav-links a{ color:#374151; text-decoration:none; font-size:14px; font-weight:500; transition:color 0.3s ease; }
        .nav-links a:hover{ color:#111; }
        .nav-cta{
          background:#111827;color:#fff;border:1px solid #111827;padding:0.6rem 1.3rem;border-radius:40px;
          font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;
          transition:all 0.3s ease;text-decoration:none;display:inline-block;white-space:nowrap;
        }
        .nav-cta:hover{ background:#374151; border-color:#374151; }
        .menu-toggle{display:none;background:none;border:none;cursor:pointer;color:#1d1d1f;padding:8px;z-index:210;}

        /* PAGE HERO */
        .page-hero{
          position:relative;z-index:1;
          padding:160px 8vw 60px;
          text-align:center;
          animation:fadeInBlur 1.2s cubic-bezier(0.23, 1, 0.32, 1) both;
        }
        .hero-badge{
          display:inline-flex;align-items:center;gap:.5rem;
          background:rgba(255,255,255,0.7);border:1px solid rgba(0,0,0,0.05);
          color:#6e6e73;padding:.5rem 1.2rem;border-radius:40px;
          font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
          margin-bottom:2rem;
        }
        .page-hero h1{
          font-size:clamp(2.2rem,5vw,3.6rem);font-weight:300;
          line-height:1.05;letter-spacing:-.04em;color:#1d1d1f;
          margin-bottom:1.2rem;
        }
        .page-hero h1 em{
          font-style:normal;font-weight:400;
          background:linear-gradient(135deg,#1d1d1f,#6366f1);
          -webkit-background-clip:text;-webkit-text-fill-color:transparent;
        }
        .page-hero p{
          font-size:1.05rem;color:#6e6e73;max-width:580px;margin:0 auto;
          line-height:1.6;font-weight:300;
        }

        /* Custom Radio */
        .custom-radio {
            appearance: none;
            width: 20px;
            height: 20px;
            border: 1px solid #d2d2d7;
            border-radius: 50%;
            outline: none;
            cursor: pointer;
            position: relative;
            background-color: #fff;
            transition: all 0.2s;
            flex-shrink: 0;
        }
        .custom-radio:checked {
            border-color: #6366f1;
            border-width: 2px;
        }
        .custom-radio:checked::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #6366f1;
        }

        /* Custom Checkbox */
        .custom-checkbox {
            appearance: none;
            width: 20px;
            height: 20px;
            border: 1px solid #d2d2d7;
            border-radius: 6px;
            outline: none;
            cursor: pointer;
            position: relative;
            background-color: #fff;
            transition: all 0.2s;
            flex-shrink: 0;
        }
        .custom-checkbox:checked {
            background-color: #6366f1;
            border-color: #6366f1;
        }
        .custom-checkbox:checked::after {
            content: '';
            position: absolute;
            top: 2px;
            left: 6px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }
        
        .receipt-list::-webkit-scrollbar {
            display: none;
        }

        /* FOOTER */
        .minimal-footer{
          padding:3.5rem 8vw;
          background:#000;color:#fff;
          position:relative;z-index:10;
        }
        .f-container{max-width:1200px;margin:0 auto;}
        .f-logo{margin-bottom:2rem;}
        .f-logo img{height:32px;opacity:0.9;}
        .f-links{display:flex;gap:2.5rem;list-style:none;padding-bottom:1.8rem;border-bottom:1px solid rgba(255,255,255,0.1);}
        .f-links a{color:rgba(255,255,255,0.6);text-decoration:none;font-size:0.85rem;transition:0.3s;font-weight:400;}
        .f-links a:hover{color:#fff;}
        .f-bottom{padding-top:1.8rem;display:flex;justify-content:space-between;align-items:center;}
        .f-copyright{font-size:0.8rem;color:rgba(255,255,255,0.6);font-weight:400;}

        /* WHATSAPP */
        .whatsapp-float{
          position:fixed;bottom:50px;right:30px;z-index:999;
          background:#25d366;color:#fff;
          width:60px;height:60px;border-radius:50%;
          display:flex;align-items:center;justify-content:center;
          box-shadow:0 10px 25px rgba(37,211,102,0.4);
          transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);text-decoration:none;
          animation:pulse 2s infinite;
        }
        .whatsapp-float:hover{transform:scale(1.1) translateY(-5px);}
        @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.4);}70%{box-shadow:0 0 0 20px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}

        /* RESPONSIVE */
        @media(max-width:768px){
          nav{height:70px;padding:0 4vw;}
          .logo img{height:42px;}
          .nav-cta{display:none;}
          .menu-toggle{display:block;}
          .nav-links{
            position:fixed;top:70px;left:0;width:100%;height:0;
            background:rgba(255,255,255,0.95);flex-direction:column;gap:0;
            overflow:hidden;transition:0.5s cubic-bezier(0.23, 1, 0.32, 1);padding:0;
          }
          .nav-links.active{height:auto;padding:2rem 0;border-bottom:1px solid rgba(0,0,0,0.05);}
          .nav-links li{width:100%;text-align:center;opacity:0;transition:0.3s;}
          .nav-links.active li{opacity:1;margin:1.2rem 0;}
          .nav-links a{font-size:1.1rem;color:#1d1d1f;font-weight:500;}
          .page-hero{padding:110px 4vw 40px;}
          .f-links{flex-direction:column;gap:0;border-bottom:none;border-top:1px solid rgba(255,255,255,0.1);padding:0;}
          .f-links li{width:100%;border-bottom:1px solid rgba(255,255,255,0.1);padding:1rem 0;}
          .f-bottom{flex-direction:column;align-items:flex-start;gap:1rem;padding-top:1.5rem;}
          .minimal-footer{padding:3rem 6vw;}
        }