@font-face{font-family:Bungee Shade;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6d3fca9d5f5e65c8-s.02b4g9_un45c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bungee Shade;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c99303540e5e62b5-s.0vzp317amu5da.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bungee Shade;font-style:normal;font-weight:400;font-display:swap;src:url(../media/708275832e49e63d-s.p.049js3n1t9uwn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bungee Shade Fallback;src:local(Arial);ascent-override:63.33%;descent-override:18.63%;line-gap-override:0.0%;size-adjust:161.06%}.bungee_shade_34ecb2eb-module__oL1NOG__className{font-family:Bungee Shade,Bungee Shade Fallback;font-style:normal;font-weight:400}.bungee_shade_34ecb2eb-module__oL1NOG__variable{--font-bungee-shade:"Bungee Shade", "Bungee Shade Fallback"}
@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_d89fb377-module__B_rulq__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_d89fb377-module__B_rulq__variable{--font-dm-sans:"DM Sans", "DM Sans Fallback"}
:root{--color-primary:#ff6b35;--color-secondary:#f7931e;--color-accent:#00d4ff;--color-accent-dark:#09c;--color-bg-dark:#1a1a2e;--color-bg-mid:#16213e;--color-bg-light:#0f3460;--color-text-primary:#fff;--color-text-secondary:#e0e0e0;--color-card:#ffffff14;--color-card-hover:#ffffff1f;--font-display:var(--font-bungee-shade), cursive;--font-body:var(--font-dm-sans), sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--shadow-glow:0 0 20px #ff6b354d;--shadow-glow-accent:0 0 30px #00d4ff66;--shadow-card:0 8px 32px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg-dark);color:var(--color-text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle at 20% 50%, #ff6b3526 0%, transparent 50%), radial-gradient(circle at 80% 80%, #f7931e26 0%, transparent 50%), radial-gradient(circle at 40% 20%, #00d4ff1a 0%, transparent 50%), linear-gradient(135deg, var(--color-bg-dark) 0%, var(--color-bg-mid) 50%, var(--color-bg-light) 100%);z-index:-2;width:100%;height:100%;animation:20s ease-in-out infinite backgroundShift;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;background-image:repeating-linear-gradient(45deg,#0000,#0000 2px,#ffffff05 2px 4px);width:100%;height:100%;animation:30s linear infinite patternMove;position:fixed;top:0;left:0}@keyframes backgroundShift{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.95;transform:scale(1.1)rotate(2deg)}}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.app{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.nav{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;padding:var(--spacing-sm) var(--spacing-lg);box-sizing:border-box;background:#1a1a2ef2;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.nav-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:nowrap;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;display:flex}.nav-desktop{justify-content:end;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;flex:auto;min-width:0;display:flex}.nav-link{color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:8px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-link:after{content:"";background:var(--color-accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover{color:var(--color-accent)}.nav-link:hover:after{width:80%}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;padding:0;display:none;position:relative}.hamburger-line{background:var(--color-text-secondary);transform-origin:50%;border-radius:3px;width:100%;height:3px;transition:all .3s}.hamburger:hover .hamburger-line{background:var(--color-accent)}.hamburger-line.open:first-child{transform:rotate(45deg)translate(8px,8px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-md);gap:var(--spacing-sm);opacity:0;pointer-events:none;z-index:999;background:#1a1a2efa;border-bottom:1px solid #ffffff1a;flex-direction:column;transition:all .3s;display:none;position:fixed;top:60px;left:0;right:0;transform:translateY(-100%)}.mobile-menu.open{opacity:1;pointer-events:all;transform:translateY(0)}.mobile-nav-link{color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);text-align:center;border:1px solid #ffffff1a;border-radius:8px;font-weight:500;text-decoration:none;transition:all .3s}.mobile-nav-link:hover{color:var(--color-accent);border-color:var(--color-accent);background:#ffffff0d}.header{text-align:center;padding:var(--spacing-lg) var(--spacing-lg);margin-bottom:var(--spacing-md);animation:.8s ease-out fadeInDown}.title{font-family:var(--font-display);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 50%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-md);text-shadow:0 0 40px #ff6b3580;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;max-width:1200px;margin-left:auto;margin-right:auto;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.2;animation:3s ease-in-out infinite titleGlow;position:relative}.title:after{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);border-radius:2px;width:150px;height:4px;animation:1s ease-out .5s both underlineExpand;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.tool-section{width:100%;max-width:1400px;margin:0 auto var(--spacing-lg)}.tool-container{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));display:grid}.game-input{min-width:200px;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-primary);font-family:var(--font-body);background:#ffffff0d;border:2px solid #fff3;border-radius:12px;flex:1;font-size:1rem;transition:all .3s}.game-input:focus{border-color:var(--color-accent);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #00d4ff1a}.content-section{padding:var(--spacing-lg) var(--spacing-lg);width:100%;max-width:900px;margin:0 auto var(--spacing-lg)}.content-wrapper{background:var(--color-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg);box-shadow:var(--shadow-card);border:1px solid #ffffff1a;border-radius:20px;animation:.8s ease-out .3s both fadeInUp}.content-wrapper h2{color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:2.5rem;line-height:1.3}.content-wrapper h3{color:var(--color-accent);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:1.75rem;line-height:1.4}.content-wrapper h4{color:var(--color-accent);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs);font-size:1.35rem;font-weight:600;line-height:1.35}.content-wrapper p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:1.1rem;line-height:1.8}.content-wrapper ul{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);margin-left:var(--spacing-lg);font-size:1.1rem;line-height:1.8}.content-wrapper ul li{margin-bottom:var(--spacing-sm)}.content-wrapper hr{margin:var(--spacing-lg) 0;border:none;border-top:1px solid #ffffff1a}.content-wrapper em{color:var(--color-accent);font-style:italic}.content-section .content-wrapper a{color:#fff}.content-section .content-wrapper a:hover{color:var(--color-primary)}.content-wrapper table{border-collapse:collapse;width:100%;margin:var(--spacing-lg) 0;background:#ffffff0d;border-radius:12px;overflow:hidden}.content-wrapper table thead{background:#ff6b3533}.content-wrapper table th{padding:var(--spacing-md);text-align:left;color:var(--color-primary);border-bottom:2px solid #ffffff1a;font-weight:600}.content-wrapper table td{padding:var(--spacing-md);color:var(--color-text-secondary);border-bottom:1px solid #ffffff0d}.content-wrapper table tbody tr:hover{background:#ffffff0d}.content-wrapper table tbody tr:last-child td{border-bottom:none}.section-wrapper{width:100%;max-width:1200px;padding:var(--spacing-lg) var(--spacing-lg);margin:0 auto}.section-title{color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);font-size:clamp(2rem,5vw,3rem);font-weight:700;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);border-radius:2px;width:100px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.features-section{padding:var(--spacing-lg) 0;margin:var(--spacing-lg) 0;background:linear-gradient(#0000 0%,#ff6b350d 50%,#0000 100%)}.features-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-item{background:var(--color-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md);text-align:center;border:1px solid #ffffff1a;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.8s ease-out both fadeInUp}.feature-item:first-child{animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.2s}.feature-item:nth-child(3){animation-delay:.3s}.feature-item:nth-child(4){animation-delay:.4s}.feature-item:nth-child(5){animation-delay:.5s}.feature-item:nth-child(6){animation-delay:.6s}.feature-item:nth-child(7){animation-delay:.7s}.feature-item:nth-child(8){animation-delay:.8s}.feature-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow-accent);transform:translateY(-8px)}.feature-icon{margin-bottom:var(--spacing-md);font-size:3rem;animation:2s ease-in-out infinite bounce;display:inline-block}.feature-item h3{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:1.5rem}.feature-item p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.use-cases-section{padding:var(--spacing-lg) 0;margin:var(--spacing-lg) 0}.use-cases-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.use-case-card{background:var(--color-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md);border:1px solid #ffffff1a;border-left:4px solid var(--color-primary);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.8s ease-out both fadeInUp}.use-case-card:first-child{animation-delay:.1s}.use-case-card:nth-child(2){animation-delay:.2s}.use-case-card:nth-child(3){animation-delay:.3s}.use-case-card:nth-child(4){animation-delay:.4s}.use-case-card:nth-child(5){animation-delay:.5s}.use-case-card:nth-child(6){animation-delay:.6s}.use-case-card:hover{border-left-color:var(--color-accent);box-shadow:var(--shadow-card);transform:translate(8px)}.use-case-card h3{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:1.5rem}.use-case-card p{color:var(--color-text-secondary);font-size:1rem;line-height:1.7}.faq-section{padding:var(--spacing-lg) 0;margin:var(--spacing-lg) 0;background:linear-gradient(#0000 0%,#00d4ff0d 50%,#0000 100%)}.faq-container{max-width:900px;margin:0 auto}.faq-item{background:var(--color-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border:1px solid #ffffff1a;border-radius:12px;transition:all .3s;animation:.6s ease-out both fadeInUp}.faq-item:first-child{animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}.faq-item:nth-child(5){animation-delay:.5s}.faq-item:nth-child(6){animation-delay:.6s}.faq-item:nth-child(7){animation-delay:.7s}.faq-item:nth-child(8){animation-delay:.8s}.faq-item:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #00d4ff33}.faq-question{color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:600}.faq-answer{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.7}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-lg) var(--spacing-lg);margin-top:var(--spacing-lg);text-align:center;background:#1a1a2ecc;border-top:1px solid #ffffff1a}.footer-brand{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.footer-content{max-width:1200px;margin:0 auto}.footer-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.footer-links{justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.footer-link{color:var(--color-accent);text-decoration:none;transition:all .3s;position:relative}.footer-link:after{content:"";background:var(--color-accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.footer-link:hover{color:var(--color-primary)}.footer-link:hover:after{width:100%}.button{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 15px #ff6b354d}.button:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3580}.button:hover:before{width:1000px;height:1000px}.button:active{transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.button:disabled:before,.button:disabled:hover:before{display:none}.button-accent{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));box-shadow:0 4px 15px #00d4ff4d}.button-accent:hover{box-shadow:0 6px 20px #00d4ff80}.button-secondary-link{box-shadow:none;background:#ffffff1f;justify-content:center;text-decoration:none;display:inline-flex}.site-logo{color:inherit;flex-shrink:0;align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.site-logo:hover .site-logo__wordmark{color:var(--color-accent)}.site-logo__mark{filter:drop-shadow(0 0 12px #ff6b3559);justify-content:center;align-items:center;line-height:0;display:flex}.site-logo__mark img{width:40px;height:40px;display:block}.site-logo__wordmark{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.02em;white-space:nowrap;font-size:clamp(1.1rem,2.5vw,1.35rem);transition:color .25s}.site-logo--footer .site-logo__mark img{width:36px;height:36px}.site-logo--footer .site-logo__wordmark{font-size:1.05rem}.scroll-to-top{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));width:56px;height:56px;color:var(--color-text-primary);cursor:pointer;opacity:0;visibility:hidden;z-index:1000;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;right:2rem;overflow:hidden;transform:translateY(20px)scale(.8);box-shadow:0 4px 20px #ff6b3566}.scroll-to-top:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-to-top:hover:before{width:300px;height:300px}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.scroll-to-top:hover{border-color:var(--color-accent);transform:translateY(-4px)scale(1.05);box-shadow:0 6px 30px #ff6b3599}.scroll-to-top:active{transform:translateY(-2px)scale(1)}.scroll-to-top svg{width:20px;height:20px;transition:transform .3s}.scroll-to-top:hover svg{transform:translateY(-3px)}.number-generator-section{padding:3rem 1.5rem}.generator-nav{max-width:1400px;margin:0 auto var(--spacing-lg)}.back-button{align-items:center;gap:var(--spacing-xs);color:var(--color-accent);padding:var(--spacing-sm) var(--spacing-md);background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.back-button:hover{border-color:var(--color-accent);background:#00d4ff33;transform:translate(-4px)}.generator-container{gap:var(--spacing-xl);grid-template-columns:1fr 2fr;align-items:start;max-width:1400px;margin:0 auto;display:grid}.generator-controls{flex-direction:column;gap:3em;display:flex}.voice-selector{gap:var(--spacing-xs);background:var(--color-card);padding:var(--spacing-sm);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;display:flex}.voice-selector label{color:var(--color-text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.9rem}.voice-selector select{width:100%;color:var(--color-text-primary);padding:var(--spacing-sm);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#ffffff0f;border:1px solid #fff3;border-radius:10px;font-size:.95rem}.voice-selector select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #00d4ff33}.voice-selector select option{color:#111;background:#fff}.current-number-display{background:var(--color-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xl);min-height:300px;box-shadow:var(--shadow-card);border:2px solid #ffffff1a;border-radius:24px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.current-number-display:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{0%{left:-100%}to{left:100%}}.number-animation{text-align:center;width:100%}.spinning-number{color:var(--color-accent);text-shadow:0 0 30px #00d4ff99;font-size:8rem;font-weight:900;font-family:var(--font-display);animation:.1s infinite spinPulse}@keyframes spinPulse{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.1)rotate(180deg)}}.generating-text{color:var(--color-text-secondary);margin-top:var(--spacing-md);font-size:1.5rem;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.number-result{text-align:center;animation:.5s ease-out numberReveal}@keyframes numberReveal{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.big-number{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;font-size:10rem;font-weight:900;font-family:var(--font-display);margin-bottom:var(--spacing-md);-webkit-background-clip:text;background-clip:text;line-height:1;animation:2s ease-in-out infinite glow}@keyframes glow{0%,to{filter:drop-shadow(0 0 20px #ff6b3580)}50%{filter:drop-shadow(0 0 40px #00d4ffcc)}}.number-call{color:var(--color-text-secondary);margin-top:var(--spacing-md);padding:var(--spacing-md);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;font-size:1.75rem;font-style:italic;font-weight:500}.audio-play-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-text-primary);cursor:pointer;background:#00d4ff26;border:1px solid #00d4ff66;border-radius:999px;font-size:1rem;font-weight:600;transition:all .2s}.audio-play-button:hover{border-color:var(--color-accent);background:#00d4ff40;transform:translateY(-1px)}.audio-play-button:active{transform:translateY(0)}.number-placeholder{text-align:center}.number-placeholder .big-number{color:var(--color-text-secondary);opacity:.3;font-size:8rem;animation:none}.number-placeholder p{color:var(--color-text-secondary);margin-top:var(--spacing-md);font-size:1.25rem}.control-buttons{gap:var(--spacing-md);flex-flow:column wrap;display:flex}.button-primary{min-width:200px;padding:var(--spacing-md) var(--spacing-xl);flex:1;font-size:1.25rem}.button-secondary{min-width:200px;padding:var(--spacing-md) var(--spacing-xl);background:#ffffff1a;border:2px solid #fff3;flex:1;font-size:1.25rem;position:relative;overflow:hidden}.button-secondary:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button-secondary:hover{border-color:var(--color-primary);background:#ffffff26}.button-secondary:hover:before{width:1000px;height:1000px}.stats{gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-card);border:1px solid #ffffff1a;border-radius:12px;flex:1;justify-content:center;min-height:100%;display:flex}.stat-item{justify-content:center;align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}.stat-value{color:var(--color-primary);font-size:2rem;font-weight:700;font-family:var(--font-display)}.tool-cross-link{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.tool-cross-link p{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.tool-cross-link .button{text-align:center;white-space:normal;justify-content:center;align-items:center;width:100%;margin:0 auto;line-height:1.25;display:inline-flex}.number-board{background:var(--color-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);border:1px solid #ffffff1a;border-radius:20px;align-self:start;padding:30px}.generator-bottom-row{justify-content:space-between;align-items:stretch;gap:var(--spacing-md);margin-top:var(--spacing-lg);display:flex}.board-title{color:var(--color-primary);text-align:center;margin-top:0;font-size:1.75rem;font-weight:700}.board-grid{gap:var(--spacing-xs);padding:var(--spacing-sm);grid-template-columns:repeat(10,1fr);grid-auto-rows:min-content;align-content:start;display:grid;overflow:hidden}.board-cell{aspect-ratio:1;color:var(--color-text-secondary);cursor:default;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.board-cell:hover{border-color:var(--color-accent);transform:scale(1.05)}.board-cell.called{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-text-primary);border-color:var(--color-primary);box-shadow:0 0 15px #ff6b3566}.board-cell.current{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));color:var(--color-text-primary);border-color:var(--color-accent);z-index:10;animation:1s ease-in-out infinite currentPulse;position:relative;transform:scale(1.1);box-shadow:0 0 25px #00d4ff99}@keyframes currentPulse{0%,to{box-shadow:0 0 25px #00d4ff99}50%{box-shadow:0 0 40px #00d4ffe6}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px #ff6b3580)}50%{filter:drop-shadow(0 0 30px #00d4ff99)}}@keyframes underlineExpand{0%{opacity:0;width:0}to{opacity:1;width:150px}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:1024px){.generator-container{grid-template-columns:1fr}.big-number{font-size:6rem}.spinning-number{font-size:5rem}}@media (max-width:768px){.nav{padding:var(--spacing-sm) var(--spacing-md)}.nav-desktop{display:none}.hamburger,.mobile-menu{display:flex}.header{padding:var(--spacing-lg) var(--spacing-md)}.tool-container{grid-template-columns:1fr}.content-wrapper{padding:var(--spacing-lg)}.content-wrapper h2{font-size:2rem}.content-wrapper h3{font-size:1.5rem}.features-grid,.use-cases-grid{grid-template-columns:1fr}.section-wrapper{padding:var(--spacing-lg) var(--spacing-md)}.footer-links{gap:var(--spacing-sm);flex-direction:column}.generator-bottom-row{margin-top:var(--spacing-md);flex-direction:column}.board-grid{grid-template-columns:repeat(9,1fr);max-height:none}.big-number{font-size:5rem}.spinning-number{font-size:4rem}.number-call{font-size:1.25rem}.control-buttons{flex-direction:column}.button-primary,.button-secondary{width:100%}.scroll-to-top{width:48px;height:48px;bottom:1.5rem;right:1.5rem}}@media (max-width:620px){.nav{padding:var(--spacing-sm) var(--spacing-sm)}.hamburger{width:28px;height:28px}.mobile-menu{padding:var(--spacing-sm);top:56px}.mobile-nav-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem}.header{padding:var(--spacing-md) var(--spacing-xs)}.title{font-size:1.75rem;line-height:1.1}.title:after{width:100px}.content-section{padding:var(--spacing-md) 8px;box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}.content-wrapper{padding:var(--spacing-md) 8px;box-sizing:border-box;width:100%;max-width:100%}.content-wrapper h2{font-size:1.75rem}.content-wrapper h3{font-size:1.25rem}.content-wrapper p,.content-wrapper ul{font-size:.95rem}.content-wrapper ul{margin-left:var(--spacing-md)}.content-wrapper table{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;margin:var(--spacing-md) 0;box-sizing:border-box;border-radius:12px;display:block;overflow-x:auto}.content-wrapper table thead,.content-wrapper table tbody{width:100%;min-width:320px;display:table}.content-wrapper table th,.content-wrapper table td{white-space:nowrap;min-width:80px;padding:8px 4px;font-size:.65rem}.section-wrapper{padding:var(--spacing-md) var(--spacing-xs)}.section-title{font-size:1.5rem}.features-grid,.use-cases-grid{gap:var(--spacing-sm)}.feature-item,.use-case-card,.faq-item{padding:var(--spacing-sm)}.faq-question{font-size:1.1rem}.faq-answer{font-size:.95rem}.footer{padding:var(--spacing-md) var(--spacing-xs)}}@media (max-width:480px){.title{font-size:2rem}.board-grid{grid-template-columns:repeat(6,1fr)}.board-cell{font-size:.9rem}}@media (max-width:425px){.generator-container{gap:var(--spacing-md)}.current-number-display{padding:var(--spacing-md);min-height:250px}.big-number{font-size:4rem}.spinning-number{font-size:3rem}.number-call{font-size:1rem}.button-primary,.button-secondary{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}.stats{padding:var(--spacing-sm);gap:var(--spacing-md)}.stat-value{font-size:1.5rem}.number-board{padding:var(--spacing-md) var(--spacing-sm);padding-bottom:var(--spacing-xs)}.board-title{margin-bottom:var(--spacing-md);font-size:1.25rem}.board-grid{padding:var(--spacing-xs) var(--spacing-xs) 0 var(--spacing-xs);grid-template-columns:repeat(5,1fr)}.board-cell{font-size:.85rem}}@media (max-width:396px){.content-wrapper table{border-radius:12px;width:100%;display:block;overflow:visible}.content-wrapper table thead{display:none}.content-wrapper table tbody{width:100%;display:block}.content-wrapper table tbody tr{width:100%;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:block}.content-wrapper table tbody tr:last-child{margin-bottom:0}.content-wrapper table tbody tr td{width:100%;padding:var(--spacing-xs) 0;white-space:normal;box-sizing:border-box;border:none;border-bottom:1px solid #ffffff0d;min-width:auto;font-size:.75rem;display:block}.content-wrapper table tbody tr td:first-child{color:var(--color-primary);padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-xs);border-bottom:1px solid #ffffff1a;font-size:.85rem;font-weight:600}.content-wrapper table tbody tr td:last-child{border-bottom:none}.content-wrapper table tbody tr td:nth-child(2):before{content:"Traditional: ";color:var(--color-accent);margin-right:4px;font-weight:600}.content-wrapper table tbody tr td:nth-child(3):before{content:"Online: ";color:var(--color-accent);margin-right:4px;font-weight:600}}