#glg-glitzerbrille{position:relative;margin-left:calc(50% – 50vw);margin-right:calc(50% – 50vw);width:100vw;max-width:100vw;overflow-x:hidden} #glg-glitzerbrille *{box-sizing:border-box;} #glg-glitzerbrille,#glg-glitzerbrille{margin:0;padding:0;scroll-behavior:smooth;} #glg-glitzerbrille{–cream:#fff1f8; –white:#ffffff; –pink:#ff0a8c; –pink2:#ff64c9; –magenta:#c2007a; –hot:#ff2fa8; –violet:#a020f0; –gold:#ffc93c; –gold2:#ffe08a; –pop:#ff2f9e; –popdeep:#d6007e; –glow:linear-gradient(100deg,#ff0a8c 0%,#ff64c9 22%,#ffc93c 48%,#ff2fa8 72%,#c2007a 100%); –line:rgba(255,10,140,0.28); –line-light:rgba(255,255,255,0.35); –ink:#4a0030; –muted:#93446f; –mutedlight:#ffd7ee; –display:’Marcellus‘,Georgia,serif; –sans:’Poppins‘,system-ui,sans-serif;} #glg-glitzerbrille{font-family:var(–sans);background:var(–cream);color:var(–ink);-webkit-font-smoothing:antialiased;line-height:1.7;font-weight:400;overflow-x:hidden;position:relative;} #glg-glitzerbrille img{max-width:100%;display:block;height:auto;} #glg-glitzerbrille .wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 22px;position:relative;z-index:2;} #glg-glitzerbrille section{padding:88px 0;position:relative;overflow:hidden;} #glg-glitzerbrille a{color:inherit;} #glg-glitzerbrille .spark{display:inline-block;width:14px;height:14px;background:var(–glow); clip-path:polygon(50% 0%,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0% 50%,39% 38%); filter:drop-shadow(0 0 6px rgba(255,201,60,0.7));flex-shrink:0;} #glg-glitzerbrille .spark.w{background:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,0.85));} #glg-glitzerbrille .spark.g{background:var(–gold);filter:drop-shadow(0 0 6px rgba(255,201,60,0.8));} #glg-glitzerbrille .spark.big{width:34px;height:34px;} #glg-glitzerbrille .spark.xbig{width:52px;height:52px;} #glg-glitzerbrille .spark.spin{animation:spin-slow 7s linear infinite;} @keyframes spin-slow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}} #glg-glitzerbrille .spark.pulse{animation:pulse-spark 2.2s ease-in-out infinite;} @keyframes pulse-spark{0%,100%{transform:scale(0.85);opacity:0.75;}50%{transform:scale(1.15);opacity:1;}} #glg-glitzerbrille .glitterdust{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0.6; background-image:radial-gradient(circle,var(–gold) 1.5px,transparent 1.7px),radial-gradient(circle,#ffffff 1.3px,transparent 1.5px),radial-gradient(circle,var(–pink2) 1.2px,transparent 1.4px); background-size:120px 120px,170px 170px,90px 90px;background-position:0 0,55px 70px,20px 110px;} #glg-glitzerbrille .on-pop .glitterdust{opacity:0.85;} #glg-glitzerbrille .sparkles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;} #glg-glitzerbrille .sparkles i{position:absolute;display:block;border-radius:50%;opacity:0;animation:twinkle 3.2s ease-in-out infinite;} #glg-glitzerbrille .sparkles.on-pop i{background:var(–gold2);box-shadow:0 0 7px 1.5px rgba(255,224,138,0.95);} #glg-glitzerbrille .sparkles.on-light i{background:var(–pink);box-shadow:0 0 7px 1.5px rgba(255,10,140,0.7);} @keyframes twinkle{0%,100%{opacity:0;transform:scale(0.3);}50%{opacity:1;transform:scale(1);}} #glg-glitzerbrille .glitter-text{background:var(–glow);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(255,10,140,0.4));animation:shimmer 5s ease-in-out infinite;} @keyframes shimmer{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}} #glg-glitzerbrille h1,#glg-glitzerbrille h2{font-family:var(–display);font-weight:400;line-height:1.12;margin:0;text-wrap:balance;} #glg-glitzerbrille .disp{font-size:clamp(38px,6.6vw,60px);text-align:center;} #glg-glitzerbrille h3{font-family:var(–display);font-weight:400;margin:0;letter-spacing:0.01em;} #glg-glitzerbrille .kicker{font-family:var(–sans);text-transform:uppercase;letter-spacing:0.22em;font-weight:700;color:var(–magenta);font-size:clamp(12px,1.6vw,14px);text-align:center;display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 16px;} #glg-glitzerbrille .lead{color:var(–muted);font-size:clamp(16.5px,1.9vw,20px);text-align:center;max-width:62ch;margin-left:auto;margin-right:auto;} #glg-glitzerbrille .on-pop{color:#fff;} #glg-glitzerbrille .on-pop .lead{color:#ffe2f3;} #glg-glitzerbrille .on-pop .kicker{color:var(–gold2);} #glg-glitzerbrille .on-pop h1,#glg-glitzerbrille .on-pop h2{color:#fff;} #glg-glitzerbrille .btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(–sans);font-weight:700;letter-spacing:0.02em; color:#fff;background:var(–glow);background-size:260% 100%;padding:19px 36px;border-radius:100px;font-size:clamp(14px,1.6vw,16px); box-shadow:0 0 44px rgba(255,10,140,0.5),0 12px 26px rgba(214,0,126,0.22);transition:transform .15s,box-shadow .15s,background-position .5s; animation:btnpulse 2.6s ease-in-out infinite;} @keyframes btnpulse{0%,100%{box-shadow:0 0 40px rgba(255,10,140,0.45),0 12px 26px rgba(214,0,126,0.2);}50%{box-shadow:0 0 60px rgba(255,201,60,0.6),0 12px 26px rgba(214,0,126,0.2);}} #glg-glitzerbrille .btn:hover{transform:translateY(-3px) scale(1.03);animation-play-state:paused;} #glg-glitzerbrille .btn.ghost{background:transparent;border:2px solid var(–pink);box-shadow:none;color:var(–magenta);animation:none;} #glg-glitzerbrille .on-pop .btn.ghost{color:#fff;border-color:rgba(255,255,255,0.65);} #glg-glitzerbrille .btn.ghost:hover{background:rgba(255,10,140,0.1);transform:translateY(-2px);} #glg-glitzerbrille .btnrow{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:34px;} #glg-glitzerbrille .hero{background:radial-gradient(130% 100% at 50% -18%,#ffe9c2,#ff8fd0 45%,var(–pink) 100%);} #glg-glitzerbrille .pop{background:linear-gradient(160deg,var(–pop),var(–popdeep));} #glg-glitzerbrille .glow::before{content:““;position:absolute;inset:0;z-index:0;pointer-events:none; background:radial-gradient(55% 48% at 18% 8%, rgba(255,201,60,0.5), transparent 70%), radial-gradient(48% 42% at 88% 15%, rgba(255,255,255,0.4), transparent 70%), radial-gradient(42% 38% at 50% 95%, rgba(255,255,255,0.28), transparent 70%); animation:breathe 8s ease-in-out infinite;} @keyframes breathe{0%,100%{opacity:0.85;}50%{opacity:1.2;}} #glg-glitzerbrille .badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,0.55);border:1px solid rgba(255,255,255,0.8);color:var(–magenta);font-size:13px;font-weight:700;padding:10px 20px;border-radius:100px;margin:0 auto 26px;} #glg-glitzerbrille .on-pop .badge{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.4);color:#fff;} #glg-glitzerbrille .badge-wrap{text-align:center;} #glg-glitzerbrille .qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1060px;margin:50px auto 0;} @media(max-width:820px){ #glg-glitzerbrille .qgrid{grid-template-columns:1fr;} } #glg-glitzerbrille .qcard{background:var(–white);border:1px solid var(–line);border-radius:20px;padding:34px 28px;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s;} #glg-glitzerbrille .qcard::before{content:““;position:absolute;top:0;left:0;width:100%;height:5px;background:var(–glow);} #glg-glitzerbrille .qcard:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(255,10,140,0.2);} #glg-glitzerbrille .qcard .x{margin-bottom:18px;} #glg-glitzerbrille .qcard h3{font-size:19.5px;margin-bottom:10px;line-height:1.3;} #glg-glitzerbrille .qcard p{margin:0;color:var(–muted);font-size:15px;} #glg-glitzerbrille .section-light{background:var(–white);} #glg-glitzerbrille .section-cream{background:var(–cream);} #glg-glitzerbrille .stepgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1000px;margin:50px auto 0;} @media(max-width:820px){ #glg-glitzerbrille .stepgrid{grid-template-columns:1fr;} } #glg-glitzerbrille .stepcard{background:var(–white);border:1px solid var(–line);border-radius:20px;padding:36px 30px;} #glg-glitzerbrille .stepcard .num{font-family:var(–display);font-weight:400;font-size:19px;color:#fff;background:var(–glow);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 0 22px rgba(255,10,140,0.45);} #glg-glitzerbrille .stepcard h3{font-size:19.5px;margin-bottom:10px;} #glg-glitzerbrille .stepcard p{margin:0;color:var(–muted);font-size:15px;} #glg-glitzerbrille .pricewrap{display:flex;justify-content:center;margin:50px auto 0;} #glg-glitzerbrille .pricebox{background:rgba(255,255,255,0.14);border:2px solid var(–gold);border-radius:24px;padding:42px 40px;max-width:420px;width:100%;text-align:center;backdrop-filter:blur(6px);box-shadow:0 0 60px rgba(255,201,60,0.3);} #glg-glitzerbrille .pricebox .pl{font-family:var(–sans);text-transform:uppercase;letter-spacing:0.14em;font-size:12px;font-weight:700;color:var(–gold2);margin-bottom:10px;} #glg-glitzerbrille .pricebox .pv{font-family:var(–display);font-size:clamp(40px,6vw,52px);color:#fff;margin-bottom:6px;} #glg-glitzerbrille .pricebox .pn{color:#ffe2f3;font-size:14.5px;margin-bottom:28px;} #glg-glitzerbrille .faq{max-width:800px;margin:46px auto 0;} #glg-glitzerbrille .faq details{background:var(–white);border:1px solid var(–line);border-radius:18px;margin-bottom:12px;overflow:hidden;} #glg-glitzerbrille .faq summary{list-style:none;cursor:pointer;padding:21px 26px;font-weight:700;font-family:var(–sans);font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;} #glg-glitzerbrille .faq summary::-webkit-details-marker{display:none;} #glg-glitzerbrille .faq summary::after{content:“+“;color:var(–pink);font-size:24px;line-height:1;flex-shrink:0;transition:transform .2s;font-family:var(–display);} #glg-glitzerbrille .faq details[open] summary::after{transform:rotate(45deg);} #glg-glitzerbrille .faq .a{padding:0 26px 24px;color:var(–muted);font-size:15px;} #glg-glitzerbrille .footer{background:var(–white);color:var(–muted);padding:46px 0;text-align:center;font-size:13.5px;border-top:1px solid var(–line);} #glg-glitzerbrille .footer a{color:var(–magenta);text-decoration:none;font-weight:600;} #glg-glitzerbrille .reveal{opacity:1 !important;transform:none !important} (function(){ var root=document.getElementById(‚glg-glitzerbrille‘); if(!root) return; var els=root.querySelectorAll(‚.reveal‘); if(‚IntersectionObserver‘ in window){ var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add(‚in‘);io.unobserve(e.target);}});},{threshold:.14,rootMargin:’0px 0px -7% 0px‘}); els.forEach(function(el){io.observe(el);}); }else{els.forEach(function(el){el.classList.add(‚in‘);});} })(); (function(){ function addSparkles(id, count){ var host = document.getElementById(id); if(!host) return; for(var i=0;i<count;i++){ var s = document.createElement('i'); var size = (Math.random()*3.4+1.6).toFixed(1); s.style.width = size+'px'; s.style.height = size+'px'; s.style.left = (Math.random()*100)+'%'; s.style.top = (Math.random()*100)+'%'; s.style.animationDelay = (Math.random()*4).toFixed(2)+'s'; s.style.animationDuration = (2.4+Math.random()*2.6).toFixed(2)+'s'; host.appendChild(s); } } addSparkles('sparkles-hero', 130); addSparkles('sparkles-worum', 55); addSparkles('sparkles-steps', 55); addSparkles('sparkles-price', 100); addSparkles('sparkles-final', 100); })();