*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}html{scroll-behavior:smooth;width:100%;height:100%;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:transparent;color:var(--color-text-primary);line-height:var(--line-height-normal);min-height:100vh;width:100%;max-width:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative}img,video,iframe{max-width:100%;height:auto}*{word-wrap:break-word;overflow-wrap:break-word}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}:root{--color-brand-primary: #ff8c42;--color-brand-secondary: #dc2626;--color-brand-accent: #ffd700;--gradient-primary: linear-gradient( 135deg, var(--color-brand-primary) 0%, var(--color-brand-secondary) 100% );--gradient-secondary: linear-gradient(135deg, #fb923c 0%, var(--color-brand-accent) 100%);--gradient-tertiary: linear-gradient(135deg, #f59e0b 0%, #ffb4a2 100%);--gradient-accent: linear-gradient(135deg, #dc2626 0%, #fbbf24 100%);--gradient-sunset: linear-gradient(135deg, #ff8c42 0%, #dc2626 50%, #ffd700 100%);--gradient-fire: linear-gradient(135deg, #dc2626 0%, #fb923c 50%, #fbbf24 100%);--gradient-desert: linear-gradient(135deg, #f59e0b 0%, #fb923c 100%);--color-bg-primary: #1a0800;--color-bg-secondary: #2d1005;--color-bg-tertiary: #4a1500;--color-bg-overlay: rgba(0, 0, 0, .4);--color-surface-primary: rgba(255, 255, 255, .05);--color-surface-border: rgba(255, 255, 255, .125);--color-text-primary: #ffffff;--color-text-secondary: #a8a8b3;--color-text-accent: var(--color-brand-accent);--color-state-disabled: #6b7280;--color-state-hover: rgba(255, 255, 255, .1);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--letter-spacing-tight: -.05em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--letter-spacing-widest: .2em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--size-spinner-desktop: 150px;--size-spinner-mobile: 120px;--size-orb-desktop: 40px;--size-orb-mobile: 30px;--size-button-height: 56px;--size-ad-top-height: 120px;--size-ad-side-width: 120px;--size-ad-side-height: 800px;--container-max-width: 1400px;--container-content-width: 800px;--container-fact-width: min(700px, 100vw);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-base: 0 4px 15px 0 rgba(220, 38, 38, .2);--shadow-md: 0 8px 32px 0 rgba(255, 140, 66, .37);--shadow-lg: 0 12px 40px 0 rgba(255, 140, 66, .5);--shadow-xl: 0 20px 50px 0 rgba(220, 38, 38, .6);--shadow-glow: 0 0 30px rgba(255, 140, 66, .6);--shadow-atom: 0 0 60px rgba(255, 215, 0, .8), inset 0 0 30px rgba(220, 38, 38, .4);--shadow-nucleus: 0 0 40px rgba(220, 38, 38, .8), 0 0 80px rgba(255, 140, 66, .5);--radius-sm: 8px;--radius-base: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-base: all .3s ease;--transition-smooth: all .4s cubic-bezier(.175, .885, .32, 1.275);--transition-bounce: all .5s cubic-bezier(.68, -.55, .265, 1.55);--transition-quantum: all .6s cubic-bezier(.23, 1, .32, 1);--transition-elastic: all .8s cubic-bezier(.68, -.6, .32, 1.6);--blur-sm: 4px;--blur-base: 8px;--blur-md: 16px;--blur-lg: 24px;--z-index-negative: -1;--z-index-base: 0;--z-index-particle: 1;--z-index-glow: 2;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--animation-duration-fast: .3s;--animation-duration-base: .6s;--animation-duration-slow: 1s;--animation-duration-orbit: 20s;--animation-duration-pulse: 2s;--glow-primary: 0 0 20px rgba(255, 140, 66, .7);--glow-secondary: 0 0 20px rgba(220, 38, 38, .6);--glow-accent: 0 0 20px rgba(255, 215, 0, .7);--glow-intense: 0 0 40px rgba(255, 140, 66, .9), 0 0 60px rgba(220, 38, 38, .5);--glow-fire: 0 0 30px rgba(220, 38, 38, .8), 0 0 50px rgba(255, 140, 66, .6), 0 0 70px rgba(255, 215, 0, .4)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.tagline{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide)}p{margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}@media (max-width: 768px){h1{font-size:var(--font-size-3xl)}.tagline{font-size:var(--font-size-base)}}.container{flex:1;width:100%;max-width:var(--container-max-width);margin:0 auto;padding:var(--space-3) var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);position:relative;z-index:var(--z-index-base);min-height:calc(100vh - 200px)}main{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);min-height:500px;justify-content:flex-start;padding:var(--space-4) 0;position:relative}@media (max-width: 1200px){.container{max-width:var(--container-content-width);padding:var(--space-3) var(--space-4);gap:var(--space-4);min-height:calc(100vh - 150px)}main{min-height:400px}}@media (max-width: 768px){.container{padding:var(--space-2) var(--space-2);gap:var(--space-3);width:100%}main{gap:var(--space-4);padding:var(--space-3) 0;min-height:350px;width:100%}}@media (max-width: 480px){.container{padding:var(--space-2) var(--space-2);gap:var(--space-2)}main{gap:var(--space-3);padding:var(--space-2) 0;min-height:300px}}@media (max-height: 500px) and (min-width: 600px){.container{min-height:calc(100vh - 80px);padding:var(--space-1) var(--space-3);gap:var(--space-2)}main{min-height:calc(100vh - 120px);gap:var(--space-2);padding:var(--space-1) 0;justify-content:center}}.space-background{position:fixed;inset:0;width:100%;height:100%;min-width:100vw;min-height:100vh;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at top,rgba(220,38,38,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,140,66,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom,#2d1005,#0a0300);pointer-events:none;contain:layout style paint}.stars-layer{position:absolute;width:100%;height:100%;background-repeat:repeat;background-size:1000px 1000px;animation:starsFloat linear infinite;overflow:hidden}.stars-layer-1{background-image:radial-gradient(2px 2px at 20px 30px,#ffd700,transparent),radial-gradient(2px 2px at 40px 70px,#ffb347,transparent),radial-gradient(1px 1px at 50px 160px,#ffd700,transparent),radial-gradient(1px 1px at 130px 40px,#ffb347,transparent),radial-gradient(2px 2px at 80px 10px,#ffd700,transparent);background-size:200px 200px;animation-duration:200s;opacity:.6}.stars-layer-2{background-image:radial-gradient(3px 3px at 50px 160px,#ff8c42,transparent),radial-gradient(2px 2px at 90px 40px,#fbbf24,transparent),radial-gradient(1px 1px at 130px 160px,#ff8c42,transparent);background-size:300px 300px;animation-duration:300s;animation-delay:-100s;opacity:.4}.stars-layer-3{background-image:radial-gradient(1px 1px at 10px 10px,#ffd700,transparent),radial-gradient(1px 1px at 150px 150px,#ffb347,transparent),radial-gradient(2px 2px at 60px 170px,#ffd700,transparent),radial-gradient(1px 1px at 175px 180px,#fbbf24,transparent);background-size:400px 400px;animation-duration:400s;animation-delay:-200s;opacity:.7}.twinkling-stars{position:absolute;width:100%;height:100%;overflow:hidden}.star{position:absolute;width:2px;height:2px;background:gold;border-radius:50%;box-shadow:0 0 6px gold,0 0 10px #ffd70080;animation:twinkle 3s ease-in-out infinite}.star:nth-child(odd){animation-delay:1.5s;animation-duration:4s}.star:nth-child(2n){animation-delay:.5s;animation-duration:2.5s}.galaxy{position:absolute;border-radius:50%;background:radial-gradient(ellipse at center,rgba(138,97,198,.1) 0%,rgba(138,97,198,.05) 30%,transparent 70%);filter:blur(2px);animation:galaxyRotate 120s linear infinite}.galaxy-1{width:300px;height:200px;top:10%;right:-40%;transform:rotate(25deg);background:radial-gradient(ellipse at center,rgba(255,140,66,.2) 0%,rgba(255,140,66,.1) 40%,transparent 70%)}.galaxy-2{width:350px;height:250px;bottom:20%;left:-15%;transform:rotate(-30deg);animation-duration:150s;animation-direction:reverse;background:radial-gradient(ellipse at center,rgba(220,38,38,.15) 0%,rgba(220,38,38,.08) 40%,transparent 70%)}.planet{position:absolute;border-radius:50%;box-shadow:inset -25px -25px 40px #00000080;animation:planetFloat 60s ease-in-out infinite}.planet:before{content:"";position:absolute;border-radius:50%;width:100%;height:100%;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.1) 70%)}.planet-1{width:150px;height:150px;top:20%;left:10%;background:linear-gradient(135deg,#dc2626,#991b1b);opacity:.8;animation-duration:80s;box-shadow:0 0 60px #dc2626b3,0 0 90px #dc262666}.planet-2{width:80px;height:80px;top:60%;right:15%;background:linear-gradient(135deg,#fbbf24,#f59e0b);opacity:.85;animation-duration:100s;animation-delay:-30s;box-shadow:0 0 45px #fbbf24cc,0 0 80px #fbbf2480}.planet-3{width:120px;height:120px;bottom:10%;left:30%;background:linear-gradient(135deg,#fb923c,#ff8c42);opacity:.82;animation-duration:120s;animation-delay:-60s;box-shadow:0 0 50px #ff8c42bf,0 0 85px #ff8c4273}.asteroid{position:absolute;width:4px;height:4px;background:#fb923c;border-radius:50%;opacity:.7;box-shadow:0 0 3px #ff8c4299;animation:asteroidMove linear infinite}.asteroid:nth-child(1){top:10%;animation-duration:15s}.asteroid:nth-child(2){top:30%;animation-duration:20s;animation-delay:-5s}.asteroid:nth-child(3){top:50%;animation-duration:25s;animation-delay:-10s}.asteroid:nth-child(4){top:70%;animation-duration:18s;animation-delay:-7s}.asteroid:nth-child(5){top:90%;animation-duration:22s;animation-delay:-15s}.nebula{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.08;background:radial-gradient(ellipse at top left,rgba(220,38,38,.25),transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,140,66,.2),transparent 50%),radial-gradient(ellipse at center,rgba(251,191,36,.15),transparent 70%);animation:nebulaPulse 30s ease-in-out infinite;overflow:hidden}.shooting-star{position:absolute;width:2px;height:2px;background:gold;border-radius:50%;animation:shootingStar 3s linear infinite;opacity:0;box-shadow:0 0 6px gold}.shooting-star:before{content:"";position:absolute;top:0;left:0;width:100px;height:2px;background:linear-gradient(90deg,#ffd700,#ff8c42,transparent);transform:translate(-100%)}.shooting-star:nth-child(1){top:20%;left:10%;animation-delay:0s}.shooting-star:nth-child(2){top:40%;right:10%;animation-delay:1.5s}.shooting-star:nth-child(3){top:60%;left:20%;animation-delay:3s}@keyframes starsFloat{0%{transform:translateY(0) translate(0)}to{transform:translateY(-1000px) translate(-1000px)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes galaxyRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes planetFloat{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-30px) translate(20px) rotate(90deg)}50%{transform:translateY(20px) translate(-30px) rotate(180deg)}75%{transform:translateY(30px) translate(10px) rotate(270deg)}}@keyframes asteroidMove{0%{transform:translate(-50px) translateY(0) rotate(0)}to{transform:translate(calc(100vw + 50px)) translateY(30px) rotate(360deg)}}@keyframes nebulaPulse{0%,to{opacity:.05;transform:scale(1)}50%{opacity:.08;transform:scale(1.05)}}@keyframes shootingStar{0%{opacity:0;transform:translate(0) translateY(0) rotate(-45deg)}5%{opacity:1}to{opacity:0;transform:translate(300px) translateY(300px) rotate(-45deg)}}@media (max-width: 768px){.space-background{overflow:hidden!important;max-width:100vw!important;width:100vw!important}.galaxy-1,.galaxy-2,.nebula,.star{display:none!important}.twinkling-stars{opacity:.3!important}.planet-1{width:40px;height:40px;left:10%;top:30%}.planet-2{width:30px;height:30px;right:15%;top:70%}.planet-3{width:35px;height:35px;left:60%;bottom:20%}.stars-layer{display:block!important;max-width:100%!important;overflow:hidden!important;background-size:400px 400px!important}}.space-background *{will-change:transform,opacity;backface-visibility:hidden}.quantum-canvas-container{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}header{text-align:center;margin-bottom:var(--space-4);width:100%;animation:fadeInDown 1s ease-out;padding-top:6rem}.header-content{display:flex;align-items:center;justify-content:center;gap:20px}.site-logo{width:80px;height:80px;filter:drop-shadow(0 0 20px rgba(102,126,234,.5));animation:logoPulse 3s ease-in-out infinite}.header-text{text-align:left}.header-text h1{margin:0;font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-text .tagline{margin:.5rem 0 0;font-size:1.1rem;color:#94a3b8}@keyframes logoPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(102,126,234,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(102,126,234,.8))}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){header{grid-column:1;margin-bottom:var(--space-3)}}@media (max-width: 768px){header{margin-bottom:var(--space-2);padding-top:4rem}.header-content{flex-direction:row;gap:15px}.site-logo{width:50px;height:50px;flex-shrink:0}.header-text{text-align:left}.header-text h1{font-size:1.5rem}.header-text .tagline{font-size:.9rem}}@media (max-width: 480px){header{margin-bottom:var(--space-1);padding-top:3rem}.header-content{gap:10px;flex-direction:row}.site-logo{width:40px;height:40px;flex-shrink:0}.header-text h1{font-size:1.3rem}.header-text .tagline{font-size:.8rem}}.site-nav{margin-bottom:var(--space-5);position:relative}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001;position:absolute;right:0;top:0;transition:transform .3s ease}.hamburger-menu:hover{transform:scale(1.1)}.hamburger-menu:focus{outline:2px solid var(--color-brand-primary);outline-offset:4px;border-radius:4px}.hamburger-line{width:100%;height:3px;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-secondary));border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-menu.active .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0;transform:translate(-20px)}.hamburger-menu.active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-2);justify-content:center;align-items:center;flex-wrap:wrap}.nav-item{position:relative}.nav-link{display:inline-block;padding:var(--space-3) var(--space-5);color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);border-radius:8px;position:relative;overflow:hidden;transition:all .3s ease;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-secondary));transform:translate(-50%);transition:width .3s ease}.nav-link:hover:before,.nav-link:focus:before{width:80%}.nav-link:hover,.nav-link:focus{color:var(--color-text-primary);background:#ffffff14;border-color:#667eea4d;transform:translateY(-2px)}.nav-link:focus{outline:2px solid var(--color-brand-primary);outline-offset:4px}.nav-link.active{color:var(--color-text-primary);background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea80;font-weight:var(--font-weight-semibold)}.nav-link.active:before{width:80%}.nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;transition:opacity .3s ease;pointer-events:none}.nav-overlay.active{opacity:1;pointer-events:auto}@media (max-width: 1024px){.site-nav{margin-bottom:var(--space-4)}.nav-menu{gap:var(--space-2)}.nav-link{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}}@media (max-width: 768px){.hamburger-menu{display:flex}.site-nav{margin-bottom:var(--space-3)}.nav-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:var(--space-16) var(--space-6);background:linear-gradient(180deg,#0f0c29fa,#24243efa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(102,126,234,.3);box-shadow:-4px 0 24px #00000080;z-index:1000;transition:right .4s cubic-bezier(.68,-.55,.265,1.55);overflow-y:auto}.nav-menu.active{right:0}.nav-item{width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.nav-item:last-child{border-bottom:none}.nav-link{width:100%;padding:var(--space-5);font-size:var(--font-size-md);border-radius:0;border:none;background:transparent;text-align:left}.nav-link:before{left:0;transform:translate(0);height:3px}.nav-link:hover:before,.nav-link:focus:before,.nav-link.active:before{width:100%}.nav-link:hover,.nav-link:focus{background:#667eea26;transform:translate(8px)}.nav-link.active{background:#667eea33;border-left:4px solid var(--color-brand-primary)}.nav-overlay{display:block}}@media (max-width: 480px){.hamburger-menu{width:36px;height:36px;padding:6px}.hamburger-line{height:2.5px}.nav-menu{width:240px;padding:var(--space-12) var(--space-4)}.nav-link{padding:var(--space-4);font-size:var(--font-size-base)}}footer{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(var(--blur-base));backdrop-filter:blur(var(--blur-base));color:var(--color-text-secondary);text-align:center;padding:var(--space-3) var(--space-4);margin-top:auto;border-top:1px solid var(--color-surface-border);flex-shrink:0;width:100%;position:relative;z-index:10000;pointer-events:auto;isolation:isolate}footer p{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wide);margin-bottom:0;position:relative;z-index:1001;pointer-events:auto}.footer-link{color:var(--color-text-secondary);text-decoration:none;transition:color .3s ease;position:relative;cursor:pointer!important;pointer-events:auto!important;z-index:1002;display:inline-block;padding:2px 4px;margin:-2px -4px;user-select:auto;-webkit-user-select:auto;touch-action:manipulation}.footer-link:hover,.footer-link:focus{color:var(--color-brand-primary)}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-brand-primary);transition:width .3s ease;pointer-events:none}.footer-link:hover:after,.footer-link:focus:after{width:100%}.roll-button{background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 50%,rgba(255,255,255,.08) 100%),linear-gradient(135deg,#667eeab3,#764ba2b3);color:var(--color-text-primary);border:2px solid transparent;padding:var(--space-3) var(--space-8);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-base),inset 0 2px 4px #fff3,inset 0 -2px 4px #0003,0 0 20px #667eea4d;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);position:relative;overflow:hidden;min-height:44px;transform-style:preserve-3d;text-shadow:0 2px 4px rgba(0,0,0,.3);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.roll-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s;transform:skew(-20deg)}.roll-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.8),transparent);transform:translate(-50%,-50%);transition:width .3s,height .3s;border-radius:50%;opacity:0}.roll-button:hover:before{left:100%}.roll-button:hover:after{width:100px;height:100px;opacity:.3}.roll-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-lg),0 0 30px #667eea99,inset 0 0 20px #ffffff1a;border-color:#ffffff4d;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.2) 100%),var(--gradient-primary)}.roll-button:active{transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-base),0 0 20px #667eeacc,inset 0 0 30px #0003}@keyframes buttonPulse{0%,to{box-shadow:var(--shadow-base),0 0 20px #667eea4d}50%{box-shadow:var(--shadow-base),0 0 30px #667eea80}}.roll-button{animation:buttonPulse 3s ease-in-out infinite}.roll-button:hover{animation:none}.roll-button:disabled{background:linear-gradient(135deg,var(--color-state-disabled) 0%,var(--color-state-disabled) 100%);cursor:not-allowed;transform:none;opacity:.6}.loading{display:inline-block;width:20px;height:20px;position:relative}.loading:before,.loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid transparent;border-radius:50%;border-top-color:var(--color-text-primary);animation:spin 1s ease-in-out infinite}.loading:after{animation-delay:.5s;border-top-color:var(--color-brand-accent)}.roll-button.is-loading{pointer-events:none;position:relative}.roll-button.is-loading:before{content:"";position:absolute;inset:0;background:#0000004d;border-radius:var(--radius-full)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.roll-button{padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wider);min-height:40px}}@media (max-width: 768px){body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}input,textarea,select{font-size:max(16px,1em)}button,[role=button],a[href],input[type=button],input[type=submit],.spinner,.roll-button,.emoji-btn,.category-button{touch-action:manipulation}}@media (max-width: 768px){.spinner,.quantum-glow,.emoji-btn,.roll-button{transform:translateZ(0);backface-visibility:hidden}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@media (max-width: 768px){.touch-ripple{position:relative;overflow:hidden}.touch-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;pointer-events:none}.touch-ripple:active:after{width:80px;height:80px}}@media (max-width: 768px){button:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-primary, #007bff);outline-offset:2px}@media (prefers-contrast: high){button,[role=button],.spinner,.roll-button{border:2px solid currentColor}}}@media (max-width: 768px){.mobile-only{display:block!important}.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}.mobile-text-center{text-align:center!important}}@media (min-width: 769px){.mobile-only,.desktop-hidden{display:none!important}}.about-main{max-width:1200px;margin:0 auto;padding:0}.about-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);margin-bottom:var(--space-12);background:radial-gradient(ellipse at center,rgba(255,140,66,.15) 0%,transparent 70%)}.hero-content{text-align:center;max-width:800px;animation:fadeInUp .8s ease-out}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-extrabold);line-height:1.2;margin-bottom:var(--space-6);color:var(--color-text-primary)}.gradient-text{background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-secondary) 50%,var(--color-accent-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all .3s ease;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-secondary));color:var(--color-text-primary);box-shadow:0 4px 20px #ff8c4266}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 8px 30px #ff8c4299}.btn-secondary{background:transparent;color:var(--color-text-primary);border:2px solid rgba(255,140,66,.5)}.btn-secondary:hover{background:#ff8c421a;border-color:var(--color-brand-primary)}.btn-large{padding:var(--space-5) var(--space-10);font-size:1.125rem}.stats-section{margin-bottom:var(--space-12);padding:0 var(--space-6)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}.stat-card{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(var(--blur-strong));backdrop-filter:blur(var(--blur-strong));border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;transition:all .3s ease;animation:fadeInUp .6s ease-out backwards}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #ff8c424d;border-color:var(--color-brand-primary)}.stat-number{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--color-brand-primary),var(--color-accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2);line-height:1}.stat-label{font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.mission-vision-section{margin-bottom:var(--space-12);padding:0 var(--space-6)}.mission-vision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.mission-card,.vision-card{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(var(--blur-strong));backdrop-filter:blur(var(--blur-strong));border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all .3s ease;position:relative;overflow:hidden}.mission-card:before,.vision-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-secondary));transform:scaleX(0);transition:transform .4s ease}.mission-card:hover:before,.vision-card:hover:before{transform:scaleX(1)}.mission-card:hover,.vision-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #ff8c424d;border-color:var(--color-brand-primary)}.card-icon{font-size:3rem;margin-bottom:var(--space-4)}.mission-card h3,.vision-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-text-primary)}.mission-card p,.vision-card p{color:var(--color-text-secondary);line-height:1.7}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:var(--space-4)}.section-subtitle{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-md);margin-bottom:var(--space-8)}.our-difference-section{margin-bottom:var(--space-12);padding:0 var(--space-6)}.value-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.value-card{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(var(--blur-strong));backdrop-filter:blur(var(--blur-strong));border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all .3s ease;position:relative;overflow:hidden}.value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-brand-primary),var(--color-accent-gold));transform:scaleX(0);transition:transform .4s ease}.value-card:hover:before{transform:scaleX(1)}.value-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #ff8c424d;border-color:var(--color-brand-primary)}.value-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff8c4233,#dc262633);border-radius:var(--radius-full);margin-bottom:var(--space-4);box-shadow:0 4px 20px #ff8c4233}.value-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--color-brand-primary),var(--color-accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.value-card p{color:var(--color-text-secondary);line-height:1.7}.how-it-works-section{margin-bottom:var(--space-12);padding:0 var(--space-6)}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);align-items:center}.step{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(var(--blur-strong));backdrop-filter:blur(var(--blur-strong));border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;transition:all .3s ease;position:relative}.step:hover{transform:translateY(-8px);box-shadow:0 12px 40px #ff8c424d;border-color:var(--color-brand-primary)}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:40px;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-secondary));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:1.25rem;box-shadow:0 4px 15px #ff8c4266}.step-icon{font-size:3rem;margin:var(--space-4) 0}.step h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-text-primary)}.step p{color:var(--color-text-secondary);line-height:1.6;font-size:var(--font-size-sm)}.step-connector{display:none}@media (min-width: 768px){.steps-container{grid-template-columns:1fr auto 1fr auto 1fr}.step-connector{display:block;width:40px;height:2px;background:linear-gradient(90deg,transparent,var(--color-brand-primary),transparent);position:relative}.step-connector:after{content:"→";position:absolute;right:-10px;top:-10px;font-size:1.5rem;color:var(--color-brand-primary)}}.categories-section{margin-bottom:var(--space-12);padding:0 var(--space-6)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.category-card{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(var(--blur-strong));backdrop-filter:blur(var(--blur-strong));border:1px solid var(--color-surface-border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;transition:all .3s ease}.category-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 8px 30px #ff8c424d;border-color:var(--color-brand-primary)}.category-icon{font-size:2.5rem;margin-bottom:var(--space-3);display:block}.category-card h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-text-primary)}.category-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.technology-section{margin-bottom:var(--space-12);padding:0 var(--space-6)}.technology-content{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(var(--blur-strong));backdrop-filter:blur(var(--blur-strong));border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);padding:var(--space-8)}.technology-content p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-6)}.tech-list{list-style:none;padding:0}.tech-list li{padding:var(--space-4);margin-bottom:var(--space-3);background:#ff8c420d;border-left:3px solid var(--color-brand-primary);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all .3s ease}.tech-list li:hover{background:#ff8c421a;transform:translate(8px)}.tech-list li strong{color:var(--color-text-primary)}.final-cta-section{margin-bottom:var(--space-12);padding:var(--space-12) var(--space-6);text-align:center;background:radial-gradient(ellipse at center,rgba(255,140,66,.15) 0%,transparent 70%);position:relative}.final-cta-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--color-brand-primary),transparent)}.final-cta-section h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-brand-primary),var(--color-accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4)}.final-cta-section p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-8)}.cta-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.about-hero{min-height:50vh;padding:var(--space-8) var(--space-4)}.hero-title{font-size:2rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.mission-vision-grid,.value-cards{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.category-icon{font-size:2rem}.section-title{font-size:1.75rem}}@media (max-width: 480px){.stats-grid,.categories-grid{grid-template-columns:1fr}}