@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Exo+2:wght@300;400;500;600;700&display=swap";:root{--color-primary: #00d4ff;--color-secondary: #ff00ff;--color-accent: #ffd700;--color-dark: #0a0a1a;--color-darker: #050510;--color-light: #ffffff;--surface-header: rgba(10,10,26,.97);--surface-header-gradient: rgba(10,10,26,.8);--surface-card: rgba(255,255,255,.025);--surface-card-border: rgba(255,255,255,.07);--surface-sidebar: rgba(10,10,26,.99);--surface-overlay: rgba(0,0,0,.7);--text-primary: #ffffff;--text-secondary: rgba(255,255,255,.7);--text-dim: rgba(255,255,255,.45);--text-faint: rgba(255,255,255,.25);--text-on-accent: #000000;--glass-bg: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-blur: blur(20px);--font-display: "Orbitron", sans-serif;--font-body: "Exo 2", sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .8s cubic-bezier(.4, 0, .2, 1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px}[data-theme=light]{--color-primary: #0099cc;--color-secondary: #9900cc;--color-accent: #cc8800;--color-darker: #eef2fb;--color-dark: #dce4f5;--color-light: #0d1333;--surface-header: rgba(238,242,251,.96);--surface-header-gradient: rgba(238,242,251,.8);--surface-card: rgba(255,255,255,.75);--surface-card-border: rgba(0,153,204,.15);--surface-sidebar: rgba(238,242,251,.99);--surface-overlay: rgba(180,195,230,.65);--text-primary: #0d1333;--text-secondary: #2a3668;--text-dim: #5060a0;--text-faint: #8090c0;--text-on-accent: #ffffff;--glass-bg: rgba(255,255,255,.6);--glass-bg-hover: rgba(255,255,255,.8);--glass-border: rgba(0,153,204,.2);--glass-shadow: 0 8px 32px 0 rgba(13,19,51,.1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;background:var(--color-darker);font-family:var(--font-body);color:var(--color-light);overflow-x:hidden}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);transition:all var(--transition-normal)}.glass-panel:hover{background:var(--glass-bg-hover);border-color:#fff3;box-shadow:0 8px 32px #00d4ff33}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.header>*{pointer-events:auto}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:4px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;text-shadow:0 0 30px rgba(0,212,255,.5)}.nav-menu{display:flex;gap:10px;padding:10px}.nav-button{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;padding:12px 24px;color:var(--color-light);font-family:var(--font-display);font-size:.85rem;letter-spacing:2px;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-normal)}.nav-button:hover:before{left:100%}.nav-button:hover{background:var(--glass-bg-hover);border-color:var(--color-primary);box-shadow:0 0 20px #00d4ff4d,inset 0 0 20px #00d4ff1a;transform:translateY(-2px)}.nav-button:active{transform:translateY(0)}.planet-info{position:fixed;bottom:40px;left:40px;max-width:400px;padding:30px;z-index:100;transform:translateY(20px);opacity:0;animation:slideUp .6s ease forwards}@keyframes slideUp{to{transform:translateY(0);opacity:1}}.planet-info h2{font-family:var(--font-display);font-size:2rem;margin-bottom:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.planet-info p{font-size:1rem;line-height:1.6;opacity:.8;margin-bottom:20px}.planet-info .enter-button{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:30px;padding:15px 40px;color:var(--color-light);font-family:var(--font-display);font-size:1rem;letter-spacing:3px;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.planet-info .enter-button:hover{transform:scale(1.05);box-shadow:0 0 40px #00d4ff80}.gallery-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;display:flex;flex-direction:column;padding:100px 40px 40px;background:radial-gradient(ellipse at center,#0a0a1ae6,#050510fa);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.gallery-title{font-family:var(--font-display);font-size:2.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-button{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:50px;padding:15px 30px;color:var(--color-light);font-family:var(--font-display);font-size:.9rem;letter-spacing:2px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:10px}.back-button:hover{background:var(--glass-bg-hover);border-color:var(--color-primary);transform:translate(-5px)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;overflow-y:auto;padding:10px;flex:1}.image-grid::-webkit-scrollbar{width:8px}.image-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.image-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:4px}.image-card{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;cursor:pointer;transition:all var(--transition-normal);background:var(--glass-bg);border:1px solid var(--glass-border)}.image-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.image-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #00d4ff4d;border-color:var(--color-primary)}.image-card:hover img{transform:scale(1.1)}.image-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,#000000e6);transform:translateY(100%);transition:transform var(--transition-normal)}.image-card:hover .image-card-overlay{transform:translateY(0)}.image-card-title{font-family:var(--font-display);font-size:1rem;letter-spacing:1px}.upload-button{position:fixed;bottom:40px;right:40px;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-light);transition:all var(--transition-fast);box-shadow:0 10px 30px #00d4ff66;z-index:250}.upload-button:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 15px 40px #00d4ff99}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#000000f2;animation:fadeIn .3s ease;padding:40px}.image-modal-content{position:relative;max-width:90%;max-height:90%;border-radius:20px;overflow:hidden;box-shadow:0 0 60px #00d4ff4d}.image-modal-content img{width:100%;height:100%;object-fit:contain}.close-modal{position:absolute;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--color-light);font-size:1.5rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.close-modal:hover{background:#ff00004d;transform:rotate(90deg)}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-darker)}.loading-spinner{width:100px;height:100px;border:3px solid transparent;border-top-color:var(--color-primary);border-right-color:var(--color-secondary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:30px;font-family:var(--font-display);font-size:1.2rem;letter-spacing:4px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.tooltip{position:absolute;padding:10px 20px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:10px;font-family:var(--font-display);font-size:.9rem;letter-spacing:1px;pointer-events:none;white-space:nowrap;z-index:500;animation:tooltipFade .3s ease}@keyframes tooltipFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;opacity:.6}.empty-state-icon{font-size:4rem;margin-bottom:20px}.empty-state-text{font-family:var(--font-display);font-size:1.2rem;letter-spacing:2px}.upload-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#000000e6;animation:fadeIn .3s ease}.upload-modal-content{width:90%;max-width:500px;padding:40px;text-align:center}.upload-dropzone{border:2px dashed var(--glass-border);border-radius:20px;padding:60px 40px;cursor:pointer;transition:all var(--transition-normal);margin-bottom:30px}.upload-dropzone:hover,.upload-dropzone.drag-over{border-color:var(--color-primary);background:#00d4ff1a}.upload-dropzone-icon{font-size:3rem;margin-bottom:20px;color:var(--color-primary)}.upload-dropzone-text{font-family:var(--font-display);font-size:1rem;letter-spacing:2px}.transition-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:150;pointer-events:none;background:radial-gradient(circle at center,transparent 0%,var(--color-darker) 100%);opacity:0;transition:opacity 1s ease}.transition-overlay.active{opacity:1}.cursor-glow{position:fixed;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,var(--color-primary) 0%,transparent 70%);pointer-events:none;z-index:9999;mix-blend-mode:screen;transform:translate(-50%,-50%)}@media (max-width: 768px){.header{padding:15px 20px}.logo{font-size:1.2rem;letter-spacing:2px}.nav-menu{gap:5px;padding:5px}.nav-button{padding:8px 16px;font-size:.75rem;letter-spacing:1px}.planet-info{bottom:20px;left:20px;right:20px;max-width:none;padding:20px}.planet-info h2{font-size:1.5rem}.planet-info p{font-size:.9rem}.planet-info .enter-button{padding:12px 30px;font-size:.9rem;width:100%}.gallery-overlay{padding:80px 20px 20px}.gallery-title{font-size:1.8rem}.back-button{padding:10px 20px;font-size:.8rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.glass-panel{border-radius:15px;padding:1.5rem!important}}@media (max-width: 480px){.logo{font-size:1rem}.nav-button{padding:6px 12px;font-size:.7rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}}@media (max-width: 640px){[style*=gridTemplateColumns]{grid-template-columns:1fr!important}}@media (hover: none) and (pointer: coarse){button,a,.nav-button,.back-button{min-height:44px;min-width:44px}*{touch-action:manipulation}button:active,a:active{opacity:.7;transform:scale(.98)}}@media (min-width: 641px) and (max-width: 1024px){.glass-panel{padding:2rem!important}.nav-button{padding:10px 18px;font-size:.8rem}}@media (max-height: 500px) and (orientation: landscape){.header{padding:10px 20px}.logo{font-size:.9rem}.nav-button{padding:6px 12px;font-size:.7rem}}html{scroll-behavior:smooth}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.scanline-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 4px;pointer-events:none;z-index:9000;opacity:.3}.crt-flicker{animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.98}50%{opacity:1}to{opacity:.99}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#050510}::-webkit-scrollbar-thumb{background:#333;border-radius:5px;border:2px solid #050510}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.75rem;border-radius:6px}.skeleton-title{height:2rem;width:60%;margin-bottom:1rem;border-radius:8px}.skeleton-image{width:100%;aspect-ratio:16/9;border-radius:12px;margin-bottom:1rem}.skeleton-card{padding:1.5rem;border-radius:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.glow-border{position:relative;overflow:hidden}.glow-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:conic-gradient(from 0deg,transparent 0%,var(--color-primary) 10%,transparent 20%,transparent 80%,var(--color-secondary) 90%,transparent 100%);border-radius:inherit;z-index:-1;animation:rotateBorder 4s linear infinite;opacity:0;transition:opacity .4s ease}.glow-border:hover:before{opacity:1}@keyframes rotateBorder{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}50%{transform:translateY(-100vh) translate(20px)}}.particle{position:absolute;width:3px;height:3px;background:var(--color-primary);border-radius:50%;pointer-events:none;opacity:0;box-shadow:0 0 6px var(--color-primary),0 0 12px #00d4ff4d}.loading-spinner-enhanced{width:80px;height:80px;position:relative}.loading-spinner-enhanced:before,.loading-spinner-enhanced:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3px solid transparent}.loading-spinner-enhanced:before{border-top-color:var(--color-primary);border-right-color:var(--color-primary);animation:spin 1s linear infinite}.loading-spinner-enhanced:after{border-bottom-color:var(--color-secondary);border-left-color:var(--color-accent);animation:spin 1.5s linear infinite reverse}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;color:#000;font-size:1.4rem;font-weight:700;cursor:pointer;z-index:90;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00d4ff66;transition:all .3s ease}.back-to-top:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 8px 30px #00d4ff99}::selection{background:#00d4ff4d;color:#fff}::-moz-selection{background:#00d4ff4d;color:#fff}img{opacity:1;transition:opacity .3s ease}img[loading=lazy]{opacity:0}img[loading=lazy].loaded{opacity:1}.desktop-only{display:flex}.tablet-only,.mobile-only{display:none}@media (max-width: 900px) and (min-width: 601px){.desktop-only{display:none!important}.tablet-only{display:flex!important}}@media (max-width: 600px){.desktop-only,.tablet-only{display:none!important}.mobile-only{display:flex!important}}@media (max-width: 768px){.nav-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.nav-grid{grid-template-columns:1fr!important}}.footer-bottom{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}@media (max-width: 640px){.footer-bottom{flex-direction:column;text-align:center}}:root{--color-success: #00ff88;--color-warning: #ffd700;--color-error: #ff4466;--color-muted: rgba(255,255,255,.5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 30px;--radius-full: 9999px;--page-padding-x: clamp(1rem, 5vw, 4rem);--page-padding-top: 7rem}.page-container{min-height:100vh;padding:var(--page-padding-top) var(--page-padding-x) 4rem;position:relative;z-index:1}.content-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);overflow:hidden}.content-card:hover{background:var(--glass-bg-hover);border-color:#00d4ff4d;box-shadow:0 12px 40px #00d4ff26;transform:translateY(-4px)}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:var(--radius-full);border:none;font-family:var(--font-display);font-size:.85rem;letter-spacing:1px;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#000;box-shadow:0 4px 20px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff80}.btn-secondary{background:var(--glass-bg);color:var(--color-light);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--color-primary);transform:translateY(-2px)}.btn-danger{background:#ff44661a;color:#ff6464;border:1px solid rgba(255,68,102,.4)}.btn-danger:hover{background:#f463;border-color:#ff4466b3}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.badge-primary{background:#00d4ff1f;color:var(--color-primary);border:1px solid rgba(0,212,255,.25)}.badge-secondary{background:#ff00ff1f;color:var(--color-secondary);border:1px solid rgba(255,0,255,.25)}.badge-warning{background:#ffd7001f;color:var(--color-warning);border:1px solid rgba(255,215,0,.25)}.badge-success{background:#00ff881f;color:var(--color-success);border:1px solid rgba(0,255,136,.25)}.badge-error{background:#ff44661f;color:var(--color-error);border:1px solid rgba(255,68,102,.25)}.badge-beginner{background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.3)}.badge-intermediate{background:#ffd7001a;color:gold;border:1px solid rgba(255,215,0,.3)}.badge-advanced{background:#ff44661a;color:#ff6464;border:1px solid rgba(255,68,102,.3)}.section-header{margin-bottom:2.5rem}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);margin-bottom:.75rem}.section-subtitle{color:var(--color-muted);font-size:1rem;line-height:1.6}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.cards-grid-sm{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.8rem;letter-spacing:1px;text-transform:uppercase;color:#fff9}.form-input{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--color-light);font-size:.95rem;font-family:var(--font-body);outline:none;transition:border-color .2s;width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #00d4ff1a}.search-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);transition:border-color .2s}input.search-bar{display:block;width:100%;padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);color:var(--color-light);font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}input.search-bar::placeholder{color:#ffffff59}input.search-bar:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #00d4ff14}.search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #00d4ff14}.search-bar input{background:none;border:none;outline:none;color:var(--color-light);font-family:var(--font-body);font-size:.95rem;flex:1}.search-bar input::placeholder{color:#ffffff59}.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tab{padding:.45rem 1rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff9;font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-tab:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00d4ff0d}.filter-tab.active{background:#00d4ff1f;border-color:#00d4ff66;color:var(--color-primary);font-weight:600}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);margin:2rem 0}.page-hero{text-align:center;padding:3rem 0 2.5rem;position:relative}.page-hero:after{content:"";display:block;width:80px;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));margin:1.5rem auto 0;border-radius:2px}.stat-row{display:flex;align-items:center;gap:.4rem;color:var(--color-muted);font-size:.82rem}@media (max-width: 768px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.cards-grid-sm{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.page-container{padding-top:5.5rem;padding-bottom:3rem}.page-hero{padding:2rem 0 1.5rem}.section-header{margin-bottom:1.75rem}.filter-tabs{gap:.4rem}.filter-tab{padding:.35rem .75rem;font-size:.8rem}}@media (max-width: 480px){.cards-grid{grid-template-columns:1fr}.cards-grid-sm{grid-template-columns:repeat(2,1fr)}}.aurora-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px);animation:aurora-drift 12s ease-in-out infinite alternate}.aurora-orb-1{width:min(600px,80vw);height:min(600px,80vw);top:-15%;left:-10%;background:radial-gradient(circle,rgba(0,212,255,.07) 0%,transparent 70%);animation-duration:14s}.aurora-orb-2{width:min(500px,70vw);height:min(500px,70vw);top:20%;right:-15%;background:radial-gradient(circle,rgba(153,0,204,.07) 0%,transparent 70%);animation-duration:18s;animation-delay:-6s}.aurora-orb-3{width:min(400px,60vw);height:min(400px,60vw);bottom:5%;left:20%;background:radial-gradient(circle,rgba(0,100,255,.05) 0%,transparent 70%);animation-duration:22s;animation-delay:-11s}.aurora-orb-light{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(90px);animation:aurora-drift 16s ease-in-out infinite alternate}.aurora-orb-l1{width:min(700px,90vw);height:min(700px,90vw);top:-20%;left:-15%;background:radial-gradient(circle,rgba(100,180,255,.18) 0%,transparent 65%);animation-duration:18s}.aurora-orb-l2{width:min(500px,70vw);height:min(500px,70vw);top:15%;right:-10%;background:radial-gradient(circle,rgba(140,100,255,.12) 0%,transparent 65%);animation-duration:22s;animation-delay:-9s}@keyframes aurora-drift{0%{transform:translate(0) scale(1)}33%{transform:translate(3%,2%) scale(1.04)}66%{transform:translate(-2%,4%) scale(.97)}to{transform:translate(2%,-3%) scale(1.06)}}.section-card-inner:hover .card-glow{opacity:1!important}.section-card-inner:hover>div[style*=filter]{transform:scale(1.08);filter:brightness(1.15)}[data-theme=light]{--sc-bg: rgba(255, 255, 255, .82);--sc-border: rgba(0, 0, 0, .07)}[data-theme=light] .section-card-inner{background:#ffffffd1!important;box-shadow:0 1px 1px #0000000a,0 4px 16px #0000000f,0 12px 32px #0000000d,inset 0 1px #ffffffe6!important}[data-theme=light] .section-card-inner:hover{box-shadow:0 2px 4px #0000000f,0 8px 28px #0000001a,0 20px 48px #00000014,inset 0 1px #fff!important}[data-theme=dark],:root:not([data-theme=light]){--sc-bg: rgba(255, 255, 255, .05);--sc-border: rgba(255, 255, 255, .09)}[data-theme=dark] .section-card-inner,:root:not([data-theme=light]) .section-card-inner{background:#ffffff0d!important;box-shadow:0 1px 1px #0000001f,0 4px 16px #00000040,0 12px 32px #0003,inset 0 1px #ffffff14!important}[data-theme=dark] .section-card-inner:hover,:root:not([data-theme=light]) .section-card-inner:hover{box-shadow:0 2px 4px #0003,0 8px 28px #00000059,0 20px 48px #00000047,inset 0 1px #ffffff1f!important}[data-theme=light] .landing-root{background:radial-gradient(ellipse at 50% -10%,#b8dcf8,#def 30%,#eef2fb,#f4f7ff)!important}[data-theme=light]{--surface-card: rgba(255,255,255,.8)}.nav-grid{grid-template-columns:repeat(3,1fr)!important}.nav-grid.two-col{grid-template-columns:repeat(2,1fr)!important}@media (max-width: 640px){.nav-grid,.nav-grid.two-col,.mp-featured-grid{grid-template-columns:1fr!important}}@media (max-width: 900px) and (min-width: 641px){.nav-grid,.nav-grid.two-col{grid-template-columns:repeat(2,1fr)!important}}.rich-content{word-break:break-word}.rich-content p,.rich-content div{margin:0 0 .4em}.rich-content b,.rich-content strong{color:#ffffffeb;font-weight:700}.rich-content em,.rich-content i{font-style:italic;color:#ffffffbf}.rich-content ul{margin:.25em 0 .5em 1.4em;padding:0}.rich-content li{margin-bottom:.2em}.rich-content .paint-chip,.paint-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;border-radius:6px!important;padding:2px 8px!important;font-size:.82em!important;white-space:nowrap!important;cursor:default!important;-webkit-user-select:none!important;user-select:none!important;vertical-align:middle!important;font-family:var(--font-body, sans-serif)!important;font-weight:600!important;letter-spacing:.3px!important}.fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;padding:6rem 2rem 2rem;overflow-y:auto;background:linear-gradient(180deg,#0a0a14f2,#05050ffa);z-index:100}@media (max-width: 768px){.fullscreen-overlay{padding:5rem 1rem 1rem!important}}.md-content{word-break:break-word;font-size:clamp(.95rem,2vw,1.05rem);line-height:1.85;color:var(--text-secondary)}.md-content .md-p{margin:0 0 1.1em;color:var(--text-secondary)}.md-content .md-h{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.5px;margin:1.75em 0 .65em;line-height:1.25}.md-content .md-h1{font-size:clamp(1.5rem,4vw,2rem)}.md-content .md-h2{font-size:clamp(1.2rem,3vw,1.55rem)}.md-content .md-h3{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--color-secondary)}.md-content .md-h4{font-size:1rem;color:var(--color-primary)}.md-content .md-hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),var(--color-secondary),transparent);margin:2em 0;opacity:.5}.md-content strong{color:var(--text-primary);font-weight:700}.md-content em{font-style:italic;color:var(--text-secondary)}.md-content .md-blockquote{margin:1.25em 0;padding:.75em 1.25em;border-left:3px solid var(--color-primary);background:#00d4ff0d;border-radius:0 var(--radius-md, 10px) var(--radius-md, 10px) 0;color:var(--text-dim);font-style:italic}.md-content .md-ul,.md-content .md-ol{margin:.75em 0 1.1em 1.5em;padding:0;color:var(--text-secondary)}.md-content .md-ul li,.md-content .md-ol li{margin-bottom:.35em;line-height:1.7}.md-content .md-ul li::marker{color:var(--color-primary)}.md-content .md-ol li::marker{color:var(--color-secondary);font-weight:700}.md-content .md-code{background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:5px;padding:1px 6px;font-family:Courier New,monospace;font-size:.88em;color:var(--color-primary);white-space:nowrap}.md-content .md-pre{background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg, 14px);padding:1.1em 1.25em;overflow-x:auto;margin:1.25em 0}.md-content .md-pre code{font-family:Courier New,monospace;font-size:.88em;color:#ffffffd9;white-space:pre}.md-content .md-link{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s,opacity .2s}.md-content .md-link:hover{border-bottom-color:var(--color-primary);opacity:.85}[data-theme=light],[data-theme=light] body,[data-theme=light] #root{background:var(--color-darker);color:var(--text-primary)}[data-theme=light] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(0,153,204,.06) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:var(--text-primary)!important}[data-theme=light] p,[data-theme=light] li{color:var(--text-secondary)!important}[data-theme=light] span:not([style*=border-radius]):not([class]):not([style*="color:"]){color:var(--text-dim)!important}[data-theme=light] h1 span,[data-theme=light] h2 span,[data-theme=light] h3 span,[data-theme=light] h4 span{color:inherit!important}[data-theme=light] svg{color:inherit}[data-theme=light] div[style*=--radius-xl]:not(.section-card-inner),[data-theme=light] div[style*=--radius-lg]:not(.section-card-inner){background:#ffffffeb!important;border-color:#0099cc24!important;box-shadow:0 2px 16px #0d13330f!important}[data-theme=light] .glass-panel{background:#fffc!important;border-color:#0099cc26!important;box-shadow:0 4px 24px #0d133312!important}[data-theme=light] .rich-content{color:var(--text-secondary)!important}[data-theme=light] .rich-content b,[data-theme=light] .rich-content strong{color:var(--text-primary)!important}[data-theme=light] .rich-content em,[data-theme=light] .rich-content i{color:var(--text-secondary)!important}[data-theme=light] .md-content .md-pre{background:#0d13330d!important;border-color:#09c3!important}[data-theme=light] .md-content .md-pre code{color:var(--text-primary)!important}[data-theme=light] .md-content .md-blockquote{background:#0099cc0f!important;border-left-color:var(--color-primary)!important;color:var(--text-dim)!important}[data-theme=light] .md-content .md-code{background:#0099cc14!important;border-color:#0099cc40!important;color:var(--color-primary)!important}[data-theme=light] .md-content .md-hr{background:linear-gradient(90deg,transparent,rgba(0,153,204,.4),rgba(153,0,204,.4),transparent)!important;opacity:.7!important}[data-theme=light] .loading-spinner{border-color:#0099cc26!important;border-top-color:var(--color-primary)!important}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{color:var(--text-primary)!important;background:#ffffffd9!important;border-color:#0099cc40!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--text-faint)!important}[data-theme=light] .search-bar{background:#ffffffe6!important;color:var(--text-primary)!important;border-color:#0099cc4d!important}[data-theme=light] .search-bar::placeholder{color:var(--text-faint)!important}[data-theme=light] a:not([class]):not([style*="color: var(--color"]){color:var(--text-dim)!important}[data-theme=light] a:not([class]):not([style*="color: var(--color"]):hover{color:var(--color-primary)!important}[data-theme=light] button[style*="rgba(255,255,255"]{color:var(--text-secondary)!important;border-color:#0099cc38!important}[data-theme=light] hr{border-color:#0099cc26!important}[data-theme=light] footer{background:var(--surface-header)!important;border-top-color:#0099cc1f!important}[data-theme=light] [style*="color: var(--color-primary)"]{color:var(--color-primary)!important}[data-theme=light] [style*="color: var(--color-secondary)"]{color:var(--color-secondary)!important}[data-theme=light] [style*="color: var(--color-accent)"]{color:var(--color-accent)!important}[data-theme=light] [style*="color: #50c878"],[data-theme=light] [style*="color: #10b981"]{color:#059669!important}[data-theme=light] [style*="color: #ff6464"],[data-theme=light] [style*="color: #ff4466"]{color:#dc2626!important}[data-theme=light] [style*="color: #f59e0b"],[data-theme=light] [style*="color: #ffb432"],[data-theme=light] [style*="color: #ffd700"],[data-theme=light] [style*="color: #f9cb28"]{color:#b45309!important}[data-theme=light] [style*="color: #a78bfa"]{color:#7c3aed!important}[data-theme=light] [style*="color: #6ab0f5"]{color:#1d6fa5!important}[data-theme=light] [style*="color: #c078f0"]{color:#7e22ce!important}.theme-toggle-pill{position:relative;width:56px;height:28px;min-height:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:14px;border:1.5px solid rgba(255,255,255,.15);background:linear-gradient(135deg,#1a1040,#0d1d3a);cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px #00d4ff26,inset 0 1px #ffffff14;flex-shrink:0;overflow:hidden}.theme-toggle-pill:before{content:"·  ·   ·  ·";position:absolute;left:4px;top:50%;transform:translateY(-50%);font-size:.45rem;color:#ffffff59;letter-spacing:1px;pointer-events:none;transition:opacity .3s}[data-theme=light] .theme-toggle-pill{background:linear-gradient(135deg,#87ceeb,#c8e8ff,#e8f4ff);border-color:#0099cc59;box-shadow:0 0 16px #09c3,inset 0 1px #fff9}[data-theme=light] .theme-toggle-pill:before{opacity:0}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#a8c8ff,#7090ff);box-shadow:0 2px 8px #0006,0 0 0 1px #ffffff1a;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center}[data-theme=light] .theme-toggle-thumb{left:calc(100% - 23px);background:linear-gradient(135deg,gold,#ff9800);box-shadow:0 2px 8px #ff980080,0 0 12px #ffd70066}@media (max-width: 580px){.toggle-icon{width:18px!important;height:18px!important}}[data-theme=light] .page-root{background:var(--color-darker)!important}[data-theme=light] label{color:var(--text-secondary)!important}[data-theme=light] button{color:var(--text-primary)!important}[data-theme=light] a:not([class]){color:var(--color-primary)!important}[data-theme=light] div[style*=border-radius][style*="rgba(255, 255, 255, 0.0"],[data-theme=light] div[style*=border-radius][style*="rgba(255, 255, 255, 0.02"],[data-theme=light] div[style*=border-radius][style*="rgba(255, 255, 255, 0.03"],[data-theme=light] div[style*=border-radius][style*="rgba(255, 255, 255, 0.04"],[data-theme=light] div[style*=border-radius][style*="rgba(255, 255, 255, 0.05"],[data-theme=light] div[style*=border-radius][style*="rgba(255, 255, 255, 0.06"],[data-theme=light] div[style*=border-radius][style*="rgba(255, 255, 255, 0.07"],[data-theme=light] div[style*=border-radius][style*="rgba(255, 255, 255, 0.08"]{background:#fffffff7!important;box-shadow:0 2px 16px #00000012!important}[data-theme=light] [style*="border: 1px solid rgba(255, 255, 255, 0.0"],[data-theme=light] [style*="border: 1px solid rgba(255, 255, 255, 0.1"],[data-theme=light] [style*="border-bottom: 1px solid rgba(255, 255, 255, 0.0"],[data-theme=light] [style*="border-bottom: 1px solid rgba(255, 255, 255, 0.1"],[data-theme=light] [style*="border-top: 1px solid rgba(255, 255, 255, 0.0"],[data-theme=light] [style*="border-top: 1px solid rgba(255, 255, 255, 0.1"]{border-color:#0078c821!important}[data-theme=light] input[style],[data-theme=light] textarea[style]{background:#ffffffeb!important;color:var(--text-primary)!important;border-color:#0078c838!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--text-dim)!important;opacity:.7!important}[data-theme=light] svg[style*="stroke: rgba(255, 255, 255"],[data-theme=light] svg[style*="stroke: rgb(255, 255, 255"]{stroke:var(--text-secondary)!important}[data-theme=light] .back-link,[data-theme=light] [style*="color: rgba(255, 255, 255, 0.4)"]{color:var(--color-primary)!important}[data-theme=light] hr[style],[data-theme=light] [style*="background: rgba(255, 255, 255, 0.0"][style*="height: 1px"],[data-theme=light] [style*="background: rgba(255, 255, 255, 0.0"][style*="height: 2px"]{background:#0078c81f!important;opacity:1!important}[data-theme=light] [style*="border: 3px solid rgba(255, 255, 255, 0.1"],[data-theme=light] [style*="border: 2px solid rgba(255, 255, 255, 0.1"]{border-color:#0078c826!important;border-top-color:var(--color-primary)!important}[data-theme=light] [style*="background: rgba(0, 0, 0, 0.2"],[data-theme=light] [style*="background: rgba(0, 0, 0, 0.3"],[data-theme=light] [style*="background: rgba(0, 0, 0, 0.4"],[data-theme=light] [style*="background: rgba(0, 0, 0, 0.5"]{background:#0032780f!important}[data-theme=light] [style*="color: rgba(255, 255, 255"]{color:var(--text-secondary)!important}[data-theme=light] [style*="color: rgb(255, 255, 255"]{color:var(--text-primary)!important}[data-theme=light] [style*="WebkitTextFillColor: transparent"],[data-theme=light] [style*="-webkit-text-fill-color: transparent"]{color:inherit!important}[data-theme=light] [style*="background: rgba(255, 255, 255, 0.06)"]{background:#fffffff2!important;border-color:#0078c838!important}[data-theme=light] [style*="background: rgba(255, 255, 255, 0.03)"]{background:#fffffff5!important}[data-theme=light] [style*="background: radial-gradient(ellipse at 50% 0%, rgb(26, 26, 46)"],[data-theme=light] [style*="background: radial-gradient(ellipse at 50% 0%, #1a1a2e"]{background:var(--color-darker)!important}[data-theme=light] [style*="background: rgb(17, 17, 17)"],[data-theme=light] [style*="background: #111"]{background:var(--color-dark)!important}@media (max-width: 580px){.landing-hide-mobile{display:none!important}}