:root{--primary-glow: conic-gradient( from 180deg at 50% 50%, #16abff 0deg, #0885ff 55deg, #54d6ff 120deg, #0071ff 150deg, #16abff 360deg );--secondary-glow: radial-gradient( rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) );--brand-primary: #00f2fe;--brand-secondary: #4facfe;--bg-glow-1: #0f172a;--bg-glow-2: #1e1b4b;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-glow: rgba(0, 242, 254, .15);--text-main: #f8fafc;--text-muted: #94a3b8}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}body{background-color:#020617;color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}.bg-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:radial-gradient(circle at 80% 20%,#1e1b4b,#020617 70%);overflow:hidden}.bg-shutter{position:absolute;top:-10%;right:-10%;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(0,242,254,.06) 0%,rgba(79,172,254,.02) 50%,transparent 70%);transform:rotate(45deg);pointer-events:none}.bg-shutter:before{content:"";position:absolute;top:20%;left:20%;width:60%;height:60%;border:1px solid rgba(255,255,255,.03);border-radius:50%}.bokeh{position:absolute;width:300px;height:300px;border-radius:50%;background:var(--brand-primary);filter:blur(120px);opacity:.12;animation:float 20s infinite alternate ease-in-out}.bokeh-1{top:20%;left:10%;background:var(--brand-secondary)}.bokeh-2{bottom:10%;right:15%;background:var(--brand-primary);animation-delay:-5s;animation-duration:25s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(80px,50px) scale(1.2)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000005e;border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#00f2fe40;box-shadow:0 8px 32px #00f2fe1a}.btn-neon{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);color:#020617;border:none;font-family:Outfit,sans-serif;font-weight:600;font-size:1rem;padding:14px 28px;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 0 15px #00f2fe66}.btn-neon:hover{transform:translateY(-2px);box-shadow:0 0 25px #00f2feb3}.btn-neon:active{transform:translateY(1px)}.btn-neon:disabled{background:#475569;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.glass-input{width:100%;background:#0f172a66;border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;color:var(--text-main);font-size:.95rem;outline:none;transition:all .2s ease}.glass-input:focus{border-color:var(--brand-primary);box-shadow:0 0 10px #00f2fe33}.upload-zone{border:2px dashed rgba(255,255,255,.2);border-radius:16px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff05;display:flex;flex-direction:column;align-items:center;gap:12px}.upload-zone.active,.upload-zone:hover{border-color:var(--brand-primary);background:#00f2fe0a}.progress-container{width:100%;background:#ffffff1a;border-radius:10px;height:8px;overflow:hidden;position:relative;margin-top:12px}.progress-bar{background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));height:100%;width:0%;transition:width .1s ease}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em}.app-container{max-width:1200px;width:100%;margin:0 auto;padding:24px;display:flex;flex-direction:column;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.logo-container{display:flex;align-items:center;gap:12px}.logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#fff 30%,var(--brand-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%}.widget-grid{display:grid;grid-template-columns:1fr;gap:32px;width:100%;max-width:480px}@media (min-width: 900px){.widget-grid.has-ads{grid-template-columns:460px 380px;max-width:880px;align-items:start}}.promo-box{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:300px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes shutter-snap{0%{transform:scale(1) rotate(0);filter:brightness(1)}35%{transform:scale(.9) rotate(-15deg);filter:brightness(1.2)}50%{transform:scale(.85) rotate(45deg);filter:brightness(1.5)}75%{transform:scale(.95) rotate(45deg)}to{transform:scale(1) rotate(360deg);filter:brightness(1)}}.anim-shutter-snap{animation:shutter-snap .8s cubic-bezier(.68,-.6,.32,1.6)}@keyframes float-up{0%{transform:translateY(60px) scale(.5);opacity:0}30%{opacity:.8}80%{opacity:.8}to{transform:translateY(-120px) scale(1.2);opacity:0}}.floating-bubble{position:absolute;pointer-events:none;animation:float-up 2.2s ease-in-out infinite;color:var(--brand-primary);opacity:0}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(450px) rotate(360deg);opacity:0}}.confetti-particle{position:absolute;width:6px;height:6px;border-radius:2px;animation:confetti-fall 2s linear forwards;pointer-events:none;z-index:100}.stats-chart-bar-container{display:flex;flex-direction:column;gap:8px;width:100%}.stats-chart-bar{height:28px;border-radius:8px;display:flex;align-items:center;padding:0 12px;font-size:.8rem;font-weight:600;color:#020617;transition:width 1s cubic-bezier(.4,0,.2,1);min-width:40px}.stats-bar-current{background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));box-shadow:0 0 15px #00f2fe4d}.stats-bar-previous{background:#ffffff26;color:var(--text-main);border:1px solid var(--glass-border)}.slideshow-bg-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;overflow:hidden;background:#020617}.slide-img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:opacity 1.5s cubic-bezier(.25,1,.5,1);filter:brightness(.55) contrast(1.05) saturate(1.1)}.cartoon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;background:#ffffff08;border:1px dashed var(--glass-border);border-radius:12px;margin-top:10px;position:relative;overflow:hidden}.stickman-box{width:100px;height:80px;position:relative}.stickman-hauler{animation:cartoon-bob .4s infinite alternate ease-in-out;position:absolute;left:30px;bottom:10px}.stickman-body{width:4px;height:30px;background:#fff;position:absolute;left:20px;bottom:12px;transform:rotate(20deg)}.stickman-head{width:14px;height:14px;border:3px solid #fff;border-radius:50%;position:absolute;left:19px;bottom:39px}.stickman-cargo{width:32px;height:24px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:4px;position:absolute;left:-2px;bottom:22px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:900;color:#020617;transform:rotate(10deg);box-shadow:0 4px 10px #00f2fe4d}.stickman-leg-left{width:4px;height:16px;background:#fff;position:absolute;left:17px;bottom:0;transform-origin:top center;animation:running-legs-left .4s infinite linear}.stickman-leg-right{width:4px;height:16px;background:#fff;position:absolute;left:23px;bottom:0;transform-origin:top center;animation:running-legs-right .4s infinite linear}.sweat-drop{width:4px;height:4px;background:#00f2fe;border-radius:50% 0 50% 50%;transform:rotate(-45deg);position:absolute;left:38px;bottom:45px;opacity:0;animation:sweat-fly .8s infinite linear}.stickman-dancer{animation:cartoon-dance .6s infinite alternate ease-in-out;position:absolute;left:36px;bottom:10px}.dancer-body{width:4px;height:32px;background:#fff;position:absolute;left:12px;bottom:12px}.dancer-head{width:16px;height:16px;border:3px solid #fff;border-radius:50%;position:absolute;left:6px;bottom:41px}.dancer-glasses{width:14px;height:4px;background:#020617;border:1px solid var(--brand-primary);position:absolute;left:10px;bottom:48px;border-radius:2px}.dancer-arm-left{width:18px;height:4px;background:#fff;position:absolute;left:-8px;bottom:34px;transform-origin:right center;transform:rotate(35deg);animation:arm-wave-left .6s infinite alternate ease-in-out}.dancer-arm-right{width:18px;height:4px;background:#fff;position:absolute;left:14px;bottom:34px;transform-origin:left center;transform:rotate(-35deg);animation:arm-wave-right .6s infinite alternate ease-in-out}.dancer-leg-left{width:4px;height:14px;background:#fff;position:absolute;left:9px;bottom:0;transform-origin:top center;transform:rotate(20deg);animation:dancer-leg-bob .6s infinite alternate ease-in-out}.dancer-leg-right{width:4px;height:14px;background:#fff;position:absolute;left:15px;bottom:0;transform-origin:top center;transform:rotate(-20deg);animation:dancer-leg-bob-opp .6s infinite alternate ease-in-out}@keyframes cartoon-bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes running-legs-left{0%{transform:rotate(45deg)}50%{transform:rotate(-45deg)}to{transform:rotate(45deg)}}@keyframes running-legs-right{0%{transform:rotate(-45deg)}50%{transform:rotate(45deg)}to{transform:rotate(-45deg)}}@keyframes sweat-fly{0%{transform:translate(0) scale(1);opacity:1}80%{transform:translate(15px,-10px) scale(.8);opacity:.8}to{transform:translate(20px,-12px) scale(0);opacity:0}}@keyframes cartoon-dance{0%{transform:scaleY(1) translateY(0)}to{transform:scaleY(.9) translateY(2px)}}@keyframes arm-wave-left{0%{transform:rotate(50deg)}to{transform:rotate(-50deg)}}@keyframes arm-wave-right{0%{transform:rotate(-50deg)}to{transform:rotate(50deg)}}@keyframes dancer-leg-bob{0%{transform:rotate(25deg)}to{transform:rotate(5deg)}}@keyframes dancer-leg-bob-opp{0%{transform:rotate(-25deg)}to{transform:rotate(-5deg)}}@media (max-width: 768px){header{flex-direction:column;gap:16px;align-items:center;margin-bottom:24px;width:100%}header .logo-container{justify-content:center;margin-bottom:4px}header>div{flex-wrap:wrap;justify-content:center;gap:8px!important;width:100%}header button,header span{font-size:.75rem!important;padding:6px 12px!important}}@media (max-width: 480px){.app-container{padding:12px!important}.glass-panel{padding:16px!important;border-radius:16px!important}.grid-two-col-mobile-stack{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}h2{font-size:1.4rem!important}}.premium-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(40px);background:#0f172ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 24px;color:#fff;font-size:.9rem;font-weight:600;z-index:99999;box-shadow:0 12px 40px #0006;display:flex;align-items:center;gap:12px;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.premium-toast.show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.premium-toast-success{border-color:#10b98166;box-shadow:0 12px 40px #10b98126}.premium-toast-error{border-color:#f43f5e66;box-shadow:0 12px 40px #f43f5e26}.premium-toast-info{border-color:#00f2fe66;box-shadow:0 12px 40px #00f2fe26}
