@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Plus Jakarta Sans,system-ui,Avenir,Helvetica,Arial,sans-serif}html{scroll-behavior:smooth}body{background-color:#020617;overflow-x:hidden;-webkit-font-smoothing:antialiased}.glass-panel{background:#020617b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05)}.electric-gold-gradient{background:linear-gradient(135deg,#ffb800,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.global-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 10%,transparent 70%);mask-image:radial-gradient(circle at 50% 50%,black 10%,transparent 70%);pointer-events:none;opacity:.8}.global-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.aura-blob{position:absolute;border-radius:50%;filter:blur(140px);pointer-events:none;opacity:.4}.hero-container{position:relative;min-height:100vh;background-color:transparent;overflow:hidden;display:flex;align-items:center;padding-top:140px;padding-bottom:80px;z-index:1}.hero-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;letter-spacing:-.05em;line-height:1.1;color:#fff;font-size:22px}@media(min-width:1024px){.hero-title{font-size:30px}}.hero-subhead{font-family:Inter,sans-serif;line-height:1.6;max-width:520px}.cta-button{background-color:#ffc700;color:#000;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 0 #ffc70000;border:1px solid rgba(0,0,0,.1);z-index:10}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transition:all .6s;pointer-events:none}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-4px) scale(1.02);background-color:#ffd600;box-shadow:0 10px 40px #ffc7004d,0 0 20px #ffc7001a}.cta-button:active{transform:translateY(-2px) scale(.98)}.cta-button .arrow-icon{transition:transform .3s ease}.cta-button:hover .arrow-icon{transform:translate(6px)}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #ffc70026}50%{box-shadow:0 0 50px #ffc7004d}}.animate-pulse-slow{animation:pulse-glow 3s infinite ease-in-out}.lightning-bolt{color:#ffc700;filter:drop-shadow(0 0 8px rgba(255,199,0,.5))}@media(max-width:1024px){.hero-container{min-height:auto;padding-top:100px;padding-bottom:80px}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.animate-grain{animation:grain 8s steps(10) infinite;width:200%;height:200%;top:-50%;left:-50%}.hero-mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:500px;gap:20px;width:100%;max-width:900px;margin:0}.mosaic-card{position:relative;background:#08080866;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:32px;overflow:hidden;box-shadow:0 10px 40px #00000080;transition:all .6s cubic-bezier(.16,1,.3,1);z-index:1}.mosaic-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2.5px;background:conic-gradient(from var(--border-angle, 0deg),#ffc700 0%,transparent 15%,transparent 45%,#a855f7 50%,transparent 65%,transparent 90%,#ffc700 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotate-border 8s linear infinite;pointer-events:none;z-index:20}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotate-border{0%{--border-angle: 0deg}to{--border-angle: 360deg}}.mosaic-card:hover{transform:translateY(-10px) scale(1.02);background:#0c0c0c99;box-shadow:0 0 40px #a855f740,0 0 80px #ffc70033}.tile-tag{position:absolute;top:16px;right:16px;font-family:ui-monospace,monospace;font-size:10px;font-weight:900;color:#ffc70099;background:#000c;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,199,0,.2);letter-spacing:.1em;z-index:20}.tactical-label{font-family:ui-monospace,monospace;font-size:9px;font-weight:800;letter-spacing:.2em;color:#ffffff40;text-transform:uppercase;z-index:10}.scan-line-anim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%);background-size:100% 4px;animation:scan 10s linear infinite;pointer-events:none}@keyframes scan{0%{background-position:0 0}to{background-position:0 100%}}.vignette-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.4) 100%);pointer-events:none}.main-card,.sub-card-1,.sub-card-2{grid-column:span 1;grid-row:span 1}.sub-card-3{display:none}.placeholder-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}@media(max-width:1200px){.hero-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:400px}}@media(max-width:768px){.hero-mosaic{grid-template-columns:1fr;grid-auto-rows:350px}}.about-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;letter-spacing:-.05em;line-height:1.1;color:#fff;font-size:22px}@media(min-width:1024px){.about-title{font-size:30px}}.about-chapter-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;letter-spacing:-.04em;line-height:1.1;color:#fff;font-size:26px}@media(min-width:1024px){.about-chapter-title{font-size:32px}}.mosaic-container{position:relative;width:100%;max-width:600px;min-width:300px;aspect-ratio:1 / 1;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1.25rem;overflow:visible;display:grid;contain:layout}.mosaic-item{position:relative;width:100%;height:100%;border-radius:1.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.05);background:#ffffff05}.mosaic-tile{position:relative;height:100%;border-radius:1.5rem;overflow:hidden;background-color:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #00000080}.mosaic-tile:hover{border-color:#ffc1074d;transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px #0009,0 0 30px #ffc1071a;z-index:30}.mosaic-video,.mosaic-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .8s cubic-bezier(.16,1,.3,1);z-index:1}.mosaic-image{filter:contrast(1.05)}.mosaic-tile:hover .mosaic-video,.mosaic-tile:hover .mosaic-image{transform:scale(1.05);filter:contrast(1.1) saturate(1.1)}.vibrant-4k .mosaic-video,.vibrant-4k .mosaic-image{opacity:1;filter:grayscale(0%) contrast(1.15) saturate(1.15)}.mosaic-tile.vibrant-4k:hover .mosaic-video{filter:contrast(1.15) saturate(1.2);box-shadow:inset 0 0 80px #0009}.tile-label{position:absolute;bottom:1.25rem;right:1.25rem;font-size:8px;font-weight:900;color:#fff9;letter-spacing:.25em;text-transform:uppercase;z-index:10;opacity:0;transform:translate(10px);transition:all .5s ease;background:#0006;padding:4px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mosaic-tile:hover .tile-label{opacity:1;transform:translate(0)}.mosaic-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.5) 100%)}.mosaic-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;background:linear-gradient(#12101000 50%,#00000026 50%),linear-gradient(90deg,#ffffff08,#ffffff03,#ffffff08);background-size:100% 3px,3px 100%}.mosaic-badge{position:absolute;top:-1.75rem;left:-.75rem;padding:.35rem .85rem;border-radius:9999px;background:linear-gradient(135deg,#ffd54f,#ffc107);color:#000;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.2em;box-shadow:0 8px 24px #ffc10766;z-index:40}.span-main{grid-column:span 2 / span 2;grid-row:span 2 / span 2}.span-small{grid-column:span 1 / span 1;grid-row:span 1 / span 1}.hero-badge-container{display:flex;align-items:center;gap:1rem}.engine-badge{padding:.25rem .75rem;border-radius:9999px;background-color:#ffc1071a;border:1px solid rgba(255,193,7,.2);display:flex;align-items:center;gap:.5rem}.engine-dot{width:.375rem;height:.375rem;border-radius:9999px;background-color:#ffc107;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.engine-name{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.2em;color:#ffc107}.version-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#fff3;white-space:nowrap}.hero-title{font-size:3rem;font-weight:800;color:#fff;letter-spacing:-.05em;line-height:1}@media(min-width:1024px){.hero-title{font-size:5.25rem}}.hero-description{font-size:1.25rem;color:#fff6;line-height:1.625;max-width:32rem;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.stat-item{display:flex;flex-direction:column;gap:.375rem}.stat-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:900;color:#fff;letter-spacing:-.025em}.stat-icon{color:#ffc107cc}.stat-detail{font-size:9px;color:#fff3;text-transform:uppercase;font-weight:900;letter-spacing:.1em}.divider-line{height:1px;width:100%;background:linear-gradient(to right,rgba(255,255,255,.1),transparent)}.specs-footer{display:flex;align-items:center;gap:1.5rem;color:#ffffff4d;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.25em}.hero-section{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start;padding-bottom:5rem}@media(min-width:1024px){.hero-section{grid-template-columns:1fr 1fr;gap:5rem}}.mosaic-col{order:2;display:flex;justify-content:center}@media(min-width:1024px){.mosaic-col{order:1;justify-content:flex-start;padding-right:2.5rem}}.cta-col{order:1;display:flex;flex-direction:column;gap:2.5rem}@media(min-width:1024px){.cta-col{order:2}}.content-group{display:flex;flex-direction:column;gap:2rem}.title-group{display:flex;flex-direction:column;gap:1.5rem}.brand-span{color:#ffc107}.stats-container{display:flex;flex-direction:column;gap:2rem}.specs-item{display:flex;align-items:center;gap:.5rem}.specs-dot{width:.25rem;height:.25rem;border-radius:9999px;background-color:#ffc10766}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.wallpapers-container{padding-top:2rem}.hub-title{font-size:4.2rem;font-weight:950;letter-spacing:-.07em;line-height:.85;margin-bottom:1.5rem;position:relative;background:linear-gradient(to bottom,#fff 40%,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hub-title span{display:inline-block;color:#ffc700;-webkit-text-fill-color:#ffc700;text-shadow:0 0 30px rgba(255,199,0,.5),0 0 60px rgba(255,199,0,.2);filter:drop-shadow(0 0 15px rgba(255,199,0,.4))}.hub-subtitle{color:#fff9;font-size:1.15rem;max-width:650px;line-height:1.6;margin-bottom:3.5rem;font-weight:400}.filter-system{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:4rem}.filter-pill{padding:.6rem 1.5rem;border-radius:9999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.2em;transition:all .4s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:#fff6}.filter-pill:hover{border-color:#fff3;color:#fff;background:#ffffff14}.filter-pill.active{background:#ffc700;color:#000;border-color:#ffc700;box-shadow:0 0 25px #ffc7004d}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.wallpaper-card-inner{position:relative;width:100%;aspect-ratio:16/9;border-radius:1.5rem;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .5s cubic-bezier(.16,1,.3,1)}.preview-content{position:relative;max-width:90%;max-height:90vh;border-radius:2rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 100px #000c}.wallpaper-thumb{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.preview-image{width:100%;height:auto;max-height:85vh;object-fit:contain}.preview-close{position:absolute;top:1.5rem;right:1.5rem;width:3rem;height:3rem;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-close:hover{background:#ffc700;color:#000;transform:rotate(90deg)}.preview-actions{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem}.btn-preview-dl{background:#fff;color:#000;padding:1rem 2rem;border-radius:1rem;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.1em;display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:all .3s}.btn-preview-dl:hover{background:#ffc700;transform:translateY(-2px);box-shadow:0 10px 30px #ffc7004d}@media(max-width:1024px){.hub-title{font-size:2.5rem}}.prompts-container{padding-top:2rem}.prompt-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:2rem;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.prompt-card:hover{border-color:#ffc7004d;background:#ffffff0a;transform:translateY(-5px);box-shadow:0 20px 40px #0006}.prompt-image-wrapper{position:relative;aspect-ratio:1/1;overflow:hidden}.prompt-image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.prompt-card:hover .prompt-image{transform:scale(1.05)}.prompt-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.prompt-tag{font-size:9px;font-weight:900;color:#ffc700;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.75rem}.prompt-text-area{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;color:#fff9;line-height:1.6;margin-bottom:1.5rem;position:relative;min-height:80px;max-height:120px;overflow-y:auto;-webkit-user-select:all;user-select:all}.btn-copy-prompt{width:100%;padding:1rem;border-radius:1rem;background:#fff;color:#000;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s;cursor:pointer;margin-top:auto}.btn-copy-prompt:hover{background:#ffc700;box-shadow:0 10px 20px #ffc70033}.btn-copy-prompt.copied{background:#22c55e;color:#fff}.prompt-text-area::-webkit-scrollbar{width:4px}.prompt-text-area::-webkit-scrollbar-track{background:transparent}.prompt-text-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}