@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg: #0f1115;--bg-2: #14171f;--panel: rgba(255, 255, 255, .04);--panel-2: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--border-2: rgba(255, 255, 255, .14);--text: #eef1f7;--muted: #9aa3b2;--muted-2: #6b7385;--violet: #8b5cf6;--indigo: #6366f1;--cyan: #22d3ee;--grad: linear-gradient(135deg, #8b5cf6, #6366f1, #22d3ee);--grad-soft: linear-gradient(135deg, rgba(139, 92, 246, .18), rgba(34, 211, 238, .12));--radius: 18px;--radius-sm: 12px;--shadow: 0 24px 60px -20px rgba(0, 0, 0, .6);--shadow-glow: 0 0 50px -8px rgba(99, 102, 241, .45);--maxw: 1160px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:#8b5cf666;color:#fff}.grad-text{background:var(--grad);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 8s ease infinite}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--grad);color:#fff;font-weight:900;font-size:20px;box-shadow:var(--shadow-glow);flex:none}.brand-mark.sm{width:28px;height:28px;border-radius:8px;font-size:15px}.brand-text{font-weight:800;font-size:19px;letter-spacing:-.02em}.brand-text span{color:var(--violet)}.brand-text.sm{font-size:15px}.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);margin-bottom:14px}.btn{display:inline-flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease);white-space:nowrap}.btn-sm{padding:9px 16px;font-size:14px}.btn-lg{padding:14px 24px;font-size:16px}.btn-ic{font-size:17px}.btn-primary{background:var(--grad);background-size:160% 160%;color:#fff;box-shadow:0 10px 30px -10px #6366f1b3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px #6366f1d9;background-position:100% 50%}.btn-ghost{background:var(--panel);border-color:var(--border-2);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{background:var(--panel-2);transform:translateY(-2px)}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(1200px 700px at 70% -10%,rgba(99,102,241,.16),transparent 60%),radial-gradient(900px 600px at 10% 10%,rgba(34,211,238,.1),transparent 55%),var(--bg)}.aurora-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;transform:translate3d(var(--px, 0),var(--py, 0),0);will-change:transform}.blob1{width:540px;height:540px;top:-160px;left:-80px;background:radial-gradient(circle,rgba(139,92,246,.7),transparent 70%);animation:float1 18s ease-in-out infinite}.blob2{width:460px;height:460px;top:6%;right:-120px;background:radial-gradient(circle,rgba(34,211,238,.6),transparent 70%);animation:float2 22s ease-in-out infinite}.blob3{width:520px;height:520px;bottom:-180px;left:30%;background:radial-gradient(circle,rgba(99,102,241,.6),transparent 70%);animation:float3 26s ease-in-out infinite}.aurora-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(1000px 700px at 50% 20%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(1000px 700px at 50% 20%,#000 30%,transparent 80%)}.aurora-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(20px,5vw,48px);transition:background .3s var(--ease),border-color .3s var(--ease),backdrop-filter .3s var(--ease),padding .3s var(--ease);border-bottom:1px solid transparent}.nav-scrolled{background:#0f1115b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--border);padding-top:12px;padding-bottom:12px}.nav-brand{display:flex;align-items:center;gap:11px}.nav-links{display:flex;gap:8px}.nav-links a{padding:8px 14px;border-radius:10px;color:var(--muted);font-weight:500;font-size:15px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:var(--panel)}.hero{position:relative;padding:clamp(120px,16vh,180px) clamp(20px,5vw,48px) clamp(60px,8vh,100px);max-width:var(--maxw);margin:0 auto}.hero-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,70px);align-items:center}.hero-copy{animation:fadeInUp .8s var(--ease) both}.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--muted);margin-bottom:22px}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 12px #22d3ee;animation:pulse 2s ease-in-out infinite}.hero-title{font-size:clamp(40px,6vw,68px);line-height:1.04;letter-spacing:-.03em;font-weight:900;margin:0 0 20px}.hero-sub{font-size:clamp(16px,1.7vw,18px);color:var(--muted);max-width:540px;margin:0 0 32px}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:38px}.hero-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-meta-item{display:flex;flex-direction:column}.hero-meta-item strong{font-size:15px;font-weight:700}.hero-meta-item span{font-size:13px;color:var(--muted-2)}.hero-meta-divider{width:1px;height:30px;background:var(--border-2)}.hero-visual{position:relative}.preview-wrap{position:relative;animation:floatY 6s ease-in-out infinite}.preview-glow{position:absolute;top:-10%;right:-6%;bottom:-16%;left:-6%;background:var(--grad);filter:blur(60px);opacity:.35;border-radius:40px;z-index:0}.preview-window{position:relative;z-index:1;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-2);background:linear-gradient(180deg,#14171ff5,#0f1115fa);box-shadow:var(--shadow),var(--shadow-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.preview-titlebar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:#ffffff05}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.preview-title{margin-left:10px;font-size:13px;font-weight:600;color:var(--muted)}.preview-body{display:grid;grid-template-columns:168px 1fr;min-height:360px}.preview-sidebar{border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:6px;background:#ffffff03}.preview-brand{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:0 4px}.preview-nav{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;font-size:14px;font-weight:500;color:var(--muted);transition:background .2s,color .2s}.preview-nav.active{background:var(--grad-soft);color:var(--text);border:1px solid rgba(139,92,246,.25)}.preview-account{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.preview-avatar{width:32px;height:32px;border-radius:8px;background:var(--grad);display:grid;place-items:center;font-weight:800;font-size:14px;flex:none}.preview-acc-name{font-size:13px;font-weight:700}.preview-acc-type{font-size:11px;color:var(--cyan)}.preview-main{padding:18px}.preview-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.preview-h1{font-size:20px;font-weight:800;letter-spacing:-.02em}.preview-sub{font-size:12px;color:var(--muted-2)}.preview-newbtn{padding:8px 14px;border-radius:10px;background:var(--grad);font-size:13px;font-weight:700;box-shadow:0 8px 20px -8px #6366f1b3}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-card{padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--border);animation:fadeInUp .6s var(--ease) both;transition:transform .25s var(--ease),border-color .25s var(--ease)}.preview-card:hover{transform:translateY(-3px);border-color:var(--border-2)}.preview-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:21px;margin-bottom:10px;background:#ffffff0d}.preview-icon.fabric{background:#dcc89629}.preview-icon.forge{background:#7882a02e}.preview-icon.neoforge{background:#ff8c5029}.preview-icon.vanilla{background:#78c87824}.preview-card-name{font-size:14px;font-weight:700;margin-bottom:9px}.preview-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.ptag{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;background:#ffffff0f;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.ptag.fabric{background:#dcc89629;color:#dcc896}.ptag.forge{background:#96a0be29;color:#aab4d0}.ptag.neoforge{background:#ff8c5029;color:#ff9c5a}.ptag.vanilla{background:#78c87829;color:#84d084}.preview-play{text-align:center;padding:8px;border-radius:9px;font-size:13px;font-weight:700;background:#ffffff0f;border:1px solid var(--border);transition:background .2s}.preview-card:hover .preview-play{background:var(--grad-soft)}.section{max-width:var(--maxw);margin:0 auto;padding:clamp(60px,9vh,110px) clamp(20px,5vw,48px)}.section-head{max-width:680px;margin:0 auto clamp(40px,6vh,64px);text-align:center}.section-title{font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0 0 16px}.section-lead{font-size:clamp(15px,1.6vw,17px);color:var(--muted);margin:0}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{padding:24px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grad-soft);opacity:0;transition:opacity .3s var(--ease)}.feature-card:hover{transform:translateY(-6px);border-color:var(--border-2)}.feature-card:hover:before{opacity:1}.feature-card>*{position:relative;z-index:1}.feature-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:26px;margin-bottom:16px;background:var(--grad-soft);border:1px solid var(--border)}.feature-title{font-size:17px;font-weight:700;margin:0 0 8px;letter-spacing:-.01em}.feature-text{font-size:14px;color:var(--muted);margin:0}.steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.steps-line{position:absolute;top:28px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.4),rgba(34,211,238,.4),transparent);z-index:0}.step{position:relative;z-index:1;text-align:center}.step-n{width:56px;height:56px;margin:0 auto 18px;border-radius:16px;display:grid;place-items:center;font-size:20px;font-weight:900;background:linear-gradient(180deg,var(--bg-2),var(--bg));border:1px solid var(--border-2);color:var(--text);box-shadow:var(--shadow-glow)}.step-title{font-size:17px;font-weight:700;margin:0 0 8px}.step-text{font-size:14px;color:var(--muted);margin:0}.download-card{position:relative;max-width:var(--maxw);margin:0 auto;padding:clamp(40px,7vw,72px);border-radius:28px;text-align:center;background:linear-gradient(180deg,#14171fe6,#0f1115f5);border:1px solid var(--border-2);overflow:hidden;box-shadow:var(--shadow)}.download-glow{position:absolute;top:-40%;left:50%;width:700px;height:400px;transform:translate(-50%);background:var(--grad);filter:blur(120px);opacity:.28;z-index:0}.download-content{position:relative;z-index:1;max-width:620px;margin:0 auto}.download-cta{display:flex;flex-direction:column;align-items:center;gap:12px;margin:28px 0 24px}.download-note{font-size:13px;color:var(--muted-2)}.download-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.dl-badge{font-size:13px;font-weight:600;color:var(--muted);padding:7px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--border)}.footer{border-top:1px solid var(--border);margin-top:40px;background:#0f111599}.footer-inner{max-width:var(--maxw);margin:0 auto;padding:40px clamp(20px,5vw,48px) 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}.footer-brand{display:flex;align-items:center;gap:9px}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--muted);font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-note{font-size:13px;color:var(--muted-2);margin:0;flex-basis:100%}.footer-copy{max-width:var(--maxw);margin:0 auto;padding:18px clamp(20px,5vw,48px);border-top:1px solid var(--border);font-size:13px;color:var(--muted-2);text-align:center}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}@keyframes float1{0%,to{transform:translate3d(var(--px, 0),var(--py, 0),0) scale(1)}50%{transform:translate3d(calc(var(--px, 0) + 40px),calc(var(--py, 0) + 30px),0) scale(1.08)}}@keyframes float2{0%,to{transform:translate3d(var(--px, 0),var(--py, 0),0) scale(1)}50%{transform:translate3d(calc(var(--px, 0) - 50px),calc(var(--py, 0) + 40px),0) scale(1.1)}}@keyframes float3{0%,to{transform:translate3d(var(--px, 0),var(--py, 0),0) scale(1)}50%{transform:translate3d(calc(var(--px, 0) + 30px),calc(var(--py, 0) - 40px),0) scale(1.06)}}@media (max-width: 940px){.hero-inner{grid-template-columns:1fr}.hero-visual{order:-1;max-width:520px}.features-grid,.steps{grid-template-columns:repeat(2,1fr)}.steps-line{display:none}}@media (max-width: 680px){.nav-links{display:none}.features-grid,.steps{grid-template-columns:1fr}.hero-meta-divider{display:none}.preview-body{grid-template-columns:1fr}.preview-sidebar{flex-direction:row;flex-wrap:wrap;align-items:center}.preview-account{margin-top:0;margin-left:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}