.home-page{background:var(--background-primary)}.home-page .home-gradient-flow-section{position:relative;overflow:hidden;background:var(--background-primary);z-index:1;--aurora-1: rgba(59, 130, 246, .08);--aurora-2: rgba(147, 51, 234, .06);--aurora-3: rgba(99, 102, 241, .06);--aurora-4: rgba(168, 85, 247, .05)}[data-theme=light] .home-page .home-gradient-flow-section{--aurora-1: rgba(37, 99, 235, .06);--aurora-2: rgba(147, 51, 234, .05);--aurora-3: rgba(99, 102, 241, .05);--aurora-4: rgba(168, 85, 247, .04)}.home-page .home-gradient-flow-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 0% 0%,var(--aurora-1) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 100% 0%,var(--aurora-2) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 100% 100%,var(--aurora-1) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 0% 100%,var(--aurora-2) 0%,transparent 70%);z-index:-2;pointer-events:none;contain:strict;opacity:1;transform:translateZ(0)}.home-page .home-gradient-flow-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 80% 50% at 50% 50%,var(--aurora-3),transparent 70%),radial-gradient(ellipse 50% 40% at 80% 20%,var(--aurora-4),transparent 60%);z-index:-1;pointer-events:none;opacity:.8;contain:strict;transform:translateZ(0);animation:auroraDrift 40s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){.home-page .home-gradient-flow-section:after{animation:none;display:none}}.force-reduced-motion .home-page .home-gradient-flow-section:after{animation:none;display:none}@keyframes auroraDrift{0%{opacity:.6}to{opacity:1}}.home-page .home-gradient-flow-section>section,.home-page .home-gradient-flow-section .section,.home-page .home-gradient-flow-section .ms-showcase{background:transparent!important;border-top:none!important;border-bottom:none!important}.features-section{padding:clamp(60px,8vw,100px) 0;position:relative;overflow:hidden;background:transparent!important;--bento-bg: var(--glass-bg);--bento-bg-hover: var(--background-tertiary);--bento-border: var(--glass-border);--bento-text-head: var(--text-primary);--bento-text-body: var(--text-secondary);--bento-shadow: var(--shadow-md);--bento-shadow-hover: var(--shadow-xl);--bento-highlight: rgba(120, 120, 128, .1);--bg-blue: linear-gradient(135deg, #007AFF 0%, #0055B3 100%);--blur-strength: 10px;--radius-xl: 32px;--radius-md: 20px;--spacing-unit: 24px;--ease-spring: cubic-bezier(.25, 1, .5, 1)}[data-theme=light] .features-section{--bento-bg: rgba(255, 255, 255, .75);--bento-bg-hover: rgba(255, 255, 255, .95);--bento-border: rgba(0, 0, 0, .08);--bento-text-head: #1D1D1F !important;--bento-text-body: #6E6E73 !important;--bento-shadow: 0 4px 12px rgba(0, 0, 0, .04);--bento-shadow-hover: 0 12px 32px rgba(0, 0, 0, .1);--bento-gradient-modpack: linear-gradient(180deg, rgba(255, 255, 255, .8) 0%, rgba(242, 242, 247, .9) 100%)}[data-theme=dark] .features-section{--bento-bg: rgba(28, 28, 30, .6);--bento-bg-hover: rgba(44, 44, 46, .75);--bento-border: rgba(255, 255, 255, .12);--bento-text-head: #F5F5F7 !important;--bento-text-body: #A1A1AA !important;--bento-shadow: 0 4px 24px rgba(0, 0, 0, .2);--bento-shadow-hover: 0 12px 32px rgba(0, 0, 0, .3);--bento-gradient-modpack: linear-gradient(180deg, rgba(28, 28, 30, .6) 0%, rgba(20, 20, 22, .8) 100%)}.features-section-header{max-width:820px;margin:0 auto clamp(40px,6vw,60px);padding:0 24px;text-align:center;position:relative;z-index:1}.features-eyebrow{display:block;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:-.01em;text-transform:uppercase;color:#5e5ce6;margin-bottom:12px;opacity:1;animation:fadeUp .8s var(--ease-spring) forwards}.features-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:clamp(2.5rem,7vw,5rem);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--text-primary);margin:0 0 16px;opacity:1;animation:fadeUp .8s var(--ease-spring) .1s forwards}.features-subtitle{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;font-size:clamp(1rem,2vw,1.25rem);line-height:1.5;color:var(--text-secondary);font-weight:400;max-width:600px;margin:0 auto;opacity:1;animation:fadeUp .8s var(--ease-spring) .2s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.features-section svg{display:block;shape-rendering:geometricPrecision}.features-section .bento-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,auto);gap:var(--spacing-unit);max-width:var(--layout-max, 1200px);width:100%;margin:0 auto;padding:0 var(--container-gutter, 24px);box-sizing:border-box;position:relative;z-index:1}.features-section .card{background:var(--bento-bg);border:1px solid var(--bento-border);border-radius:var(--radius-xl);padding:32px;position:relative;overflow:hidden;backdrop-filter:blur(var(--blur-strength)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur-strength)) saturate(180%);box-shadow:var(--bento-shadow);transition:transform .4s var(--ease-spring),background-color .3s ease,border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;opacity:1;transform:none;animation:fadeUp .6s var(--ease-spring) forwards}.features-section .card:hover{transform:translateY(-4px) scale(1.02);background:var(--bento-bg-hover);border-color:var(--bento-highlight);box-shadow:var(--bento-shadow-hover);z-index:10}.features-section .card h3{font-size:1.35rem;font-weight:600;margin-bottom:8px;letter-spacing:-.01em;color:var(--bento-text-head)}.features-section .card p{font-size:1rem;line-height:1.5;color:var(--bento-text-body);font-weight:400}.features-section .icon-box{width:48px;height:48px;background:#78788026;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--bento-text-head)}.features-section .icon-box--success{background:color-mix(in srgb,var(--success-color) 15%,transparent);color:var(--success-color)}.features-section .icon-box--warning{background:color-mix(in srgb,var(--warning-color) 15%,transparent);color:var(--warning-color)}.features-section .card-modpacks{grid-column:span 2;grid-row:span 2;min-height:400px;background:var(--bento-gradient-modpack);animation-delay:.1s}.features-section .card-modpacks:hover{background:var(--bento-gradient-modpack)}.features-section .floating-icons{position:absolute;inset:0;pointer-events:none;opacity:.6}.features-section .icon-cpu{top:calc(50% + 20px);left:calc(50% + 30px);width:80px;height:80px;transform:translate(-50%,-50%) rotate(0);color:color-mix(in srgb,var(--primary-color) 20%,transparent);z-index:0}.features-section .icon-zap{bottom:12%;right:8%;width:42px;height:42px;color:color-mix(in srgb,var(--warning-color) 40%,transparent)}.features-section .icon-atom{top:12%;right:6%;width:72px;height:72px;transform:rotate(15deg);color:color-mix(in srgb,var(--accent-secondary) 40%,transparent)}.features-section .icon-settings{bottom:8%;left:6%;width:84px;height:84px;opacity:.15;color:color-mix(in srgb,var(--text-primary) 30%,transparent)}[data-theme=light] .features-section .float-icon{opacity:.8!important;filter:saturate(1.5) contrast(1.2)!important}[data-theme=light] .features-section .icon-cpu{color:#0055d4!important}[data-theme=light] .features-section .icon-zap{color:#d46b08!important}[data-theme=light] .features-section .icon-atom{color:#722ed1!important}[data-theme=light] .features-section .icon-settings{color:#555!important}.features-section .float-icon{position:absolute;filter:drop-shadow(0 0 15px currentColor);transition:transform .6s var(--ease-spring),opacity .3s ease}.features-section .card-launcher{grid-column:span 1;animation-delay:.2s}.features-section .card-quests{grid-column:span 1;animation-delay:.3s}.features-section .card-platform{grid-column:span 1;animation-delay:.4s}.features-section .card-community{grid-column:span 1;background:var(--bg-blue);border:none;color:#fff;text-align:center;align-items:center;justify-content:center;animation-delay:.5s}.features-section .card-community:hover{background:var(--bg-blue);box-shadow:0 12px 32px #0055b366}.features-section .card-community .card p{color:#fffc}.features-section .card-community .icon-box{background:#fff3;margin:0 auto 16px;color:#fff}.features-section .card-community h3{color:#fff}.features-section .card-community p{color:#ffffffe6}.features-section .card-updates{grid-column:span 2;display:flex;flex-direction:row;align-items:center;animation-delay:.6s}.features-section .card-economy{grid-column:span 2;overflow:hidden;animation-delay:.7s}.features-section .version-badge{background:#7878801a;padding:8px 16px;border-radius:100px;font-family:monospace;color:#007aff;font-weight:700;font-size:1.5rem;margin-left:auto;border:1px solid rgba(0,122,255,.3)}.features-section .graph-container{position:absolute;bottom:0;right:0;width:150px;height:80px;opacity:.6}.features-section .trend-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#34c759;background:#34c75926;padding:4px 10px;border-radius:8px;margin-top:10px}.features-section-footer{margin-top:60px;text-align:center;opacity:1;animation:fadeUp .8s var(--ease-spring) .8s forwards}.features-section .section-cta-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:24px}.features-section .btn-primary-glow{background:var(--text-primary);color:var(--background-primary);padding:16px 32px;border-radius:99px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:none;box-shadow:0 4px 12px #0000001a;border:none;cursor:pointer;font-family:inherit;font-size:1rem}.features-section .btn-primary-glow:hover{background-color:color-mix(in srgb,var(--text-primary) 88%,var(--background-primary));color:var(--background-primary)}@media(max-width:1024px){.features-section .bento-container{grid-template-columns:repeat(2,1fr)}.features-section .card-modpacks,.features-section .card-updates,.features-section .card-economy{grid-column:span 2}}@media(max-width:768px){.features-section{padding:40px 0}.features-title{font-size:2rem}.features-section .bento-container{gap:16px;padding:0 var(--container-gutter, 16px)}.features-section .card{padding:24px}}@media(max-width:600px){.features-section .bento-container{grid-template-columns:1fr}.features-section .card{grid-column:span 1!important;grid-row:span 1!important;min-height:auto!important}.features-section .card-modpacks{min-height:320px!important}.features-section .card-updates{flex-direction:column;align-items:flex-start;gap:16px}.features-section .version-badge{margin-left:0;font-size:1.25rem}.features-section .graph-container{width:100px;height:60px}.features-section .float-icon{transform:scale(.7)!important;opacity:.3!important}.features-section .icon-cpu{transform:translate(calc(-50% + 30px),calc(-50% + 20px)) rotate(45deg) scale(.7)!important}}.features-section .card,.features-section-header>*,.features-section-footer{animation:none}.features-section .card{backdrop-filter:none;-webkit-backdrop-filter:none}.features-section .version-badge{font:500 .875rem/1.4 var(--font-sans);color:var(--text-primary);white-space:nowrap}@media(hover:none){.features-section .card:hover{transform:none}}.hero-section{position:relative;width:100%;min-height:min(760px,88svh);display:grid;place-items:center;padding:clamp(72px,10vw,140px) var(--container-gutter);overflow:hidden;color:#fff;background:#10151c;text-align:center}.hero-video-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-section .hero-video-background,.hero-section .video-background,.hero-section .hero-video-background video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;pointer-events:none}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#050a11a8,#050a11b8 65%,#050a11d1)}.hero-content{position:relative;width:100%;max-width:900px;margin:0 auto}.hero-eyebrow{color:#e5e7eb;font-size:.875rem;font-weight:500;letter-spacing:.03em;margin:0 0 24px}.hero-content h1{max-width:850px;margin:0 auto 24px;font-size:clamp(2.6rem,6.5vw,5rem);font-weight:650;letter-spacing:-.045em;line-height:1.04;color:#fff;text-wrap:balance}.home-page .hero-content .hero-lede{max-width:570px;margin:0 auto;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.55;color:#e5e7eb;font-weight:400;text-wrap:pretty}.home-page .hero-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:32px}.home-page .hero-buttons .btn{min-height:50px;padding:12px 24px;border-radius:var(--radius-pill);font-size:1rem;font-weight:500}.home-page .hero-buttons .btn.primary{box-shadow:none}.home-page .hero-buttons .btn.secondary{--btn-bg: rgb(255 255 255 / 10%);--btn-color: #fff;--btn-border: rgb(255 255 255 / 40%);background:var(--btn-bg);border:1px solid rgb(255 255 255 / 40%);color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.home-page .hero-buttons .btn.secondary:hover{--btn-bg: rgb(255 255 255 / 20%);background:#fff3}.home-page .hero-platforms{max-width:540px;margin:24px auto 0;color:#cbd5e1;font-size:.75rem;line-height:1.65;text-wrap:balance}.home-page .hero-platforms span{margin-inline:6px}@media(max-width:600px){.hero-section{min-height:650px;min-height:min(740px,calc(100svh - var(--header-height)));padding:64px 24px}.hero-eyebrow{font-size:.8125rem;margin-bottom:20px}.hero-content h1{font-size:clamp(2.25rem,10.5vw,3.6rem);margin-bottom:20px}.hero-buttons{flex-direction:column;max-width:340px;margin:28px auto 0}.hero-buttons .btn{width:100%}.hero-platforms{max-width:280px;margin-top:20px}}
