@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";.banished{position:fixed;inset:0;z-index:99999;background:#080005;display:flex;align-items:center;justify-content:center;overflow:hidden}.banished-bg{position:absolute;inset:0;pointer-events:none}.banished-grid{position:absolute;inset:-40px;background-size:40px 40px;background-image:linear-gradient(rgba(236,72,153,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(236,72,153,.05) 1px,transparent 1px)}.banished-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,rgba(180,20,80,.08) 60%,rgba(120,0,40,.25) 100%);animation:banishedPulse 3s ease-in-out infinite}@keyframes banishedPulse{0%,to{opacity:.7}50%{opacity:1}}.banished-scanbeam{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(236,72,153,.5),transparent);box-shadow:0 0 20px #ec48994d;animation:banishedScan 4s linear infinite}@keyframes banishedScan{0%{top:-2px}to{top:100%}}.banished-flash{position:absolute;inset:0;background:#ec48990f;pointer-events:none;animation:screenFlash 7s 2s infinite}@keyframes screenFlash{0%,88%,91%,to{opacity:0}89%{opacity:1}90%{opacity:.3}}.banished-bolts{position:absolute;inset:0;pointer-events:none}.bolt{position:absolute;font-size:1.5rem;opacity:0;filter:drop-shadow(0 0 8px rgba(236,72,153,.8));color:#ec4899}.bolt-1{top:12%;left:8%;animation:boltFlash 5.3s .4s infinite}.bolt-2{top:20%;right:10%;animation:boltFlash 4.1s 1.8s infinite;font-size:2.2rem}.bolt-3{bottom:18%;left:12%;animation:boltFlash 6.7s .9s infinite;font-size:1.1rem}.bolt-4{bottom:25%;right:7%;animation:boltFlash 3.9s 2.6s infinite;font-size:2.8rem;filter:drop-shadow(0 0 12px rgba(236,72,153,1))}@keyframes boltFlash{0%,85%,to{opacity:0;transform:scale(1) rotate(-5deg)}87%{opacity:1;transform:scale(1.2) rotate(0)}90%{opacity:.3;transform:scale(.9) rotate(-8deg)}92%{opacity:.9;transform:scale(1.1) rotate(3deg)}95%{opacity:0;transform:scale(1) rotate(-5deg)}}.banished-card{position:relative;z-index:1;text-align:center;max-width:460px;width:calc(100% - 32px);padding:40px 36px 36px;background:linear-gradient(145deg,#1a0814,#0d0008);border:1px solid rgba(236,72,153,.2);box-shadow:inset 1px 1px #ffffff08,0 0 60px -10px #ec489926,0 24px 80px -20px #000000e6}.banished-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ec4899,#f43f5e,#ec4899,transparent);box-shadow:0 0 16px #ec4899cc}.banished-icon-wrap{position:relative;width:72px;height:72px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.banished-icon{font-size:2.4rem;filter:drop-shadow(0 0 12px rgba(236,72,153,.9));animation:iconPulse 2s ease-in-out infinite;position:relative;z-index:1}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 8px rgba(236,72,153,.7));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(236,72,153,1));transform:scale(1.1)}}.banished-icon-ring{position:absolute;inset:0;border:1px solid rgba(236,72,153,.4);transform:rotate(45deg);animation:ringRotate 8s linear infinite}@keyframes ringRotate{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.banished-sys{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;color:#ec489980;margin-bottom:16px;text-transform:uppercase}.banished-blink{animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.banished-title{font-family:var(--font-mono);font-size:clamp(1rem,4vw,1.4rem);letter-spacing:.12em;color:#ec4899;text-align:center;margin-bottom:24px;line-height:1.3;animation:glitch 3s infinite}@keyframes glitch{0%,30%,to{text-shadow:0 0 8px rgba(236,72,153,.7),0 0 30px rgba(236,72,153,.3);transform:none}31%{text-shadow:-5px 0 #ff0055,5px 0 #00e5ff;transform:skew(-8deg) translate(4px)}32%{text-shadow:5px 0 #ff0055,-5px 0 #00e5ff;transform:skew(6deg) translate(-6px)}33%{text-shadow:-3px 0 #ff0055,3px 0 #00e5ff;transform:skew(-3deg) translate(2px)}34%{text-shadow:0 0 8px rgba(236,72,153,.7);transform:none}35%{text-shadow:-7px 0 #ff0055,7px 0 #00e5ff;transform:skew(10deg) translate(-5px);filter:brightness(1.6)}36%{text-shadow:4px 0 #ff0055,-4px 0 #00e5ff;transform:skew(-4deg)}37%{text-shadow:0 0 8px rgba(236,72,153,.7),0 0 30px rgba(236,72,153,.3);transform:none;filter:none}}.banished-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(236,72,153,.2),transparent);margin-bottom:24px}.banished-sub{font-size:.8rem;color:var(--text-muted);line-height:1.7;margin-bottom:28px;font-family:var(--font-mono);letter-spacing:.02em}.banished-code{display:inline-flex;align-items:center;gap:12px;background:#ec48990f;border:1px solid rgba(236,72,153,.15);padding:8px 16px}.banished-code-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;color:#ec489980;text-transform:uppercase}.banished-code-val{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;color:#ec4899}.access-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);position:relative;overflow:hidden}.access-background{position:absolute;inset:0;pointer-events:none}.access-gradient{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(6,182,212,.08) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(236,72,153,.06) 0%,transparent 40%);animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.access-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.access-card{width:100%;max-width:420px;background:linear-gradient(135deg,#1e2029,#111216);border:1px solid var(--border-color);padding:var(--space-2xl);position:relative;z-index:1;box-shadow:inset 1px 1px #ffffff0d,inset -1px -1px #0000004d,0 20px 60px -15px #000c;animation:cardFadeIn .5s ease-out both}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.access-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#06b6d4,transparent);box-shadow:0 0 10px #06b6d4}.access-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ec4899,transparent);opacity:.5}.access-header{text-align:center;margin-bottom:var(--space-xl);display:flex;flex-direction:column;align-items:center}.access-logo-diamond{width:56px;height:56px;border:1px solid rgba(6,182,212,.5);background:#06b6d41a;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);transform:rotate(45deg);animation:diamondBootIn .5s ease-out .2s both,diamondPulse 3s ease-in-out .7s infinite}@keyframes diamondBootIn{0%{opacity:0;transform:rotate(45deg) scale(0)}to{opacity:1;transform:rotate(45deg) scale(1)}}@keyframes diamondPulse{0%,to{box-shadow:0 0 10px #06b6d433;border-color:#06b6d480}50%{box-shadow:0 0 25px #06b6d499,inset 0 0 10px #06b6d426;border-color:#06b6d4cc}}.access-logo-icon{font-size:1.5rem;transform:rotate(-45deg);filter:drop-shadow(0 0 8px rgba(6,182,212,.6));animation:boltFlicker 3s ease .5s infinite}@keyframes boltFlicker{0%{opacity:1}2%{opacity:.2}3%{opacity:1}5%{opacity:.15}6%{opacity:1}8%{opacity:.3}9%{opacity:1}11%{opacity:.1}12%{opacity:1}to{opacity:1}}.access-title{font-size:2.25rem;margin-bottom:2px;letter-spacing:.3em;color:#fff;text-shadow:0 0 10px rgba(6,182,212,.7),0 0 20px rgba(6,182,212,.5)}.access-title-accent{color:#06b6d4}.access-version{font-family:var(--font-mono);font-size:.625rem;color:#06b6d499;letter-spacing:.2em;margin-bottom:var(--space-md)}.access-header p{font-size:.8125rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.05em}.access-form{display:flex;flex-direction:column;gap:var(--space-lg)}.access-google-block{align-items:stretch}.access-config-missing{font-family:var(--font-mono);font-size:.75rem;color:#f97316;text-align:center;line-height:1.5;margin:0}.access-google-wrap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:40px}.access-google-wrap--loading .access-google-pill-btn{pointer-events:none;opacity:.35}.access-google-pill-btn{display:block;padding:0;margin:0;border:none;background:transparent;cursor:pointer;line-height:0;border-radius:19.5px;max-width:100%;transform-origin:center center}.access-google-pill-btn:disabled{cursor:not-allowed}.access-google-pill-btn img{display:block;width:100%;max-width:175px;height:auto;vertical-align:top}.access-google-fallback-host{display:flex;justify-content:center;min-height:40px}.access-google-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);background:#050505bf;z-index:4;font-family:var(--font-mono);font-size:.75rem;color:#06b6d4;letter-spacing:.08em}.access-google-loading-text{text-transform:uppercase}.access-gate .form-group{display:flex;flex-direction:column}.access-gate .form-group label{margin-bottom:var(--space-sm)}.access-gate .form-group input{height:48px;font-size:.875rem}.access-btn{width:100%;height:48px;position:relative;overflow:hidden}.access-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(6,182,212,.1),transparent);transition:left .5s}.access-btn:hover:after{left:100%}.error-message{background:#ec48991a;border:1px solid rgba(236,72,153,.3);color:#f9a8d4;padding:var(--space-md);font-size:.8125rem;line-height:1.5;font-family:var(--font-mono);position:relative}.error-message:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#ec4899;box-shadow:0 0 8px #ec4899}.spinner{width:16px;height:16px;border:2px solid rgba(6,182,212,.3);border-top-color:#06b6d4;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.denied-takeover{position:fixed;inset:0;z-index:99999;background:#0a0a0c;display:flex;align-items:center;justify-content:center;overflow:hidden}.denied-bg{position:absolute;inset:0;pointer-events:none}.denied-grid{position:absolute;inset:-40px;background-size:40px 40px;background-image:linear-gradient(rgba(236,72,153,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(236,72,153,.06) 1px,transparent 1px);animation:gridDrift 8s linear infinite}.denied-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(236,72,153,.08) 70%,rgba(180,30,80,.15) 100%);animation:vignettePulse 4s ease-in-out infinite}@keyframes vignettePulse{0%,to{opacity:.6}50%{opacity:1}}.denied-scanbeam{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(236,72,153,.4),transparent);box-shadow:0 0 20px #ec48994d,0 0 60px #ec48991a;animation:deniedScan 6s linear infinite}@keyframes deniedScan{0%{top:-2px}to{top:100%}}.denied-particles{position:absolute;inset:0;overflow:hidden}.denied-particle{position:absolute;top:0;width:2px;height:2px;background:#ec4899;border-radius:50%;box-shadow:0 0 6px 1px #ec489999;animation:particleFloat linear infinite}.denied-particle:nth-child(1){left:5%;animation-duration:12s;animation-delay:0s}.denied-particle:nth-child(2){left:15%;animation-duration:16s;animation-delay:-3s}.denied-particle:nth-child(3){left:25%;animation-duration:10s;animation-delay:-6s}.denied-particle:nth-child(4){left:35%;animation-duration:14s;animation-delay:-1s}.denied-particle:nth-child(5){left:45%;animation-duration:18s;animation-delay:-8s}.denied-particle:nth-child(6){left:55%;animation-duration:11s;animation-delay:-4s}.denied-particle:nth-child(7){left:65%;animation-duration:15s;animation-delay:-2s}.denied-particle:nth-child(8){left:75%;animation-duration:13s;animation-delay:-7s}.denied-particle:nth-child(9){left:82%;animation-duration:17s;animation-delay:-5s}.denied-particle:nth-child(10){left:88%;animation-duration:12s;animation-delay:-9s}.denied-particle:nth-child(11){left:93%;animation-duration:14s;animation-delay:-11s}.denied-particle:nth-child(12){left:10%;animation-duration:19s;animation-delay:-13s}.denied-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:var(--space-lg);max-width:600px;width:100%}.denied-main{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.denied-glitch-wrapper{position:relative;padding:.5rem 0}.denied-glitch{font-size:clamp(2rem,7vw,3.5rem);font-weight:900;letter-spacing:.15em;color:#ec4899;text-shadow:0 0 10px rgba(236,72,153,.8),0 0 40px rgba(236,72,153,.4),0 0 80px rgba(236,72,153,.2);position:relative;animation:glitchShake 5s ease-in-out infinite}.denied-glitch:before,.denied-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.denied-glitch:before{color:#06b6d4;animation:glitchLeft 3s infinite linear alternate-reverse;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);opacity:.8}.denied-glitch:after{color:#f97316;animation:glitchRight 2.5s infinite linear alternate-reverse;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);opacity:.8}@keyframes glitchLeft{0%{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(3px)}to{transform:translate(0)}}@keyframes glitchRight{0%{transform:translate(0)}20%{transform:translate(3px,-1px)}40%{transform:translate(-2px,1px)}60%{transform:translate(1px,-2px)}80%{transform:translate(-3px)}to{transform:translate(0)}}@keyframes glitchShake{0%,to{transform:translate(0)}2%{transform:translate(-2px,1px)}4%{transform:translate(2px,-1px)}6%{transform:translate(0)}48%{transform:translate(0)}50%{transform:translate(3px)}51%{transform:translate(-3px,1px)}52%{transform:translate(1px,-1px)}53%{transform:translate(0)}}.denied-subtext{font-family:var(--font-mono);font-size:.75rem;color:#ec489980;letter-spacing:.25em;text-transform:uppercase}.denied-email-log{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.7rem;padding:8px 16px;background:#ec48990d;border:1px solid rgba(236,72,153,.15)}.denied-email-label{color:#ffffff4d}.denied-email-value{color:#ec4899cc}.denied-email-status{color:#ef444499}.denied-retry-btn{display:flex;align-items:center;gap:6px;margin-top:.5rem;padding:12px 28px;background:transparent;border:1px solid rgba(236,72,153,.3);color:#ec4899cc;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.denied-retry-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(236,72,153,.08),transparent);transform:translate(-100%);transition:transform .5s ease}.denied-retry-btn:hover:before{transform:translate(100%)}.denied-retry-btn:hover{border-color:#ec489999;color:#ec4899;box-shadow:0 0 20px #ec489926,inset 0 0 20px #ec48990d;text-shadow:0 0 8px rgba(236,72,153,.4)}.denied-retry-bracket{color:#fff3;font-weight:700}.denied-retry-key{color:#ec4899;font-weight:700;text-shadow:0 0 6px rgba(236,72,153,.5)}.denied-retry-text{margin-left:4px}.sub-expired{position:fixed;inset:0;z-index:99999;background:#0a0a0c;display:flex;align-items:center;justify-content:center;overflow:hidden}.sub-expired-bg{position:absolute;inset:0;pointer-events:none}.sub-expired-grid{position:absolute;inset:-40px;background-size:40px 40px;background-image:linear-gradient(rgba(6,182,212,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.04) 1px,transparent 1px)}.sub-expired-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(6,182,212,.06) 70%,rgba(6,82,112,.12) 100%);animation:subVignettePulse 4s ease-in-out infinite}@keyframes subVignettePulse{0%,to{opacity:.6}50%{opacity:1}}.sub-expired-scanbeam{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.3),transparent);box-shadow:0 0 20px #06b6d433;animation:subScan 6s linear infinite}@keyframes subScan{0%{top:-2px}to{top:100%}}.sub-expired-card{position:relative;z-index:1;text-align:center;max-width:420px;width:100%;padding:var(--space-2xl);background:linear-gradient(135deg,#1e2029,#111216);border:1px solid rgba(6,182,212,.15);box-shadow:inset 1px 1px #ffffff0d,0 20px 60px -15px #000c}.sub-expired-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ec4899,transparent);box-shadow:0 0 10px #ec4899}.sub-expired-icon{width:64px;height:64px;border:1px solid rgba(236,72,153,.4);background:#ec489914;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transform:rotate(45deg)}.sub-expired-icon svg{transform:rotate(-45deg);color:#ec4899;filter:drop-shadow(0 0 8px rgba(236,72,153,.5))}.sub-expired-title{font-family:var(--font-mono);font-size:clamp(1.1rem,4vw,1.5rem);letter-spacing:.15em;color:#ec4899;text-shadow:0 0 10px rgba(236,72,153,.5);margin-bottom:12px}.sub-expired-subtitle{font-size:.875rem;color:var(--text-muted);margin-bottom:24px;line-height:1.5}.sub-expired-price{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:24px}.sub-expired-currency{font-size:1.5rem;color:#06b6d4;font-weight:600}.sub-expired-amount{font-size:3rem;font-weight:800;color:#fff;line-height:1}.sub-expired-period{font-size:.85rem;color:var(--text-muted);font-family:var(--font-mono);margin-left:4px}.sub-expired-error{background:#ec48991a;border:1px solid rgba(236,72,153,.3);color:#f9a8d4;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-family:var(--font-mono);margin-bottom:16px}.sub-expired-btn{width:100%;height:50px;font-size:.95rem;letter-spacing:.08em;position:relative;overflow:hidden}.sub-expired-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(6,182,212,.1),transparent);transition:left .5s}.sub-expired-btn:hover:after{left:100%}.sub-expired-note{font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono);margin-top:16px;letter-spacing:.05em}.renewal-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(90deg,#ec48991f,#06b6d41f);border-bottom:1px solid rgba(236,72,153,.25);padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.renewal-banner-text{font-family:var(--font-mono);font-size:.75rem;color:#f9a8d4;letter-spacing:.05em}.renewal-banner-btn{background:transparent;border:1px solid rgba(6,182,212,.4);color:#06b6d4;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;padding:5px 14px;cursor:pointer;transition:all .2s}.renewal-banner-btn:hover{border-color:#06b6d4;box-shadow:0 0 10px #06b6d433}.renewal-banner-dismiss{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:2px 6px;transition:color .2s}.renewal-banner-dismiss:hover{color:#ec4899}.layout{min-height:100vh;display:flex;flex-direction:column;position:relative}.metallic-bg{background:linear-gradient(180deg,#1a1a20,#0d0d12);position:relative}.metallic-bg:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);pointer-events:none;opacity:.5}.header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.1);padding:12px 0}.header-streak{position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#06b6d4,transparent);opacity:.5;box-shadow:0 0 10px #06b6d4}.header-content{max-width:1400px;margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between;height:100%;position:relative;z-index:1}.logo{display:flex;align-items:center;gap:var(--space-md);text-decoration:none;color:var(--text-primary)}.logo-diamond{width:40px;height:40px;border:1px solid rgba(6,182,212,.5);background:#06b6d41a;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);transition:border-color .3s}.logo-diamond:hover{border-color:#06b6d4cc}.logo-icon{font-size:1.25rem;transform:rotate(-45deg)}.logo-text-group{display:flex;flex-direction:column}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 0 10px rgba(6,182,212,.7),0 0 20px rgba(6,182,212,.5)}.logo-accent{color:#06b6d4}.logo-version{font-family:var(--font-mono);font-size:.625rem;color:#06b6d499;letter-spacing:.2em}.logo:hover{color:var(--text-primary)}.nav{display:flex;align-items:center;gap:2px}.nav-link{position:relative;padding:var(--space-sm) var(--space-lg);color:var(--text-muted);text-decoration:none;font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.15em;text-transform:uppercase;transition:all var(--transition-fast);border-left:1px solid transparent;border-right:1px solid transparent}.nav-link:hover{color:#06b6d4;background:#ffffff08;border-color:#ffffff1a;text-shadow:0 0 5px rgba(6,182,212,.5)}.nav-link.active{color:#06b6d4;text-shadow:0 0 5px rgba(6,182,212,.5)}.nav-active-bar{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#06b6d4;box-shadow:0 0 10px #06b6d4}.nav-badge{position:absolute;top:6px;right:6px;width:6px;height:6px;background:#ec4899;border-radius:50%;box-shadow:0 0 6px #ec4899;animation:pulse 2s infinite}.header-right{display:flex;align-items:center;gap:var(--space-lg)}.header-time-block{display:flex;flex-direction:column;align-items:flex-end}.header-time{font-family:var(--font-mono);font-size:1.125rem;color:#06b6d4}.header-time-label{font-size:.5625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em}.header-divider{width:1px;height:32px;background:#fff3}.user-email{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.main{flex:1;padding:var(--space-3xl) var(--space-lg);position:relative}.layout-footer-minimal{position:relative;border-top:1px solid rgba(255,255,255,.08);padding:10px 0;flex-shrink:0}.layout-footer-minimal-streak{position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#06b6d4,transparent);opacity:.55;box-shadow:0 0 10px #06b6d4}.layout-footer-minimal-inner{max-width:1400px;margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);position:relative;z-index:1}.layout-footer-minimal-left{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);letter-spacing:.08em}.layout-footer-minimal-right{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;justify-content:flex-end}.layout-footer-minimal-link{font-family:var(--font-mono);font-size:.6875rem;color:#06b6d4bf;text-decoration:none;letter-spacing:.06em}.layout-footer-minimal-link:hover{color:#06b6d4;text-shadow:0 0 6px rgba(6,182,212,.35)}.layout-footer-minimal-email{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);letter-spacing:.03em}.footer{border-top:1px solid rgba(255,255,255,.1);position:relative}.footer-streak{position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#ec4899,transparent);opacity:.3;box-shadow:0 0 10px #ec4899}.footer-content{max-width:1400px;margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.footer-bars{display:flex;gap:var(--space-xl)}.footer-bar-group{display:flex;flex-direction:column;gap:4px}.footer-bar-label{font-size:.5625rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.15em;font-family:var(--font-mono)}.footer-bar-track{width:120px;height:4px;background:#1e293b;border-radius:2px;overflow:hidden}.footer-bar-fill{height:100%;border-radius:2px}.footer-bar-fill.cyan{background:#06b6d4;box-shadow:0 0 5px #06b6d4}.footer-bar-fill.pink{background:#ec4899;box-shadow:0 0 5px #ec4899}.footer-text{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);letter-spacing:.1em}@media(max-width:768px){.header-content{flex-wrap:wrap;gap:var(--space-md);height:auto;padding:var(--space-md) var(--space-lg)}.header-right{order:-1;width:100%;justify-content:space-between}.header-time-block,.header-divider{display:none}.nav{width:100%;justify-content:center}.footer-bars{display:none}}.home-page{max-width:900px;margin:0 auto}.home-header{text-align:center;margin-bottom:var(--space-2xl)}.home-header h1{margin-bottom:var(--space-xs);font-size:2rem;letter-spacing:.2em}.home-header h1:before{content:"";display:inline-block;width:3px;height:28px;background:#06b6d4;box-shadow:0 0 15px #06b6d4;margin-right:12px;vertical-align:middle}.home-header p{color:var(--text-muted);font-family:var(--font-mono);font-size:.875rem;letter-spacing:.1em}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.template-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,#1e2029,#111216);border:1px solid var(--border-color);text-decoration:none;transition:all var(--transition-base);position:relative;overflow:hidden;box-shadow:inset 1px 1px #ffffff0d,inset -1px -1px #0000004d}.template-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.3),transparent);opacity:0;transition:opacity .3s}.template-card:hover:before{opacity:1}.template-card:hover{border-color:#06b6d466;transform:translateY(-2px);box-shadow:0 0 20px #06b6d426,inset 1px 1px #ffffff0d}.template-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#06b6d41a;border:1px solid rgba(6,182,212,.2);flex-shrink:0}.template-info{flex:1;min-width:0}.template-info h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:2px;letter-spacing:.05em}.template-info p{font-size:.75rem;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono)}.template-arrow{color:var(--text-muted);font-size:1.25rem;opacity:0;transform:translate(-4px);transition:all var(--transition-fast);font-family:var(--font-mono)}.template-card:hover .template-arrow{opacity:1;transform:translate(0);color:#06b6d4;text-shadow:0 0 5px rgba(6,182,212,.5)}.coming-soon-banner{position:relative;margin-bottom:var(--space-xl);padding:12px var(--space-xl);background:linear-gradient(135deg,#a855f714,#06b6d40f);border:1px solid rgba(168,85,247,.25);overflow:hidden}.coming-soon-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.6),rgba(6,182,212,.4),transparent)}.cs-title-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.cs-badge{font-family:var(--font-mono);font-size:.5625rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#a855f7;background:#a855f726;border:1px solid rgba(168,85,247,.3);padding:2px 8px;flex-shrink:0}.cs-title-row h3{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:.03em}.cs-description{font-size:.75rem;color:var(--text-muted);line-height:1.5;margin:0}.suggest-section{margin-top:var(--space-3xl);padding:var(--space-xl);background:linear-gradient(135deg,#1e2029,#111216);border:1px solid var(--border-color);position:relative}.suggest-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(236,72,153,.4),transparent)}.suggest-section h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.suggest-subtitle{font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--space-lg)}.suggest-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-lg)}.suggest-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-family:var(--font-mono);color:var(--text-secondary);background:#ffffff08;border:1px solid var(--border-color);cursor:pointer;transition:all .15s ease}.suggest-chip:hover{color:var(--text-primary);border-color:#06b6d44d;background:#06b6d40f}.suggest-chip.selected{color:#06b6d4;border-color:#06b6d480;background:#06b6d41a;box-shadow:0 0 8px #06b6d426}.suggest-chip.submitted{color:var(--text-muted);border-color:#06b6d433;background:#06b6d40d;opacity:.6;cursor:default}.chip-check{flex-shrink:0;color:#06b6d4}.suggest-custom{margin-bottom:12px}.suggest-custom input{width:100%}.suggest-actions{display:flex;align-items:center;gap:12px}.suggest-confirm{font-family:var(--font-mono);font-size:.8125rem;color:#22c55e;letter-spacing:.02em}.home-footer{margin-top:var(--space-2xl);text-align:center}.home-footer p{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.05em}@media(max-width:600px){.templates-grid{grid-template-columns:1fr}.suggest-actions{flex-direction:column;align-items:stretch}}.settings-page{max-width:700px;margin:0 auto}.settings-container{background:linear-gradient(135deg,#1e2029,#111216);border:1px solid var(--border-color);overflow:hidden;box-shadow:inset 1px 1px #ffffff0d,inset -1px -1px #0000004d,0 10px 30px -10px #00000080;position:relative}.settings-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.5),transparent);z-index:1}.onboarding-banner{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:#06b6d414;border-bottom:1px solid rgba(6,182,212,.2);position:relative}.onboarding-banner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#06b6d4;box-shadow:0 0 10px #06b6d4}.onboarding-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#06b6d4;filter:drop-shadow(0 0 8px rgba(6,182,212,.35))}.onboarding-banner strong{display:block;color:#06b6d4;margin-bottom:var(--space-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem}.onboarding-banner p{font-size:.8125rem;color:var(--text-secondary);margin:0}.settings-header{padding:var(--space-xl) var(--space-xl) 0}.settings-header h1{margin-bottom:var(--space-xs);font-size:1.5rem;letter-spacing:.15em}.settings-header h1:before{content:"";display:inline-block;width:3px;height:22px;background:#a855f7;box-shadow:0 0 10px #a855f7;margin-right:12px;vertical-align:middle}.settings-header p{color:var(--text-muted);font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.05em}.settings-form{padding:var(--space-xl)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.form-group{display:flex;flex-direction:column}.form-group-full{grid-column:1 / -1}.form-group label{margin-bottom:var(--space-sm);font-weight:600}.form-hint{font-size:.6875rem;color:var(--text-muted);margin-top:var(--space-xs);font-family:var(--font-mono);letter-spacing:.05em}.form-actions{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.form-actions .btn-primary{display:inline-flex;align-items:center;gap:.5rem}.check-icon{flex-shrink:0;color:var(--accent-success);filter:drop-shadow(0 0 4px rgba(34,197,94,.45))}.settings-note{padding:var(--space-lg) var(--space-xl);background:#0000004d;border-top:1px solid var(--border-color);position:relative}.settings-note:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(100,116,139,.3),transparent)}.settings-note p{font-size:.75rem;color:var(--text-muted);margin:0;font-family:var(--font-mono);letter-spacing:.03em}.settings-note strong{color:var(--accent-warning)}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@font-face{font-family:Montreal;src:url(/fonts/Montreal-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Montreal;src:url(/fonts/Montreal-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Avenir;src:url(/fonts/Avenir-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Avenir;src:url(/fonts/Avenir-Medium.ttf) format("truetype");font-weight:300;font-style:normal}.bill-preview{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a;background:#fff;font-size:14px;line-height:1.5}.bill-preview-upi{background:#000;width:420px}.bill-preview-error{padding:40px;text-align:center;color:#666}.template-driver{position:relative;padding:40px;min-height:600px;background:#fff}.driver-title{font-size:24px;font-weight:700;text-align:center;margin:0 0 32px;color:#1a1a1a}.driver-declaration{margin-bottom:32px;line-height:1.8}.driver-declaration p{margin:0;text-align:justify}.driver-declaration strong{color:#000}.driver-info-grid{margin-bottom:24px}.driver-info-row{display:flex;padding:12px 0;border-bottom:1px solid #e5e5e5}.driver-info-row:last-child{border-bottom:none}.driver-label{width:180px;color:#666;flex-shrink:0}.driver-value{flex:1;font-weight:500;color:#1a1a1a}.driver-section-title{font-size:18px;font-weight:600;margin:32px 0 16px;padding-bottom:8px;border-bottom:2px solid #1a1a1a}.driver-received{margin-top:32px;padding:20px;background:#f8f8f8;border-radius:4px}.driver-received p{margin:0;line-height:1.8}.driver-received strong{color:#000}.driver-stamp-section{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px;padding-top:24px}.driver-signature{text-align:center}.driver-signature .signature-line{width:180px;border-bottom:1px solid #1a1a1a;margin-bottom:8px;height:50px}.driver-signature p{font-size:12px;color:#666;margin:0}.driver-stamp{display:flex;align-items:center;justify-content:center}.revenue-stamp-img{width:120px;height:auto;opacity:.95}.template-upi{width:420px;background:#000;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;overflow:hidden}.pp-green-header{background:#2e7d32;padding:16px 20px;display:flex;align-items:center;gap:16px}.pp-back{font-size:28px;color:#fff;font-weight:300}.pp-header-center{flex:1;text-align:center}.pp-success-text{display:block;font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.pp-header-time{display:block;font-size:13px;color:#ffffffd9}.pp-paid-section{background:#000;padding:16px 20px}.pp-paid-label{display:block;font-size:13px;color:#888;margin-bottom:12px}.pp-paid-row{display:flex;align-items:center;gap:14px}.pp-paid-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;object-fit:cover}.pp-paid-info{flex:1;display:flex;flex-direction:column;gap:2px}.pp-paid-name{font-size:16px;font-weight:500;color:#fff}.pp-paid-phone{font-size:14px;color:#888}.pp-paid-amount{font-size:18px;font-weight:600;color:#fff}.pp-banking-row{background:#000;padding:14px 20px;display:flex;align-items:center;gap:8px;border-top:1px solid #222}.pp-banking-label,.pp-banking-value{font-size:14px;color:#888}.pp-banking-check{width:18px;height:18px;background:#2e7d32;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-left:4px;flex-shrink:0}.pp-payment-details{background:#000;padding:14px 20px;display:flex;align-items:center;gap:12px;border-top:1px solid #222}.pp-details-icon{width:36px;height:36px;border-radius:10px;object-fit:cover}.pp-details-text{flex:1;font-size:15px;color:#fff}.pp-details-expand{font-size:14px;color:#888}.pp-transaction{background:#000;padding:16px 20px}.pp-txn-label{display:block;font-size:13px;color:#888;margin-bottom:6px}.pp-txn-id{display:block;font-size:16px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,monospace}.pp-debit{background:#000;padding:16px 20px;border-top:1px solid #222}.pp-debit-label{display:block;font-size:13px;color:#888;margin-bottom:12px}.pp-debit-row{display:flex;align-items:center;gap:12px}.pp-bank-logo{width:40px;height:40px;border-radius:50%;object-fit:contain;background:#fff;padding:4px;box-sizing:border-box}.pp-debit-info{flex:1;display:flex;flex-direction:column;gap:2px}.pp-account{font-size:15px;color:#fff}.pp-utr{font-size:13px;color:#888}.pp-debit-amount{font-size:16px;font-weight:500;color:#fff}.pp-actions{display:flex;justify-content:space-around;padding:20px 16px;background:#000;border-top:1px solid #222}.pp-action{display:flex;flex-direction:column;align-items:center;gap:8px}.pp-action-icon{width:56px;height:56px;object-fit:cover;border-radius:50%}.pp-action span{font-size:11px;color:#888}.pp-support{display:flex;align-items:center;padding:16px 20px;background:#000;border-top:1px solid #222;gap:12px}.pp-support-icon{width:28px;height:28px;border-radius:50%;border:1.5px solid #666;display:flex;align-items:center;justify-content:center;font-size:14px;color:#888;flex-shrink:0}.pp-support-text{flex:1;font-size:15px;color:#fff}.pp-support-arrow{font-size:22px;color:#666}.pp-powered{padding:16px 20px;background:#000;display:flex;justify-content:center}.pp-powered-img{height:72px;object-fit:contain}.template-playo{width:658px;min-height:876px;background:#fff;margin:0 auto;position:relative}.template-playo .playo-logo{position:absolute;top:33px;left:48px;width:92px;height:38px}.template-playo .playo-logo img{max-width:100%;max-height:100%;width:auto;height:auto}.template-playo .playo-banner{position:absolute;top:113px;left:28px;width:603px;height:151px;border-radius:8px;overflow:hidden}.template-playo .playo-banner img{width:100%;height:100%;object-fit:cover;display:block}.template-playo .playo-content{position:absolute;top:299px;left:34px;width:585px}.template-playo .playo-greeting{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:700;line-height:1.21em;color:#000;margin-bottom:24px}.template-playo .playo-message{font-family:Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.385em;color:#000;margin-bottom:18px}.template-playo .playo-message strong{font-weight:700}.template-playo .playo-note{font-family:Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.385em;color:#000}.template-playo .playo-details{position:absolute;top:484px;left:0;right:0;display:flex;padding:0 55px}.template-playo .playo-booking-info{width:254px}.template-playo .playo-detail-row{margin-bottom:20px}.template-playo .playo-label{display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:800;line-height:1.636em;color:#758a80;margin-bottom:4px}.template-playo .playo-value-bold{display:block;font-family:Inter,sans-serif;font-size:15px;font-weight:700;line-height:1.067em;color:#000}.template-playo .playo-slot{line-height:1.333em}.template-playo .playo-payment-info{position:absolute;left:356px;width:243px}.template-playo .playo-payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.template-playo .playo-payment-title{font-family:Inter,sans-serif;font-size:11px;font-weight:800;line-height:1.636em;color:#000}.template-playo .playo-payment-amount{font-family:Inter,sans-serif;font-size:15px;font-weight:800;line-height:1.2em;color:#000}.template-playo .playo-payment-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.template-playo .playo-payment-label{font-family:Inter,sans-serif;font-size:11px;font-weight:500;line-height:1.636em;color:#758a80}.template-playo .playo-payment-value{font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:1.385em;color:#000}.template-playo .playo-discount{color:#02b562}.template-playo .playo-payment-divider{border-top:2px solid #000000;margin:16px 0}.template-playo .playo-footer{position:absolute;bottom:19px;left:0;right:0;text-align:center}.template-playo .playo-footer span{font-family:Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.231em;color:#758a80}.template-shell{position:relative;width:595px;min-height:956px;background:#fff;margin:0 auto;padding:32px 31px;font-family:Avenir,-apple-system,BlinkMacSystemFont,sans-serif}.shell-transaction-header{margin-bottom:24px}.shell-transaction-header--unbranded{color:#1a1a1a!important}.shell-transaction-header h2{font-family:Montreal,sans-serif;font-size:38px;font-weight:700;line-height:1.219em;letter-spacing:-.03em;color:#dd1d21;margin:0}.shell-transaction-info{margin-bottom:24px}.shell-transaction-info p{margin:0}.shell-datetime{font-family:Avenir,sans-serif;font-size:22px;font-weight:300;line-height:1.366em;color:#6a6a6a;margin-bottom:8px!important}.shell-location{font-family:Montreal,sans-serif;font-size:24px;font-weight:700;line-height:1.219em;letter-spacing:-.03em;color:#404040;margin-bottom:20px!important}.shell-txn-id{font-family:Avenir,sans-serif;font-size:22px;font-weight:300;line-height:1.366em;color:#6a6a6a}.shell-purchased-header{background:#f7f7f7;padding:16px 32px;margin:0 -31px}.shell-purchased-header span{font-family:Montreal,sans-serif;font-size:19px;font-weight:400;line-height:1.219em;color:#515151}.shell-items{padding:14px 0}.shell-item-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.shell-item-left{display:flex;flex-direction:column;gap:4px}.shell-item-name{font-family:Montreal,sans-serif;font-size:24px;font-weight:700;line-height:1.219em;letter-spacing:-.05em;color:#404040}.shell-item-detail{font-family:Avenir,sans-serif;font-size:22px;font-weight:500;line-height:1.366em;color:#6a6a6a}.shell-item-amount{font-family:Montreal,sans-serif;font-size:24px;font-weight:700;line-height:1.219em;letter-spacing:-.05em;color:#404040}.shell-discount-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.shell-discount-text{font-family:Avenir,sans-serif;font-size:20px;font-weight:500;line-height:1.366em;letter-spacing:-.01em;color:#009355}.shell-discount-amount{font-family:Avenir,sans-serif;font-size:17px;font-weight:300;line-height:1.366em;letter-spacing:-.01em;color:#008443}.shell-total{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid #E0E0E0}.shell-total-label,.shell-total-amount{font-family:Montreal,sans-serif;font-size:24px;font-weight:700;line-height:1.219em;letter-spacing:-.05em;color:#404040}.shell-points{padding:8px 0 0;border-top:1px solid #E0E0E0}.shell-points-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.shell-points-row span:first-child{font-family:Montreal,sans-serif;font-size:24px;font-weight:700;line-height:1.219em;letter-spacing:-.05em;color:#404040}.shell-points-value{font-family:Montreal,sans-serif;font-size:24px;font-weight:700;line-height:1.219em;letter-spacing:-.05em;color:#318243}.shell-footer{margin-top:48px;padding-top:0;text-align:center}.shell-logo{display:flex;justify-content:center;margin-bottom:8px}.shell-pecten{height:73px;width:auto;display:block}.shell-thank-you{font-family:Montreal,sans-serif;font-size:28px;font-weight:700;line-height:1.219em;letter-spacing:-.03em;color:#404040;margin:0 0 8px}.shell-footer-note{font-family:Avenir,sans-serif;font-size:22px;font-weight:500;line-height:1.366em;color:#6a6a6a;margin:0}.template-broadband{position:relative;width:100%;max-width:595px;min-height:760px;padding-bottom:30px;background:#fff;font-family:Tondo,Arial,sans-serif;color:#000;overflow:hidden;margin:0 auto}.bb-watermark{position:absolute;top:200px;left:30px;font-family:Arial,sans-serif;font-weight:700;font-size:180px;line-height:1.25em;color:#e8ecef;text-align:center;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;transform:rotate(-35deg);transform-origin:center center}.bb-carrier-mark{position:absolute;top:32px;right:20px;width:87px;height:39px;z-index:1}.bb-carrier-mark img{max-width:100%;max-height:100%;width:auto;height:auto}.bb-company{padding:77px 30px 0;text-align:center;position:relative;z-index:1}.bb-company-name{font-size:13px;font-weight:400;line-height:1.2em;letter-spacing:.02em;margin:0;color:#000}.bb-doc-type{font-size:13px;font-weight:400;line-height:1.2em;letter-spacing:.02em;margin:6px 0 0;color:#000}.bb-thankyou{padding:16px 30px 8px;font-size:11px;font-weight:400;line-height:1.36em;color:#000;position:relative;z-index:1}.bb-table{margin:0 30px;position:relative;z-index:1}.bb-row{display:flex;border:.6px solid #000000;margin-top:-.6px}.bb-row:first-child{margin-top:0}.bb-cell{padding:6px 8px;font-size:11px;font-weight:400;line-height:1.36em;color:#000}.bb-cell.bb-label{flex:0 0 50%;border-right:.6px solid #000000}.bb-cell.bb-value{flex:0 0 50%}.bb-terms-section{margin:20px 30px 0;position:relative;z-index:1}.bb-terms-title{font-size:13px;font-weight:400;line-height:1.2em;letter-spacing:.02em;margin:0 0 10px;color:#000}.bb-terms-text{font-size:11px;font-weight:400;line-height:1.36em;margin:0 0 5px;color:#000}.bb-discrepancy{margin:20px 30px 0;text-align:center;font-size:11px;font-weight:400;line-height:1.36em;color:#000;position:relative;z-index:1}.bb-app-info{margin:8px 30px 0;font-size:11px;font-weight:400;line-height:1.36em;color:red;text-align:center;position:relative;z-index:1}.bb-notice{margin:24px 30px 0;font-size:11px;font-weight:400;line-height:1.36em;color:#000;position:relative;z-index:1}.bb-footer{margin:24px 30px 0;text-align:center;position:relative;z-index:1}.bb-footer p{font-size:11px;font-weight:400;line-height:1.36em;margin:0;color:#000}.template-generic{padding:32px}.generic-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #1a1a1a}.generic-header .icon{display:flex;align-items:center;justify-content:center;color:#06b6d4}.generic-header h2{font-size:18px;margin:0}.generic-body{display:grid;gap:12px}.generic-body .detail-row{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:8px 0;border-bottom:1px solid #eee}.generic-body .detail-row:last-child{border-bottom:none}.generic-body .label{font-size:11px;color:#888;text-transform:uppercase}.generic-body .value{font-size:13px}.bill-business-logo-img{width:auto;height:auto;object-fit:contain;display:block}object.bill-business-logo-img{pointer-events:none;border:0}.template-playo .bill-business-logo-wrap--playo{position:absolute;top:33px;left:48px;right:auto;width:220px;height:72px;z-index:4;pointer-events:none;display:flex;align-items:center;justify-content:flex-start}.template-playo .bill-business-logo-wrap--playo .bill-business-logo-img{max-width:220px;max-height:72px;width:auto;height:auto;object-fit:contain}.template-playo .playo-logo--with-business{left:280px}.template-shell .bill-business-logo-wrap--shell{position:static;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:16px;z-index:auto;pointer-events:none}.template-shell .bill-business-logo-wrap--shell .bill-business-logo-img{max-height:73px;max-width:240px;width:auto;height:auto;object-fit:contain}.template-broadband .bill-business-logo-wrap--broadband{position:absolute;top:32px;right:20px;width:200px;height:78px;z-index:4;pointer-events:none;display:flex;align-items:flex-start;justify-content:flex-end}.template-broadband .bill-business-logo-wrap--broadband .bill-business-logo-img{max-width:200px;max-height:78px;width:auto;height:auto;object-fit:contain}.template-broadband .bill-business-logo-wrap--broadband.bill-business-logo-wrap--broadband-offset{right:124px}.dp-wrapper{position:relative}.dp-input-row{position:relative;display:flex;align-items:center}.dp-input-row input[type=text]{flex:1;padding-right:36px}.dp-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;cursor:pointer;font-size:.875rem;padding:0;border-radius:2px;transition:all .15s ease;color:var(--text-muted)}.dp-toggle:hover{background:#06b6d426;border-color:#06b6d44d}.dp-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;width:260px;background:#13141a;border:1px solid #2d303e;box-shadow:0 12px 32px #0009,inset 0 1px #ffffff0d;padding:12px}.dp-dropdown:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.5),transparent)}.dp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dp-month-year{font-family:var(--font-mono);font-size:.8125rem;color:#06b6d4;letter-spacing:.05em;font-weight:600}.dp-nav{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #2d303e;color:#94a3b8;cursor:pointer;font-size:1rem;transition:all .15s ease;padding:0}.dp-nav:hover{color:#06b6d4;border-color:#06b6d466;background:#06b6d41a}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-cell{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.75rem;border:none;background:none;padding:0}.dp-weekday{font-family:var(--font-mono);font-size:.625rem;color:#64748b;letter-spacing:.05em;font-weight:600}.dp-day{color:#94a3b8;cursor:pointer;border-radius:2px;transition:all .12s ease;border:1px solid transparent}.dp-day:hover{color:#e2e8f0;background:#06b6d426;border-color:#06b6d44d}.dp-today{color:#06b6d4;border-color:#06b6d44d}.dp-selected{background:#06b6d44d;color:#fff;border-color:#06b6d4;box-shadow:0 0 8px #06b6d44d}.dp-selected:hover{background:#06b6d466}.dp-empty{pointer-events:none}.paywall-overlay{position:fixed;inset:0;z-index:10000;background:#050508e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.paywall-modal{width:100%;max-width:400px;background:linear-gradient(135deg,#1e2029,#111216);border:1px solid rgba(6,182,212,.2);padding:40px 32px 32px;position:relative;text-align:center;box-shadow:inset 1px 1px #ffffff0d,0 20px 60px -15px #000c}.paywall-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#06b6d4,transparent);box-shadow:0 0 10px #06b6d4}.paywall-close{position:absolute;top:12px;right:14px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px;transition:color .2s;line-height:1;display:inline-flex;align-items:center;justify-content:center}.paywall-close:hover{color:#ec4899}.paywall-icon{width:56px;height:56px;border:1px solid rgba(6,182,212,.4);background:#06b6d414;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transform:rotate(45deg)}.paywall-icon span{font-size:1.5rem;transform:rotate(-45deg);filter:drop-shadow(0 0 8px rgba(6,182,212,.6))}.paywall-title{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.2em;color:#06b6d4cc;margin-bottom:8px}.paywall-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:20px}.paywall-counter{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:24px;font-family:var(--font-mono)}.paywall-count{font-size:2rem;font-weight:700;color:#ec4899;text-shadow:0 0 12px rgba(236,72,153,.4)}.paywall-separator{font-size:1.25rem;color:var(--text-muted)}.paywall-limit{font-size:2rem;font-weight:700;color:var(--text-muted)}.paywall-offer{background:#06b6d40f;border:1px solid rgba(6,182,212,.15);padding:16px;margin-bottom:20px}.paywall-price{display:flex;align-items:baseline;justify-content:center;gap:2px}.paywall-currency{font-size:1.25rem;color:#06b6d4;font-weight:600}.paywall-amount{font-size:2.5rem;font-weight:800;color:#fff;line-height:1}.paywall-period{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono);margin-left:4px}.paywall-offer-desc{font-size:.75rem;color:#06b6d4b3;font-family:var(--font-mono);letter-spacing:.08em;margin-top:6px}.paywall-error{background:#ec48991a;border:1px solid rgba(236,72,153,.3);color:#f9a8d4;padding:var(--space-sm) var(--space-md);font-size:.75rem;font-family:var(--font-mono);margin-bottom:16px}.paywall-subscribe-btn{width:100%;height:48px;font-size:.9rem;letter-spacing:.08em;position:relative;overflow:hidden}.paywall-subscribe-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(6,182,212,.1),transparent);transition:left .5s}.paywall-subscribe-btn:hover:after{left:100%}.paywall-note{font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono);margin-top:12px;letter-spacing:.05em}@media(max-width:480px){.paywall-modal{padding:32px 20px 24px}}.ack-overlay{position:fixed;inset:0;z-index:10001;background:#050508e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.ack-modal{width:100%;max-width:460px;background:linear-gradient(145deg,#1a1c24,#0e0f14);border:1px solid rgba(6,182,212,.28);padding:2rem 1.75rem 1.75rem;position:relative;text-align:left;box-shadow:inset 0 1px #ffffff0f,0 24px 64px -12px #000000d9}.ack-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#06b6d4,transparent);box-shadow:0 0 14px #06b6d473}.ack-close{position:absolute;top:.65rem;right:.65rem;z-index:2;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(6,182,212,.35);background:#00000059;color:#94a3b8;font-size:1rem;line-height:1;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.ack-close:hover:not(:disabled){color:#22d3ee;border-color:#06b6d48c;background:#06b6d41a}.ack-close:disabled{opacity:.45;cursor:not-allowed}.ack-close:focus-visible{outline:2px solid rgba(6,182,212,.6);outline-offset:2px}.ack-title{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.22em;color:#22d3ee;margin:0 0 1.25rem;text-align:center;text-transform:uppercase;text-shadow:0 0 20px rgba(6,182,212,.35)}.ack-body{margin-bottom:1.35rem}.ack-body p{font-size:.8125rem;line-height:1.65;color:#e2e8f0e0;margin:0 0 .85rem}.ack-body p:last-child{margin-bottom:0}.ack-body strong{color:#e2e8f0;font-weight:600}.ack-body-note{font-size:.78rem!important;color:var(--text-muted)!important;line-height:1.55!important}.ack-terms-link{color:#22d3ee;text-decoration:none;border-bottom:1px solid rgba(6,182,212,.35)}.ack-terms-link:hover{color:#67e8f9;border-bottom-color:#67e8f999}.ack-consent{display:flex;align-items:center;gap:.85rem;margin-bottom:1.35rem;padding:.65rem .75rem;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:2px;cursor:pointer;transition:border-color .2s,background .2s}.ack-consent:hover:not(.ack-consent-disabled){border-color:#06b6d440;background:#06b6d40a}.ack-consent-disabled{cursor:not-allowed;opacity:.7}.ack-consent-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ack-consent-box{flex-shrink:0;width:22px;height:22px;border:2px solid rgba(6,182,212,.55);background:#00000080;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 8px #00000080;transition:border-color .2s,background .2s,box-shadow .2s}.ack-consent-input:focus-visible+.ack-consent-box{outline:2px solid #06b6d4;outline-offset:2px}.ack-consent-input:checked+.ack-consent-box{border-color:#06b6d4;background:#06b6d433;box-shadow:0 0 12px #06b6d440}.ack-consent-check{display:block;color:#22d3ee}.ack-consent-label{font-size:.8125rem;line-height:1.45;color:#cbd5e1eb;-webkit-user-select:none;user-select:none}.ack-confirm-btn{width:100%;height:50px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#0a0a0c;background:linear-gradient(180deg,#22d3ee,#06b6d4);border:1px solid rgba(103,232,249,.5);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 0 20px #06b6d440;transition:opacity .2s,transform .15s,box-shadow .2s}.ack-confirm-btn:hover:not(:disabled){box-shadow:0 0 28px #06b6d466;transform:translateY(-1px)}.ack-confirm-btn:active:not(:disabled){transform:translateY(0)}.ack-confirm-btn:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}.ack-btn-spinner{width:14px;height:14px;border:2px solid rgba(10,10,12,.25);border-top-color:#0a0a0c;border-radius:50%;animation:ackSpin .7s linear infinite}@keyframes ackSpin{to{transform:rotate(360deg)}}@media(max-width:480px){.ack-modal{padding:1.5rem 1.15rem 1.35rem}.ack-title{font-size:.68rem;letter-spacing:.16em}}.logo-upload{margin-bottom:var(--space-lg)}.logo-upload-label{display:block;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-xs)}.logo-upload-hint{font-size:.75rem;color:#94a3b8d9;margin:0 0 var(--space-xs) 0;line-height:1.4}.logo-upload-dimensions{display:flex;align-items:flex-start;gap:8px;font-family:var(--font-mono);font-size:.625rem;line-height:1.45;color:#64748bf2;margin:0 0 var(--space-sm) 0;letter-spacing:.04em}.logo-upload-dimensions-icon{flex-shrink:0;color:#06b6d4;margin-top:1px}.logo-upload-dimensions strong{color:#94a3b8f2;font-weight:600;letter-spacing:.06em}.logo-upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:88px;padding:var(--space-md);background:#0000004d;border:1px dashed rgba(6,182,212,.3);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.logo-upload-zone:hover,.logo-upload-zone:focus-within{border-color:#06b6d499;box-shadow:0 0 0 1px #06b6d426}.logo-upload-zone--drag{border-color:#06b6d4bf;background:#06b6d414}.logo-upload-zone input[type=file]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.logo-upload-icon{display:flex;align-items:center;justify-content:center;color:#06b6d4;margin-bottom:var(--space-xs);filter:drop-shadow(0 0 10px rgba(6,182,212,.5))}.logo-upload-cta{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8f2;text-align:center}.logo-upload-formats{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;font-size:.625rem;color:#64748be6;margin-top:var(--space-xs);font-family:var(--font-mono);letter-spacing:.04em}.logo-upload-format-icon{flex-shrink:0;color:#06b6d4}.logo-upload-formats-sep{opacity:.5;-webkit-user-select:none;user-select:none}.logo-upload-error{font-size:.75rem;color:#f472b6;margin:var(--space-sm) 0 0 0;line-height:1.35}.logo-upload-preview-wrap{position:relative;display:inline-block;margin-top:var(--space-sm)}.logo-upload-preview-img{display:block;height:48px;width:auto;max-width:160px;object-fit:contain;border:1px solid rgba(6,182,212,.65);background:#00000040;padding:4px;box-sizing:content-box}.logo-upload-preview-pdf{display:block;width:160px;height:56px;border:1px solid rgba(6,182,212,.65);background:#00000040;box-sizing:border-box;pointer-events:none}.logo-upload-remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(244,114,182,.5);background:#111216f2;color:#f472b6;font-size:.875rem;line-height:1;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.logo-upload-remove:hover{background:#f472b633;color:#fbcfe8}.logo-upload-remove:focus-visible{outline:2px solid rgba(244,114,182,.6);outline-offset:2px}.generator-page{max-width:1400px;margin:0 auto}.generator-not-found{text-align:center;padding:var(--space-3xl)}.generator-not-found h2{margin-bottom:var(--space-sm)}.generator-not-found p,.generator-header{margin-bottom:var(--space-xl)}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--space-md);transition:color var(--transition-fast);font-family:var(--font-mono);letter-spacing:.05em}.back-link-icon{flex-shrink:0;color:currentColor}.back-link:hover{color:var(--accent-primary);text-shadow:0 0 5px rgba(6,182,212,.5)}.header-title{display:flex;align-items:center;gap:var(--space-md)}.template-icon-badge{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#06b6d41a;border:1px solid rgba(6,182,212,.2)}.generator-content{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:var(--space-xl);align-items:start}.generator-form-panel{display:flex;flex-direction:column;gap:var(--space-lg)}.form-section,.export-section,.logo-section{background:linear-gradient(135deg,#1e2029,#111216);border:1px solid var(--border-color);padding:var(--space-lg);box-shadow:inset 1px 1px #ffffff0d,inset -1px -1px #0000004d,0 10px 30px -10px #00000080;position:relative}.form-section:before,.logo-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.4),transparent)}.export-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(236,72,153,.4),transparent)}.form-section h3,.export-section h3,.logo-section h3{font-size:.8125rem;font-weight:700;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:var(--space-sm)}.form-section h3,.logo-section h3{color:#06b6d4}.export-section h3{color:#ec4899}.generator-form{display:flex;flex-direction:column;gap:var(--space-md)}.generator-form .form-group{display:flex;flex-direction:column}.field-with-presets{display:flex;flex-direction:column;gap:var(--space-xs)}.field-with-randomize{position:relative;display:flex;align-items:center}.field-with-randomize input[type=text]{flex:1;padding-right:36px}.randomize-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;cursor:pointer;font-size:.875rem;padding:0;border-radius:2px;transition:all var(--transition-fast);color:var(--text-muted)}.randomize-btn:hover{background:#ec489926;border-color:#ec48994d}.randomize-btn:active{transform:translateY(-50%) scale(.9)}.field-presets{display:flex;gap:var(--space-xs)}.preset-btn{padding:var(--space-xs) var(--space-sm);font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;background:transparent;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-mono)}.preset-btn:hover{background:#06b6d41a;color:#06b6d4;border-color:#06b6d44d}.toggle-field{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;padding:var(--space-sm) 0}.toggle-field input{display:none}.toggle-slider{width:44px;height:24px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:2px;position:relative;transition:all var(--transition-fast)}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-muted);border-radius:1px;transition:all var(--transition-fast)}.toggle-field input:checked+.toggle-slider{background:#06b6d44d;border-color:#06b6d4;box-shadow:0 0 10px #06b6d44d}.toggle-field input:checked+.toggle-slider:after{left:22px;background:#06b6d4}.toggle-label{font-size:.8125rem;color:var(--text-secondary);font-family:var(--font-mono)}.export-buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.export-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.export-btn-icon{flex-shrink:0}.generator-preview-panel{position:sticky;top:calc(64px + var(--space-lg));background:linear-gradient(135deg,#1e2029,#111216);border:1px solid var(--border-color);z-index:10000;box-shadow:inset 1px 1px #ffffff0d,inset -1px -1px #0000004d,0 10px 30px -10px #00000080}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);background:#0003}.preview-header h3{font-size:.8125rem;font-weight:700;margin:0;font-family:var(--font-mono);color:#06b6d4;letter-spacing:.15em;text-transform:uppercase}.preview-hint{font-size:.6875rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.05em}.preview-hint:before{content:"// ";color:var(--text-muted)}.preview-container{padding:var(--space-lg);background:var(--bg-secondary);max-height:calc(100vh - 200px);overflow:auto}.preview-wrapper{background:#fff;box-shadow:var(--shadow-lg);overflow:hidden}.preview-wrapper-upi{background:#000;width:420px;margin:0 auto}.preview-upi{background:#000}@media(max-width:1024px){.generator-content{grid-template-columns:1fr}.generator-preview-panel{position:static;order:-1}.preview-container{max-height:400px}}@media(max-width:600px){.export-buttons{flex-direction:column}}.tab-group{margin-bottom:24px!important;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.tab-selector{display:flex;gap:0;background:#0006;padding:3px;width:100%;border:1px solid var(--border-color)}.tab-btn{flex:1;padding:10px 16px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border-radius:0}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{background:#06b6d426;color:#06b6d4;border-color:#06b6d480;box-shadow:0 0 10px #06b6d433}.tab-btn.active:hover{background:#06b6d433}.terms-page{max-width:720px;margin:0 auto}.terms-container{background:linear-gradient(135deg,#1e2029,#111216);border:1px solid var(--border-color);overflow:hidden;box-shadow:inset 1px 1px #ffffff0d,inset -1px -1px #0000004d,0 10px 30px -10px #00000080;position:relative}.terms-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.5),transparent);z-index:1}.terms-header{padding:var(--space-xl) var(--space-xl) var(--space-md);border-bottom:1px solid rgba(255,255,255,.06)}.terms-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.75rem;color:#06b6d4bf;text-decoration:none;letter-spacing:.08em;margin-bottom:var(--space-md)}.terms-back-icon{flex-shrink:0;color:currentColor}.terms-back:hover{color:#06b6d4}.terms-header h1{margin:0;font-size:1.5rem;letter-spacing:.06em}.terms-section{position:relative;padding:var(--space-xl);border-bottom:1px solid rgba(255,255,255,.06)}.terms-section:last-child{border-bottom:none}.terms-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#06b6d4;box-shadow:0 0 10px #06b6d459}.terms-section h2{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#06b6d4d9;margin:0 0 var(--space-md)}.terms-section p{margin:0 0 var(--space-sm);font-size:.875rem;line-height:1.65;color:var(--text-secondary)}.terms-section p:last-child{margin-bottom:0}.terms-section ul{margin:var(--space-sm) 0 0;padding-left:1.25rem;font-size:.875rem;line-height:1.65;color:var(--text-secondary)}.terms-section li{margin-bottom:var(--space-sm)}.terms-section li:last-child{margin-bottom:0}:root{--bg-primary: #050505;--bg-secondary: #0d0d12;--bg-tertiary: #1a1a20;--bg-card: #111216;--bg-card-hover: #1e2029;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #06b6d4;--accent-primary-hover: #22d3ee;--accent-secondary: #ec4899;--accent-purple: #a855f7;--accent-success: #22c55e;--accent-warning: #f59e0b;--accent-danger: #ef4444;--border-color: #2d303e;--border-color-light: #3d4050;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-sans: "Rajdhani", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Share Tech Mono", monospace;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .7);--shadow-cyan: 0 0 15px rgba(6, 182, 212, .3);--shadow-pink: 0 0 15px rgba(236, 72, 153, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column;position:relative}.cyber-grid-bg{position:fixed;inset:-40px;background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);pointer-events:none;z-index:0;animation:gridDrift 8s linear infinite}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.cyber-particles{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.particle{position:absolute;top:0;width:3px;height:3px;background:#06b6d4;border-radius:50%;box-shadow:0 0 8px 2px #06b6d4;animation:particleFloat linear infinite}.particle:nth-child(1){left:10%;width:3px;height:3px;animation-duration:14s;animation-delay:0s}.particle:nth-child(2){left:25%;width:4px;height:4px;animation-duration:18s;animation-delay:-3s;background:#ec4899;box-shadow:0 0 6px #ec4899}.particle:nth-child(3){left:40%;width:3px;height:3px;animation-duration:12s;animation-delay:-6s}.particle:nth-child(4){left:55%;width:2px;height:2px;animation-duration:20s;animation-delay:-2s;background:#a855f7;box-shadow:0 0 6px #a855f7}.particle:nth-child(5){left:70%;width:4px;height:4px;animation-duration:16s;animation-delay:-8s}.particle:nth-child(6){left:85%;width:3px;height:3px;animation-duration:22s;animation-delay:-5s;background:#ec4899;box-shadow:0 0 6px #ec4899}.particle:nth-child(7){left:35%;width:2px;height:2px;animation-duration:15s;animation-delay:-10s;background:#a855f7;box-shadow:0 0 6px #a855f7}.particle:nth-child(8){left:60%;width:3px;height:3px;animation-duration:17s;animation-delay:-7s}@keyframes particleFloat{0%{transform:translateY(100vh);opacity:0}5%{opacity:.8}95%{opacity:.8}to{transform:translateY(-10vh);opacity:0}}.cyber-scanline{position:fixed;inset:0;pointer-events:none;z-index:9999;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,3px 100%}.cyber-scan-beam{position:fixed;top:0;left:0;width:100%;height:2px;background:#ffffff1a;animation:scanBeam 4s linear infinite;pointer-events:none;z-index:9999;opacity:.2}@keyframes scanBeam{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.glow-text-cyan{text-shadow:0 0 10px rgba(6,182,212,.7),0 0 20px rgba(6,182,212,.5)}.glow-text-pink{text-shadow:0 0 10px rgba(236,72,153,.7),0 0 20px rgba(236,72,153,.5)}.panel-metal{background:linear-gradient(135deg,#1e2029,#111216);box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #00000080,0 10px 30px -10px #000c;border:1px solid #2d303e}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.3;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.125rem}h4{font-size:1rem}p{color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-hover);text-shadow:0 0 8px rgba(6,182,212,.5)}input,textarea,select{font-family:var(--font-mono);font-size:.875rem;background:#0006;border:1px solid var(--border-color);color:var(--text-primary);padding:var(--space-sm) var(--space-md);width:100%;transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 15px #06b6d433,inset 0 0 10px #06b6d40d}input::placeholder,textarea::placeholder{color:var(--text-muted);font-family:var(--font-mono)}textarea{resize:vertical;min-height:80px}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2306b6d4' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}label{display:block;font-size:.875rem;font-weight:600;color:var(--accent-primary);margin-bottom:var(--space-xs);font-family:var(--font-mono);letter-spacing:.02em}button,.btn{font-family:var(--font-mono);font-size:.8125rem;font-weight:500;padding:var(--space-sm) var(--space-lg);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.1em;border-radius:0}.btn-primary{background:#06b6d426;color:var(--accent-primary);border:1px solid rgba(6,182,212,.5)}.btn-primary:hover{background:#06b6d440;box-shadow:0 0 15px #06b6d44d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#a855f71a;color:var(--accent-purple);border:1px solid rgba(168,85,247,.3)}.btn-secondary:hover{background:#a855f733;box-shadow:0 0 15px #a855f74d}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:#ffffff0d;color:var(--accent-primary);border-color:#ffffff1a}.btn-danger{background:#ec489926;color:var(--accent-secondary);border:1px solid rgba(236,72,153,.5)}.btn-danger:hover{background:#ec489940;box-shadow:0 0 15px #ec48994d}.btn-success{background:#22c55e26;color:var(--accent-success);border:1px solid rgba(34,197,94,.5)}.btn-success:hover{background:#22c55e40;box-shadow:0 0 15px #22c55e4d}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:.875rem}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.75rem}button:disabled,.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.card{background:linear-gradient(135deg,#1e2029,#111216);border:1px solid var(--border-color);padding:var(--space-lg);transition:all var(--transition-base);box-shadow:inset 1px 1px #ffffff0d}.card:hover{border-color:var(--border-color-light)}.card-clickable{cursor:pointer}.card-clickable:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:.8125rem}.text-mono{font-family:var(--font-mono)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.8}25%{opacity:.9}75%{opacity:.85}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f1014}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:var(--accent-primary);color:#000}