.hero-modern{min-height:auto;display:flex;align-items:center;position:relative;overflow:hidden;background-image:url(/hero-background.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:60px 0}.hero-modern:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffc0e54d;z-index:0}.hero-background-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:floatOrb 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(236,72,153,.3) 0%,transparent 70%);top:-10%;right:10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.25) 0%,transparent 70%);bottom:-5%;left:5%;animation-delay:7s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(249,168,212,.2) 0%,transparent 70%);top:50%;left:50%;animation-delay:14s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}.hero-main-content{animation:slideInLeft .8s ease}.hero-badge-modern{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#ffffffe6;border:1px solid rgba(236,72,153,.2);border-radius:50px;font-size:14px;font-weight:600;color:#ec4899;margin-bottom:16px;box-shadow:0 4px 12px #0000000d}.badge-dot{width:8px;height:8px;background:#ec4899;border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-title-modern{font-size:clamp(48px,6vw,72px);font-weight:900;line-height:1.1;color:#1f2937;margin-bottom:16px;letter-spacing:-.03em}.hero-title-highlight{display:inline-block;background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-title-highlight:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:8px;background:linear-gradient(90deg,#ec4899,#a855f7);opacity:.2;border-radius:4px}.hero-subtitle-modern{font-size:20px;line-height:1.6;color:#6b7280;margin-bottom:24px;max-width:540px}.hero-features-quick{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.feature-quick{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2937}.feature-quick svg{color:#10b981;flex-shrink:0}.hero-cta-group{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.btn-hero-main{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #ec489959}.btn-hero-main:hover{transform:translateY(-2px);box-shadow:0 16px 40px #ec489973}.btn-hero-main:active{transform:translateY(0)}.btn-hero-outline{padding:18px 40px;background:#fff;color:#ec4899;border:2px solid #ec4899;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.btn-hero-outline:hover{background:#ec4899;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #ec489940}.hero-trust-line{display:flex;align-items:center;gap:16px}.trust-avatars{display:flex}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#fce7f3,#fbcfe8);display:flex;align-items:center;justify-content:center;font-size:20px;border:3px solid white;margin-left:-12px}.avatar:first-child{margin-left:0}.trust-text-modern{font-size:15px;color:#6b7280}.trust-text-modern strong{color:#1f2937;font-weight:700}.hero-visual-content{animation:slideInRight .8s ease .2s;animation-fill-mode:both}.visual-card-modern{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:24px;border:1px solid rgba(236,72,153,.1);box-shadow:0 20px 60px #0000001a;position:relative;transition:all .4s ease}.visual-card-modern:hover{transform:translateY(-8px);box-shadow:0 28px 80px #00000026}.card-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,#ec4899,#a855f7,#ec4899);background-size:200% 200%;border-radius:24px;opacity:0;z-index:-1;animation:gradientRotate 3s ease infinite;transition:opacity .4s ease}.visual-card-modern:hover .card-glow{opacity:.3}@keyframes gradientRotate{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.visual-header{text-align:center;margin-bottom:16px}.visual-header h3{font-size:28px;font-weight:800;background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}.visual-gif-container{position:relative;margin-bottom:16px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000001a}.automation-gif-modern{width:100%;height:auto;display:block;border-radius:16px}.money-particles{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none}.particle{position:absolute;top:50%;left:50%;font-size:32px;animation:particleOrbit 4s ease-in-out infinite;animation-delay:calc(var(--angle) / 360deg * 4s);transform-origin:center}@keyframes particleOrbit{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(0);opacity:0}20%{opacity:1}80%{opacity:.8}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-180px) scale(1.2);opacity:0}}.visual-stats{display:flex;justify-content:space-around;align-items:center;padding:16px;background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-radius:12px}.stat-item{text-align:center}.stat-value{font-size:32px;font-weight:900;background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.stat-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent,#ec4899,transparent)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media(max-width:968px){.hero-content-wrapper{grid-template-columns:1fr;gap:60px}.hero-visual-content{order:-1}.hero-title-modern{font-size:clamp(36px,8vw,56px)}.hero-subtitle-modern{max-width:100%}}@media(max-width:640px){.hero-modern{padding:80px 0}.visual-card-modern{padding:24px}.hero-cta-group{flex-direction:column}.btn-hero-main,.btn-hero-outline{width:100%;justify-content:center}}.popup-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.popup-content{background:#fff;border-radius:24px;max-width:600px;width:100%;position:relative;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 24px 80px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-close{position:absolute;top:20px;right:20px;background:#f3f4f6;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.popup-close:hover{background:#e5e7eb;transform:rotate(90deg)}.popup-close svg{color:#6b7280}.popup-banner{padding:48px 40px}.banner-header{text-align:center;margin-bottom:32px}.banner-icon{font-size:56px;margin-bottom:16px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.banner-header h2{font-size:32px;font-weight:900;background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;line-height:1.2}.banner-content{text-align:center}.banner-subtitle{font-size:18px;color:#6b7280;margin-bottom:32px;line-height:1.6}.banner-subtitle strong{color:#ec4899;font-weight:800}.banner-benefits{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-radius:16px;padding:28px 24px;margin-bottom:32px;text-align:left}.benefit-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:15px;color:#1f2937;font-weight:600}.benefit-item:last-child{margin-bottom:0}.benefit-item svg{color:#10b981;flex-shrink:0;margin-top:2px}.banner-cta{display:flex;flex-direction:column;align-items:center;gap:16px}.btn-banner-primary{display:inline-flex;align-items:center;gap:10px;padding:18px 36px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 24px #ec489959;text-decoration:none}.btn-banner-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #ec489973}.banner-note{font-size:14px;color:#6b7280;margin:0;font-weight:600}@media(max-width:640px){.popup-banner{padding:32px 24px}.banner-header h2{font-size:24px}.banner-subtitle{font-size:16px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #ec4899;--primary-dark: #db2777;--primary-light: #f9a8d4;--secondary: #6366f1;--accent: #ec4899;--success: #10b981;--danger: #ef4444;--dark: #1f2937;--gray: #6b7280;--light-gray: #f3f4f6;--white: #ffffff;--pink-gradient-start: #fdf2f8;--pink-gradient-end: #ffffff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--white);color:var(--dark);line-height:1.6;overflow-x:hidden}.hidden{display:none!important}.container-clean{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.hero-clean{background:linear-gradient(135deg,#fdf2f8,#fff,#fdf2f8);background-size:200% 200%;animation:gradientShift 15s ease infinite;padding:120px 0 140px;position:relative;overflow:hidden}.hero-clean:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(236,72,153,.15) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite,pulseGlow 4s ease-in-out infinite}.hero-clean:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(249,168,212,.2) 0%,transparent 70%);border-radius:50%;animation:float 10s ease-in-out infinite reverse,pulseGlow 5s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.hero-grid{display:flex;flex-direction:column;align-items:center;gap:60px;position:relative;z-index:1;max-width:1000px;margin:0 auto}.hero-content-clean{animation:fadeInUp 1s ease;text-align:center;width:100%}.badge-clean{display:inline-block;background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:var(--primary);padding:10px 20px;border-radius:30px;font-size:14px;font-weight:700;margin-bottom:24px;box-shadow:0 4px 12px #ec489926;animation:pulse 3s ease-in-out infinite;transition:all .3s ease}.badge-clean:hover{transform:scale(1.05);box-shadow:0 6px 20px #ec489940}.hero-heading{font-size:clamp(40px,5.5vw,64px);font-weight:900;color:var(--dark);margin-bottom:24px;line-height:1.1;letter-spacing:-.03em}.accent-pink{background:linear-gradient(135deg,#ec4899,#f472b6,#ec4899);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite;display:inline-block;position:relative}.accent-pink:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#ec4899,transparent);border-radius:2px;animation:shimmer 3s ease-in-out infinite}.hero-description{font-size:19px;color:var(--gray);margin-bottom:36px;line-height:1.8;max-width:700px;margin-left:auto;margin-right:auto}.hero-stats-inline{display:flex;gap:28px;margin-bottom:36px;flex-wrap:wrap;justify-content:center}.stat-inline{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--dark);padding:12px 20px;background:#fff;border-radius:50px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;animation:fadeInUp 1s ease;animation-fill-mode:both}.stat-inline:nth-child(1){animation-delay:.2s}.stat-inline:nth-child(2){animation-delay:.4s}.stat-inline:nth-child(3){animation-delay:.6s}.stat-inline:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ec489926}.stat-icon{font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.cta-buttons{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;justify-content:center;animation:fadeInUp 1s ease .8s,gentleBounce 2s ease-in-out 2s infinite;animation-fill-mode:both}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.btn-primary-clean{display:inline-flex;align-items:center;gap:10px;padding:18px 36px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 24px #ec489959;position:relative;overflow:hidden}.btn-primary-clean:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary-clean:hover:before{width:300px;height:300px}.btn-primary-clean:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #ec489973}.btn-primary-clean:active{transform:translateY(-2px) scale(.98)}.btn-secondary-clean{padding:18px 36px;background:#fff;color:var(--dark);border:2px solid #e5e7eb;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #0000000d}.btn-secondary-clean:hover{border-color:var(--primary);color:var(--primary);background:#fdf2f8;transform:translateY(-4px);box-shadow:0 8px 20px #ec489926}.btn-large{padding:20px 44px;font-size:18px}.trust-text{font-size:16px;color:var(--success);font-weight:700;animation:fadeInUp 1s ease 1s;animation-fill-mode:both}.hero-visual{position:relative;display:flex;flex-direction:column;gap:60px;justify-content:center;align-items:center;animation:fadeInUp 1s ease .5s;animation-fill-mode:both;width:100%}.automation-showcase{text-align:center;animation:scaleIn 1s ease .5s;animation-fill-mode:both;position:relative}.automation-showcase:before{content:"✨";position:absolute;font-size:28px;top:-20px;right:10%;animation:sparkle 3s ease-in-out infinite;opacity:0}.automation-showcase:after{content:"✨";position:absolute;font-size:24px;bottom:10%;left:5%;animation:sparkle 3s ease-in-out infinite 1.5s;opacity:0}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.automation-showcase .money-animation-gif{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;pointer-events:none;z-index:0}.automation-showcase .money-animation-gif .money-bill{position:absolute;font-size:32px;animation:moneyFloatGif 4s ease-in-out infinite;opacity:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.automation-showcase .money-animation-gif .money-bill:nth-child(1){top:10%;left:5%;animation-delay:0s}.automation-showcase .money-animation-gif .money-bill:nth-child(2){top:20%;right:10%;animation-delay:.5s}.automation-showcase .money-animation-gif .money-bill:nth-child(3){bottom:30%;left:8%;animation-delay:1s}.automation-showcase .money-animation-gif .money-bill:nth-child(4){bottom:25%;right:5%;animation-delay:1.5s}.automation-showcase .money-animation-gif .money-bill:nth-child(5){top:50%;left:2%;animation-delay:2s}.automation-showcase .money-animation-gif .money-bill:nth-child(6){top:45%;right:3%;animation-delay:2.5s}.automation-showcase .money-animation-gif .money-bill:nth-child(7){top:70%;left:15%;animation-delay:3s}.automation-showcase .money-animation-gif .money-bill:nth-child(8){top:65%;right:12%;animation-delay:3.5s}.automation-showcase .automation-gif{position:relative;z-index:1}@keyframes moneyFloatGif{0%{opacity:0;transform:translate(0) rotate(0) scale(.8)}15%{opacity:1}85%{opacity:.9}to{opacity:0;transform:translate(var(--tx, 100px),var(--ty, -150px)) rotate(180deg) scale(1.3)}}.hero-headline-large{font-size:clamp(48px,6vw,72px);font-weight:900;margin-bottom:48px;line-height:1.1;background:linear-gradient(135deg,#ec4899,#a855f7);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;letter-spacing:-.03em;position:relative;padding-bottom:16px}.hero-headline-large:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#ec4899,#a855f7,#ec4899);background-size:200% 100%;border-radius:3px;animation:shimmer 3s linear infinite}.automation-gif{width:100%;max-width:600px;height:auto;border-radius:0;box-shadow:none;margin-bottom:24px;transition:all .4s ease;animation:gentleFloat 6s ease-in-out infinite}.automation-gif:hover{transform:scale(1.05) rotate(1deg);filter:brightness(1.05)}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(-1deg)}}.hero-subtitle-large{font-size:clamp(32px,4vw,48px);font-weight:900;background:linear-gradient(135deg,#1f2937,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:32px 0;letter-spacing:2px;text-transform:uppercase}.hero-cta-buttons{display:flex;gap:16px;justify-content:center;margin-top:40px;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:12px;padding:20px 48px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:none;border-radius:12px;font-size:19px;font-weight:800;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #ec489966;text-transform:uppercase;letter-spacing:.5px}.btn-hero-primary:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 40px #ec489980}.btn-hero-secondary{padding:20px 48px;background:#fff;color:var(--primary);border:3px solid var(--primary);border-radius:12px;font-size:19px;font-weight:800;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 16px #00000014;text-transform:uppercase;letter-spacing:.5px}.btn-hero-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-4px);box-shadow:0 8px 24px #ec48994d}.floating-circles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.circle{position:absolute;width:var(--size);height:var(--size);background:radial-gradient(circle,#ec489914,#ffffff05 70%);border-radius:50%;left:var(--x);top:var(--y);animation:floatCircle 8s ease-in-out infinite;animation-delay:var(--delay);filter:blur(2px)}.gif-wrapper-fancy{position:relative;display:inline-block}.money-animation-gif{position:absolute;top:50%;left:50%;width:600px;height:400px;transform:translate(-50%,-50%);pointer-events:none}.money-bill-gif{position:absolute;top:50%;left:50%;font-size:42px;animation:moneyOrbit 4s ease-in-out infinite;animation-delay:var(--delay);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}@keyframes floatCircle{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(10px,-20px) scale(1.1);opacity:.3}}@keyframes moneyOrbit{0%{transform:translate(0) rotate(0) scale(.8);opacity:0}25%{opacity:1}75%{opacity:.9}to{transform:translate(var(--tx),var(--ty)) rotate(360deg) scale(1.1);opacity:0}}.astronaut-wrapper{position:relative;width:100%;max-width:550px;height:500px;display:flex;justify-content:center;align-items:center}.astronaut-image{width:100%;height:auto;max-width:520px;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(236,72,153,.2));animation:floatAstronaut 4s ease-in-out infinite;transition:transform .3s ease}.astronaut-image:hover{transform:scale(1.05)}.money-animation{position:absolute;top:5%;right:-8%;width:240px;height:380px;pointer-events:none}.money-bill{position:absolute;font-size:38px;animation:moneyFloat 3.5s ease-in-out infinite;opacity:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.money-bill:nth-child(1){top:2%;left:18%;animation-delay:0s}.money-bill:nth-child(2){top:18%;left:50%;animation-delay:.6s}.money-bill:nth-child(3){top:35%;left:5%;animation-delay:1.2s}.money-bill:nth-child(4){top:52%;left:58%;animation-delay:1.8s}.money-bill:nth-child(5){top:70%;left:15%;animation-delay:2.4s}.money-bill:nth-child(6){top:45%;left:70%;animation-delay:3s}.fire-effect{position:absolute;bottom:24%;right:58%;width:100px;height:120px;background:radial-gradient(ellipse at center,rgba(255,165,0,.8) 0%,rgba(255,69,0,.6) 25%,rgba(255,0,0,.3) 50%,transparent 100%);border-radius:50%/60% 60% 40% 40%;filter:blur(8px);animation:fireFlicker .2s ease-in-out infinite}@keyframes floatAstronaut{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-22px) rotate(2deg)}}@keyframes moneyFloat{0%{opacity:0;transform:translate(0) rotate(0) scale(.7)}15%{opacity:1}85%{opacity:.8}to{opacity:0;transform:translate(160px,-210px) rotate(200deg) scale(1.2)}}@keyframes fireFlicker{0%,to{opacity:.9;transform:scale(1) translateY(0)}25%{opacity:.7;transform:scale(1.1) translateY(-5px)}50%{opacity:.85;transform:scale(.95) translateY(2px)}75%{opacity:.75;transform:scale(1.05) translateY(-3px)}}.problem-section{padding:100px 0;background:var(--white);position:relative}.section-header{text-align:center;margin-bottom:70px;animation:fadeInUp .8s ease}.section-title{font-size:clamp(36px,4.5vw,48px);font-weight:900;color:var(--dark);margin-bottom:20px;line-height:1.2;letter-spacing:-.02em}.section-subtitle{font-size:19px;color:var(--gray);max-width:720px;margin:0 auto;line-height:1.7}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:36px}.problem-card{background:var(--white);padding:40px;border-radius:20px;border:2px solid #fce7f3;transition:all .5s cubic-bezier(.175,.885,.32,1.275);animation:fadeInUp .8s ease;animation-fill-mode:both;position:relative;overflow:hidden}.problem-card:nth-child(1){animation-delay:.1s}.problem-card:nth-child(2){animation-delay:.2s}.problem-card:nth-child(3){animation-delay:.3s}.problem-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#ec4899,transparent);transform:translate(-100%);transition:transform .6s ease}.problem-card:hover:before{transform:translate(100%)}.problem-card:hover{border-color:#fbcfe8;box-shadow:0 16px 48px #ec489926;transform:translateY(-8px) scale(1.02)}.problem-icon-bad{font-size:48px;margin-bottom:20px;display:inline-block;animation:pulse 2s ease-in-out infinite}.problem-card h3{font-size:24px;font-weight:800;color:var(--dark);margin-bottom:16px}.problem-card p{font-size:16px;color:var(--gray);line-height:1.7;margin-bottom:20px}.problem-stat{font-size:14px;font-weight:700;color:var(--danger);background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:10px 16px;border-radius:8px;display:inline-block}.solution-section{padding:100px 0;background:linear-gradient(135deg,#fdf2f8,#fff,#fdf2f8);background-size:200% 200%;animation:gradientShift 20s ease infinite}.features-grid-clean{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}.feature-card-clean{background:#fff;padding:40px;border-radius:20px;border:2px solid #f3f4f6;transition:all .5s cubic-bezier(.175,.885,.32,1.275);animation:scaleIn .6s ease;animation-fill-mode:both;position:relative;overflow:hidden}.feature-card-clean:nth-child(1){animation-delay:.1s}.feature-card-clean:nth-child(2){animation-delay:.2s}.feature-card-clean:nth-child(3){animation-delay:.3s}.feature-card-clean:nth-child(4){animation-delay:.4s}.feature-card-clean:nth-child(5){animation-delay:.5s}.feature-card-clean:nth-child(6){animation-delay:.6s}.feature-card-clean:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(236,72,153,.05) 0%,transparent 70%);transform:scale(0);transition:transform .6s ease}.feature-card-clean:hover:after{transform:scale(1)}.feature-card-clean:hover{border-color:#fce7f3;box-shadow:0 20px 60px #ec489926;transform:translateY(-10px) scale(1.03)}.feature-icon-good{width:56px;height:56px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:var(--success);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;margin-bottom:20px;transition:all .4s ease;box-shadow:0 4px 12px #10b98133}.feature-card-clean:hover .feature-icon-good{transform:rotate(360deg) scale(1.1);box-shadow:0 8px 24px #10b9814d}.feature-card-clean h3{font-size:22px;font-weight:800;color:var(--dark);margin-bottom:14px}.feature-card-clean p{font-size:16px;color:var(--gray);line-height:1.7;margin-bottom:20px}.feature-benefit{font-size:14px;font-weight:700;color:var(--success);background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:10px 16px;border-radius:8px;display:inline-block}.coming-soon-banner{padding:30px 0;background:linear-gradient(135deg,#fdf2f8,#fff);border-top:1px solid #fbcfe8;border-bottom:1px solid #fbcfe8}.coming-soon-section{text-align:center;padding:24px;background:linear-gradient(135deg,#fffc,#fdf2f8cc);border-radius:20px;border:2px dashed #fbcfe8}.coming-soon-title{font-size:32px;font-weight:900;color:var(--dark);margin-bottom:12px}.coming-soon-subtitle{font-size:18px;color:var(--gray);margin-bottom:32px}.coming-soon-platforms{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.platform-badge{display:inline-flex;align-items:center;gap:12px;padding:16px 28px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:18px;font-weight:700;color:var(--dark);transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.platform-badge:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px #ec489926}.platform-logo{width:40px;height:40px;object-fit:contain}.platform-name{color:var(--gray)}.how-section{padding:100px 0;background:var(--white)}.steps-clean{max-width:900px;margin:0 auto}.step-clean{display:flex;gap:32px;margin-bottom:48px;padding:44px;background:linear-gradient(135deg,#fdf2f8 0%,var(--white) 100%);border-radius:20px;border:2px solid #fce7f3;transition:all .5s cubic-bezier(.175,.885,.32,1.275);animation:fadeInUp .8s ease;animation-fill-mode:both;position:relative;overflow:hidden}.step-clean:nth-child(1){animation-delay:.2s}.step-clean:nth-child(2){animation-delay:.4s}.step-clean:nth-child(3){animation-delay:.6s}.step-clean:before{content:"";position:absolute;left:0;top:0;width:6px;height:0;background:linear-gradient(180deg,#ec4899,#f472b6);transition:height .6s ease}.step-clean:hover:before{height:100%}.step-clean:hover{border-color:#fbcfe8;box-shadow:0 16px 48px #ec489926;transform:translate(8px)}.step-number{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;box-shadow:0 8px 24px #ec48994d;transition:all .4s ease}.step-clean:hover .step-number{transform:scale(1.15) rotate(360deg);box-shadow:0 12px 32px #ec489966}.step-content h3{font-size:24px;font-weight:800;color:var(--dark);margin-bottom:12px}.step-content p{font-size:17px;color:var(--gray);line-height:1.7}.pricing-section-clean{padding:100px 0;background:linear-gradient(135deg,#fdf2f8,#fff,#fdf2f8);background-size:200% 200%;animation:gradientShift 25s ease infinite}.pricing-card-clean{max-width:540px;margin:0 auto;background:#fff;padding:56px;border-radius:24px;border:3px solid var(--primary);box-shadow:0 24px 60px #ec489933;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275);animation:scaleIn .8s ease}.pricing-card-clean:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 32px 80px #ec48994d}.pricing-popular{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;padding:8px 24px;border-radius:30px;font-size:14px;font-weight:800;box-shadow:0 8px 24px #ec489966;animation:pulse 3s ease-in-out infinite}.pricing-price{text-align:center;margin:28px 0 40px}.price-dollar{font-size:36px;font-weight:800;color:var(--gray);vertical-align:top}.price-amount{font-size:84px;font-weight:900;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;display:inline-block}.price-period{font-size:20px;color:var(--gray);margin-left:10px;font-weight:700}.pricing-features{list-style:none;margin-bottom:40px}.pricing-features li{display:flex;align-items:center;gap:14px;margin-bottom:18px;font-size:17px;color:var(--dark);font-weight:600;transition:all .3s ease;padding:4px 0}.pricing-features li:hover{transform:translate(6px);color:var(--primary)}.pricing-features svg{color:var(--success);flex-shrink:0}.cta-section-clean{padding:100px 0;background:linear-gradient(135deg,#fdf2f8,#fce7f3);position:relative;overflow:hidden}.cta-section-clean:before{content:"";position:absolute;top:-50%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(236,72,153,.15) 0%,transparent 70%);border-radius:50%;animation:float 12s ease-in-out infinite}.cta-box{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1;animation:scaleIn .8s ease}.cta-box h2{font-size:clamp(36px,4.5vw,48px);font-weight:900;color:var(--dark);margin-bottom:20px;line-height:1.2}.cta-box p{font-size:20px;color:var(--gray);margin-bottom:40px;line-height:1.7}.countries-section{padding:0;background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-top:1px solid #fbcfe8;border-bottom:1px solid #fbcfe8;overflow:hidden;position:relative}.countries-wheel-container{position:relative;height:60px;display:flex;align-items:center}.countries-wheel{display:flex;gap:48px;animation:scrollBanner 30s linear infinite;white-space:nowrap}.country-wheel-item{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--dark)}.country-flag{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.country-name{font-weight:700}@keyframes scrollBanner{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:968px){.astronaut-wrapper{height:400px}}@media(max-width:640px){.hero-clean{padding:80px 0 100px}.problem-section,.solution-section,.how-section,.pricing-section-clean,.cta-section-clean{padding:70px 0}.section-header{margin-bottom:50px}.step-clean{flex-direction:column;text-align:center;align-items:center;padding:32px 24px}.pricing-card-clean{padding:40px 28px}}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--pink-gradient-start) 0%,var(--white) 50%,var(--pink-gradient-start) 100%);background-size:200% 200%;animation:gradientShift 15s ease infinite;padding:40px 20px}.auth-container{background:#fff;padding:48px;border-radius:24px;max-width:500px;width:100%;box-shadow:0 20px 60px #ec489926;animation:scaleIn .6s ease}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:34px;font-weight:900;color:var(--dark);margin-bottom:10px}.auth-header p{font-size:16px;color:var(--gray)}.auth-tabs-modern{display:flex;gap:8px;margin-bottom:32px;background:var(--light-gray);padding:6px;border-radius:12px}.auth-tab-modern{flex:1;padding:14px;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:700;color:var(--gray);cursor:pointer;transition:all .3s ease}.gumroad-modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#000000bf!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .3s ease;padding:20px;perspective:1500px}.gumroad-modal-content{background:#fff!important;border-radius:24px;max-width:1100px;width:100%;max-height:110vh;overflow:auto;position:relative!important;animation:popup3D .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 0 1px #ffffff1a,0 50px 100px -20px #00000080,0 30px 60px -30px #00000059,0 0 60px #10b98166,0 0 100px #10b98133,inset 0 0 0 2px #ffffff0d;display:block!important;margin:auto;transform:translateZ(100px);border:3px solid transparent;background-clip:padding-box;position:relative}.gumroad-modal-content:before{content:"";position:absolute;inset:-4px;border-radius:24px;padding:4px;background:linear-gradient(135deg,#10b981,#34d399,#10b981,#059669,#10b981);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:glowPulse 2s ease-in-out infinite;z-index:-1;filter:blur(2px)}.gumroad-modal-content:after{content:"";position:absolute;inset:-4px;border-radius:24px;background:linear-gradient(135deg,#10b98199,#34d39980,#10b98199);filter:blur(20px);opacity:1;pointer-events:none;z-index:-2;animation:glowPulse 2s ease-in-out infinite}@keyframes popup3D{0%{opacity:0;transform:translateZ(-200px) scale(.7) rotateX(20deg)}to{opacity:1;transform:translateZ(100px) scale(1) rotateX(0)}}@keyframes glowPulse{0%,to{opacity:.8;filter:blur(20px)}50%{opacity:1;filter:blur(25px)}}.gumroad-modal-close{position:absolute;top:16px;right:16px;background:#f3f4f6;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;z-index:100;box-shadow:0 2px 8px #0000001a}.gumroad-modal-close:hover{background:#fee2e2;transform:rotate(90deg) scale(1.15);box-shadow:0 4px 12px #ef44444d}.gumroad-modal-close svg{color:#6b7280;width:20px;height:20px}.gumroad-modal-close:hover svg{color:#ef4444}.gumroad-modal-body{padding:48px 16px 16px;text-align:center;overflow-y:auto;flex:1}.gumroad-modal-body::-webkit-scrollbar{width:8px}.gumroad-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.gumroad-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.gumroad-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.gumroad-modal-body h3{font-size:24px;font-weight:800;color:var(--dark);margin-bottom:8px}.gumroad-modal-body p{font-size:15px;color:var(--gray);margin-bottom:16px}.gumroad-modal-body .gumroad-product-embed{margin:0 auto;width:100%}.gumroad-modal-body iframe{border-radius:12px}@media(max-width:640px){.gumroad-modal-overlay{padding:10px}.gumroad-modal-content{width:100%;max-width:none;max-height:90vh;border-radius:16px}.gumroad-modal-body{padding:40px 12px 12px}.gumroad-modal-body h3{font-size:20px}.gumroad-modal-body p{font-size:14px}.gumroad-modal-close{width:32px;height:32px;top:12px;right:12px}.gumroad-modal-close svg{width:18px;height:18px}}.auth-tab-modern.active{background:#fff;color:var(--primary);box-shadow:0 4px 12px #ec489926}.auth-form-modern{margin-bottom:20px}.input-group-modern{margin-bottom:22px}.input-group-modern label{display:block;font-size:14px;font-weight:700;color:var(--dark);margin-bottom:10px}.input-group-modern input{width:100%;padding:14px 18px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;transition:all .3s ease}.input-group-modern input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #ec48991a}.btn-modern{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;font-family:inherit}.btn-primary-modern{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;box-shadow:0 6px 20px #ec48994d}.btn-primary-modern:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #ec489966}.btn-primary-modern:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%;justify-content:center}.btn-ghost-modern{background:transparent;color:var(--gray);border:2px solid #e5e7eb}.btn-danger-modern{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 6px 20px #ef44444d}.btn-danger-modern:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #ef444466}.btn-danger-modern:disabled{opacity:.5;cursor:not-allowed}.btn-ghost-modern:hover{background:var(--light-gray);border-color:var(--primary-light)}.btn-secondary-modern{background:var(--gray);color:#fff}.btn-secondary-modern:hover{background:#4b5563}.btn-outline-modern{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline-modern:hover{background:var(--primary);color:#fff}.btn-small{padding:10px 20px;font-size:14px}.btn-purchase-credits{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 0 20px #10b98199,0 6px 20px #10b98166!important;animation:pulseGlow 2s ease-in-out infinite!important}.btn-purchase-credits:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 0 30px #10b981cc,0 8px 28px #10b98180!important}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #10b98199,0 6px 20px #10b98166}50%{box-shadow:0 0 35px #10b981cc,0 8px 30px #10b98199}}.btn-text-modern{background:none;border:none;color:var(--gray);font-size:15px;font-weight:600;cursor:pointer;padding:12px;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.btn-text-modern:hover{color:var(--primary)}.remember-me-container{margin-bottom:20px}.remember-me-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--dark);-webkit-user-select:none;user-select:none}.remember-me-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.remember-me-label span{font-weight:500}.auth-note{text-align:center;font-size:14px;color:var(--gray);margin-top:16px}.message-modern{padding:14px 18px;border-radius:10px;font-size:14px;margin-top:16px;display:none;font-weight:600}.message-modern.success{display:block;background:#f0fdf4;color:var(--success);border:2px solid #bbf7d0}.message-modern.error{display:block;background:#fef2f2;color:var(--danger);border:2px solid #fecaca}.message-modern.info{display:block;background:#eff6ff;color:#3b82f6;border:2px solid #bfdbfe}.dashboard-wrapper{min-height:100vh;background:var(--light-gray)}.dashboard-nav{background:#fff;border-bottom:2px solid #e5e7eb;padding:22px 36px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 2px 8px #0000000a}.nav-brand h2{font-size:22px;font-weight:900;color:var(--dark)}.nav-user{display:flex;align-items:center;gap:28px}.user-info{text-align:right}.user-email-text{font-size:14px;color:var(--gray);margin-bottom:4px;font-weight:600}.user-credits-text{font-size:17px;font-weight:800;color:var(--primary);display:flex;align-items:center;gap:6px;justify-content:flex-end}.credits-icon{font-size:20px}.dashboard-content{padding:44px 36px;max-width:1440px;margin:0 auto;display:grid;gap:28px}.dashboard-card{background:#fff;border-radius:16px;padding:36px;box-shadow:0 2px 12px #0000000f;transition:all .3s ease}.dashboard-card:hover{box-shadow:0 8px 28px #0000001a}.card-gradient{background:linear-gradient(135deg,#fdf2f8,#fff)}.card-full{grid-column:1 / -1}.card-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header-modern h3{font-size:22px;font-weight:800;color:var(--dark)}.badge-modern{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700}.badge-purple{background:#fdf4ff;color:#a855f7}.badge-blue{background:#eff6ff;color:#3b82f6}.card-description-modern{font-size:15px;color:var(--gray);margin-bottom:24px}.conversion-display{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:var(--primary);padding:18px;border-radius:12px;text-align:center;font-size:22px;font-weight:800;margin-bottom:28px;box-shadow:0 4px 12px #ec489926}.input-license{font-family:Courier New,monospace;letter-spacing:1px}.upload-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.upload-zone{text-align:center;padding:32px;background:var(--light-gray);border-radius:16px;transition:all .3s ease}.upload-zone:hover{background:#e5e7eb}.upload-icon-large{font-size:56px;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.upload-zone h4{font-size:20px;font-weight:800;color:var(--dark);margin-bottom:10px}.upload-zone p{font-size:15px;color:var(--gray);margin-bottom:24px}.file-input-hidden{display:none}.table-container{overflow-x:auto}.csv-preview-container{margin-top:20px}.csv-table-wrapper{overflow-x:auto;border-radius:12px;border:2px solid #e9ecef;margin-bottom:20px}.csv-template-table{width:100%;border-collapse:collapse;background:#fff;min-width:900px}.csv-template-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.csv-template-table th{padding:16px;text-align:left;font-weight:600;font-size:14px;border-right:1px solid rgba(255,255,255,.1)}.csv-template-table th:first-child{width:80px}.csv-template-table th:last-child{border-right:none}.csv-template-table td{padding:14px 16px;border-bottom:1px solid #f0f0f0;font-size:13px;color:#495057;vertical-align:middle}.csv-template-table .template-row{background:#f8f9fa;font-style:italic;color:#6c757d}.csv-template-table .data-row{background:#fff;transition:background-color .2s}.csv-template-table .data-row:hover{background:#f0f7ff}.editable-cell{cursor:text;transition:background-color .2s;padding:14px 16px}.editable-cell:hover{background:#fff8dc;outline:1px dashed #fbbf24}.editable-cell:focus{outline:2px solid #ec4899;background:#fef3f8}.csv-preview-thumb{width:60px;height:60px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #0000001a}.clickable-preview{cursor:pointer;transition:all .2s ease}.clickable-preview:hover{transform:scale(1.1);box-shadow:0 4px 16px #ec48994d;border:2px solid var(--primary)}.csv-preview-placeholder{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;font-size:11px;color:#adb5bd;text-align:center}.empty-state-row td{padding:80px 20px!important;border-bottom:none!important}.csv-empty-state{text-align:center}.empty-state-icon{color:#d1d5db;margin:0 auto 20px;display:block}.empty-state-title{font-size:18px;font-weight:700;color:#374151;margin-bottom:8px}.empty-state-subtitle{font-size:14px;color:#9ca3af;margin:0}.csv-help-text{background:linear-gradient(135deg,#fef3e2,#ffeaa7);padding:20px;border-radius:12px;border-left:4px solid #fdcb6e}.csv-help-text p{margin:0 0 12px;font-weight:600;color:#2d3436}.csv-help-text ul{margin:0;padding-left:20px;list-style:none}.csv-help-text li{margin-bottom:8px;font-size:13px;color:#2d3436;position:relative;padding-left:20px}.csv-help-text li:before{content:"✓";position:absolute;left:0;color:#00b894;font-weight:700}.modern-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.design-preview{width:64px;height:64px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #0000001a}.status-badge{padding:6px 14px;border-radius:16px;font-size:12px;font-weight:700}.status-pending{background:#fef3c7;color:#d97706}.status-uploaded{background:#d1fae5;color:#059669}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px}.loading-spinner{width:60px;height:60px;border:4px solid rgba(236,72,153,.1);border-top-color:#ec4899;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:24px;font-size:18px;font-weight:600;color:#6b7280;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fc}.admin-login-container{background:#fff;border-radius:16px;padding:48px;width:100%;max-width:450px;box-shadow:0 4px 20px #00000014}.admin-login-header{text-align:center;margin-bottom:32px}.admin-login-header h1{font-size:32px;margin-bottom:8px;color:#4c4f69;font-weight:700}.admin-login-header p{color:#7c7f93;font-size:14px}.admin-login-form{display:flex;flex-direction:column;gap:20px}.admin-dashboard-wrapper{min-height:100vh;background:#f8f9fc;position:relative;overflow-x:hidden}.admin-dashboard-wrapper:before{display:none}@keyframes backgroundScroll{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.admin-nav{background:#fff;color:#1f2937;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #00000014;border-bottom:1px solid #e8eaed;position:sticky;top:0;z-index:100}.nav-brand h2{color:#4c4f69;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.admin-user-info{display:flex;align-items:center;gap:16px}.admin-email{font-weight:600;padding:.5rem 1rem;background:#f3f4f6;border-radius:8px;color:#4c4f69;border:1px solid #e8eaed}.admin-tabs{background:#fff;border-bottom:1px solid #e8eaed;padding:0 3rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 2px #0000000a}.tab-button{padding:1.25rem 2rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:-1px;position:relative}.tab-button:before{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:#7c3aed;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.tab-button:hover{color:#7c3aed;background:#faf5ff}.tab-button.active{color:#7c3aed}.tab-button.active:before{transform:scaleX(1)}.auto-refresh-btn{padding:8px 16px;background:#f3f4f6;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.auto-refresh-btn:hover{background:#e5e7eb}.auto-refresh-btn.active{background:#d1fae5;color:#059669;border-color:#10b981}.admin-content{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:1}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #e8eaed;position:relative;overflow:hidden}.stat-card:before{display:none}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-card:hover:before{opacity:1}.stat-card:nth-child(1){background:linear-gradient(135deg,#d9f3ea,#c5ede1);border-color:#b8e7d7}.stat-card:nth-child(2){background:linear-gradient(135deg,#fce4ec,#f8d0df);border-color:#f4bcd2}.stat-card:nth-child(3){background:linear-gradient(135deg,#e8eaf6,#d5d8f0);border-color:#c2c7ea}.stat-card:nth-child(4){background:linear-gradient(135deg,#e0f2f7,#c8e6f0);border-color:#b0dae9}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:2rem;line-height:1;position:relative;z-index:1}.stat-card:nth-child(1) .stat-icon{background:#fff;color:#10b981}.stat-card:nth-child(2) .stat-icon{background:#fff;color:#ec4899}.stat-card:nth-child(3) .stat-icon{background:#fff;color:#7c3aed}.stat-card:nth-child(4) .stat-icon{background:#fff;color:#06b6d4}.stat-icon svg{width:32px;height:32px;stroke-width:2;transition:all .3s ease}.stat-card:hover .stat-icon svg{transform:scale(1.05)}.stat-info{position:relative;z-index:1}.stat-info h3{font-size:2rem;margin:0 0 .25rem;color:#1f2937;font-weight:700;line-height:1}.stat-info p{margin:0;color:#6b7280;font-size:.875rem;font-weight:500;text-transform:capitalize;letter-spacing:0}.admin-users-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 1px 3px #00000014;border:1px solid #e8eaed}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{font-size:1.25rem;font-weight:700;color:#1f2937}.search-input{padding:.625rem 1rem;border:1px solid #e8eaed;border-radius:8px;font-size:.875rem;font-weight:400;transition:all .2s;min-width:300px}.search-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.search-input{padding:10px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;min-width:300px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#667eea}.users-table-wrapper{overflow-x:auto}.admin-users-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}.admin-users-table th{background:#f8f9fc;padding:.875rem 1.25rem;text-align:left;font-weight:600;color:#6b7280;font-size:.8125rem;text-transform:capitalize;letter-spacing:0;border-bottom:1px solid #e8eaed}.admin-users-table td{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem}.admin-users-table tr:hover{background:#fafbfc}.admin-users-table tbody tr{transition:all .2s ease}.admin-users-table tbody tr:hover{transform:none;box-shadow:none}.admin-badge{margin-left:.5rem;padding:.25rem .625rem;background:#e8eaf6;color:#7c3aed;border-radius:6px;font-size:.6875rem;font-weight:600;box-shadow:none;text-transform:uppercase;letter-spacing:.5px}.activity-badge{padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:500;color:#374151;box-shadow:none}.activity-log-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 1px 3px #00000014;border:1px solid #e8eaed}.activity-grid-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #00000014;border:1px solid #e8eaed}.activity-grid-section h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.activity-grid-section h3{margin-bottom:16px;color:#1a1a1a}.activity-grid{display:grid;grid-template-columns:repeat(53,12px);grid-template-rows:repeat(7,12px);gap:3px;margin-bottom:12px;overflow-x:auto;padding:8px}.activity-day{width:12px;height:12px;border-radius:2px;cursor:pointer;transition:transform .1s}.activity-day:hover{transform:scale(1.2);outline:2px solid rgba(0,0,0,.3)}.activity-legend{display:flex;align-items:center;gap:4px;font-size:12px;color:#666;justify-content:flex-end}.legend-box{width:12px;height:12px;border-radius:2px;border:1px solid rgba(0,0,0,.1)}.earnings-chart{display:flex;align-items:flex-end;gap:8px;height:180px;padding:12px;background:#fff;border-radius:8px}.earnings-bar{border-radius:6px 6px 0 0;cursor:pointer;transition:all .15s ease;position:relative}.earnings-bar:hover{opacity:1;transform:scaleY(1.05);filter:brightness(1.15);z-index:100;box-shadow:0 0 12px #10b98199}.earnings-tooltip{animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.edit-input{width:100%;padding:4px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px}.edit-actions{display:flex;gap:4px}.btn-edit,.btn-save,.btn-cancel{padding:4px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s;white-space:nowrap}.btn-edit{background:#f0f0f0;color:#333}.btn-edit:hover{background:#e0e0e0}.btn-save{background:#4caf50;color:#fff}.btn-save:hover{background:#45a049}.btn-cancel{background:#f44336;color:#fff}.btn-cancel:hover{background:#da190b}.status-locked{color:#dc3545;font-weight:500}.status-warning{color:#ff9800;font-weight:500}.status-active{color:#28a745;font-weight:500}.admin-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.admin-loading p{color:#666;font-size:16px}.transaction-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .25s ease-out}.transaction-modal{background:linear-gradient(145deg,#0f172a,#1e293b);border-radius:24px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #0009,0 0 1px #ffffff1a inset;border:1px solid rgba(255,255,255,.08);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.transaction-modal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;background:linear-gradient(135deg,#ec48991a,#a855f71a);border-bottom:1px solid rgba(255,255,255,.08);position:relative}.transaction-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ec4899,#a855f7,#ec4899);background-size:200% 100%;animation:shimmer 3s linear infinite}.transaction-modal-header h2{margin:0;font-size:26px;color:#fff;font-weight:700;display:flex;align-items:center;gap:12px}.transaction-modal-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s;width:40px;height:40px}.transaction-modal-close:hover{background:#ef444433;border-color:#ef444466;color:#ef4444;transform:rotate(90deg)}.transaction-modal-content{padding:24px 32px 32px;overflow-y:auto;flex:1}.transaction-modal-content::-webkit-scrollbar{width:8px}.transaction-modal-content::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.transaction-modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.transaction-modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.transaction-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#64748b}.loading-spinner{width:48px;height:48px;border:4px solid rgba(168,85,247,.2);border-top-color:#a855f7;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}.transaction-loading p{font-size:16px;font-weight:500;margin:0}.transaction-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;color:#64748b;text-align:center;background:linear-gradient(135deg,#a855f708,#ec489908);border-radius:16px;margin:20px 0}.transaction-empty svg{margin-bottom:24px;opacity:.4;color:#a855f7;filter:drop-shadow(0 4px 12px rgba(168,85,247,.2))}.transaction-empty p{font-size:22px;font-weight:700;margin:8px 0;color:#e2e8f0;text-shadow:0 2px 8px rgba(0,0,0,.3)}.transaction-empty span{font-size:15px;color:#64748b;font-weight:500}.transaction-list{display:flex;flex-direction:column;gap:14px}.transaction-item{display:flex;align-items:center;gap:18px;padding:20px;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.06);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.transaction-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,transparent,transparent);transition:all .25s}.transaction-item.earned:before{background:linear-gradient(180deg,#00e676,#00c853)}.transaction-item.spent:before{background:linear-gradient(180deg,#ff5252,#ff1744)}.transaction-item:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translate(4px);box-shadow:0 8px 24px #0003}.transaction-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.transaction-item.earned .transaction-icon{background:linear-gradient(135deg,#00e676,#00c853);box-shadow:0 6px 20px #00e67659}.transaction-item.spent .transaction-icon{background:linear-gradient(135deg,#ff5252,#ff1744);box-shadow:0 6px 20px #ff525259}.transaction-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.transaction-details{flex:1;min-width:0}.transaction-description{font-size:16px;font-weight:600;color:#f1f5f9;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-date{font-size:13px;color:#64748b;font-weight:500}.transaction-amount{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.amount-earned{font-size:20px;font-weight:700;color:#00e676;text-shadow:0 0 20px rgba(0,230,118,.3)}.amount-spent{font-size:20px;font-weight:700;color:#ff5252;text-shadow:0 0 20px rgba(255,82,82,.3)}.transaction-balance{font-size:12px;color:#475569;font-weight:600;background:#ffffff0d;padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.transaction-modal{width:95%;max-height:90vh;border-radius:20px}.transaction-modal-header{padding:22px 24px}.transaction-modal-header h2{font-size:22px}.transaction-modal-content{padding:20px 24px 28px}.transaction-item{padding:16px;gap:14px}.transaction-icon{width:42px;height:42px}.transaction-description{font-size:15px}.amount-earned,.amount-spent{font-size:18px}.transaction-balance{font-size:11px}}.image-preview-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.image-preview-modal{background:#fff;border-radius:16px;max-width:1200px;max-height:90vh;width:90%;overflow:auto;position:relative;animation:slideUp .3s ease}.preview-close{position:absolute;top:16px;right:16px;background:#000000b3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.preview-close:hover{background:#000000e6;transform:scale(1.1)}.preview-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px}.preview-image{width:100%;height:auto;max-height:600px;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px #0000001a}.preview-no-image{display:flex;align-items:center;justify-content:center;background:#f3f4f6;height:400px;border-radius:12px;color:#6b7280;font-size:18px}.preview-details h2{font-size:28px;font-weight:800;color:var(--dark);margin-bottom:24px}.preview-section{margin-bottom:24px}.preview-section h3{font-size:16px;font-weight:700;color:#6b7280;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.preview-section p{font-size:16px;color:var(--dark);line-height:1.6}.preview-tags{display:flex;flex-wrap:wrap;gap:8px}.preview-tag{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:var(--primary);padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600}@media(max-width:768px){.preview-content{grid-template-columns:1fr;padding:24px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.formatting-guide-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.formatting-guide-modal{background:#fff;border-radius:20px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.formatting-guide-header{padding:30px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;border-radius:20px 20px 0 0}.formatting-guide-header h2{margin:0;font-size:28px;font-weight:700}.formatting-guide-close{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.formatting-guide-close:hover{background:#ffffff4d;transform:rotate(90deg)}.formatting-guide-content{padding:30px;overflow-y:auto;flex:1}.special-notice{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;padding:20px;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 12px #22c55e33}.special-notice h3{margin:0 0 10px;font-size:20px}.special-notice p{margin:0;line-height:1.6;font-size:15px}.formatting-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #f0f0f0;overflow-x:auto}.formatting-tabs button{background:none;border:none;padding:12px 20px;font-size:15px;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap}.formatting-tabs button:hover{color:#ec4899}.formatting-tabs button.tab-active{color:#ec4899;border-bottom-color:#ec4899}.formatting-tab-content{min-height:400px}.tab-panel h3{color:#1f2937;font-size:24px;margin:0 0 15px}.tab-panel h4{color:#374151;font-size:18px;margin:25px 0 12px}.tab-panel h5{color:#4b5563;font-size:16px;margin:15px 0 8px}.tab-panel p{color:#6b7280;line-height:1.6;margin:0 0 15px}.tab-panel ul,.tab-panel ol{color:#6b7280;line-height:1.8;margin:15px 0;padding-left:25px}.tab-panel li{margin-bottom:8px}.code-block{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:15px;font-family:Courier New,monospace;font-size:14px;color:#1f2937;margin:15px 0;overflow-x:auto;white-space:pre}.examples-grid{display:grid;gap:12px;margin:15px 0}.example-item{padding:15px;border-radius:8px;border-left:4px solid}.example-item.good{background:#f0fdf4;border-left-color:#22c55e}.example-item.bad{background:#fef2f2;border-left-color:#ef4444}.example-item code{display:block;font-size:14px;font-weight:600;margin-bottom:5px;color:#1f2937}.example-item span{font-size:13px;color:#6b7280}.description-example{padding:15px;border-radius:8px;margin:15px 0}.description-example.good{background:#f0fdf4;border-left:4px solid #22c55e}.description-example.bad{background:#fef2f2;border-left:4px solid #ef4444}.description-example strong{display:block;margin-bottom:8px;color:#1f2937}.description-example p{margin:0 0 8px;font-style:italic;color:#374151}.char-count{font-size:12px;color:#6b7280;font-style:normal}.tags-example{padding:15px;border-radius:8px;margin:15px 0}.tags-example.good{background:#f0fdf4;border-left:4px solid #22c55e}.tags-example.bad{background:#fef2f2;border-left:4px solid #ef4444}.tags-example strong{display:block;margin-bottom:10px;color:#1f2937}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.tag{background:#ec4899;color:#fff;padding:5px 12px;border-radius:20px;font-size:13px;font-weight:500}.tag-strategy{margin-top:10px;font-size:13px;color:#6b7280}.tag-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:15px 0}.category{background:#f9fafb;padding:15px;border-radius:8px;border:1px solid #e5e7eb}.category h5{margin:0 0 8px;color:#1f2937}.category p{margin:0;font-size:13px;color:#6b7280;font-style:italic}.path-examples{display:grid;gap:15px;margin:15px 0}.path-example{padding:15px;border-radius:8px;font-size:14px;line-height:1.8;border-left:4px solid}.path-example.good{background:#f0fdf4;border-left-color:#22c55e}.path-example.bad{background:#fef2f2;border-left-color:#ef4444}.path-example strong{color:#1f2937}.path-example code{background:#0000000d;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace}.conversion-example{background:#f9fafb;padding:20px;border-radius:8px;margin:20px 0}.conversion-example h5{margin:0 0 15px;color:#1f2937}.conversion-example table{width:100%;border-collapse:collapse}.conversion-example th,.conversion-example td{padding:10px;text-align:left;border-bottom:1px solid #e5e7eb}.conversion-example th{background:#f3f4f6;font-weight:600;color:#1f2937}.conversion-example td{color:#6b7280;font-size:14px}.conversion-example code{background:#fff;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;color:#ec4899}.tip-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;padding:15px;border-radius:8px;margin:20px 0}.tip-box strong{color:#92400e;display:block;margin-bottom:5px}.tip-box code{background:#0000001a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace}.formatting-guide-footer{padding:20px 30px;border-top:2px solid #f0f0f0;display:flex;justify-content:center}@media(max-width:768px){.formatting-guide-modal{max-height:95vh}.formatting-guide-header{padding:20px}.formatting-guide-header h2{font-size:22px}.formatting-guide-content{padding:20px}.formatting-tabs{gap:5px}.formatting-tabs button{padding:10px 15px;font-size:14px}.tag-categories{grid-template-columns:1fr}}.video-banner-section{padding:80px 0;background:linear-gradient(180deg,#f9fafb,#fff);position:relative}.video-banner-wrapper{max-width:1100px;margin:0 auto}.video-banner-header{text-align:center;margin-bottom:40px}.video-banner-title{font-size:clamp(32px,5vw,48px);font-weight:900;color:#1f2937;margin-bottom:12px;background:linear-gradient(135deg,#1f2937,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.video-banner-subtitle{font-size:18px;color:#6b7280;font-weight:500}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000026;background:#000}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media(max-width:768px){.video-banner-section{padding:60px 0}.video-banner-header{margin-bottom:30px}.video-banner-title{font-size:28px}.video-banner-subtitle{font-size:16px}}