:root{--lunar-dark: #0a0e1a;--lunar-grey: #1a1f2e;--lunar-light: #2a3142;--laser-blue: #00d9ff;--laser-red: #ff3366;--lunar-text: #e8edf5;--lunar-text-muted: #8b94a8}body{background:var(--lunar-dark);color:var(--lunar-text)}.lunar-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,rgba(0,217,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,51,102,.03) 0%,transparent 50%),var(--lunar-dark);z-index:-2}.stars-pattern{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 60% 70%,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(circle at 80% 10%,rgba(255,255,255,.06) 1px,transparent 1px),radial-gradient(circle at 40% 90%,rgba(255,255,255,.08) 1px,transparent 1px);background-size:200px 200px,300px 300px,250px 250px,350px 350px;background-position:0 0,50px 50px,100px 100px,150px 150px;z-index:-1;animation:stars-move 120s linear infinite}@keyframes stars-move{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:10rem 2rem 6rem;text-align:center;position:relative}.hero-container{max-width:1000px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;padding:.5rem 1.5rem;background:#00d9ff14;border:1px solid rgba(0,217,255,.3);border-radius:2rem;margin-bottom:2rem;animation:fade-up .8s ease-out}.badge-label{font-family:var(--font-family-mono);font-size:.7rem;font-weight:700;color:var(--laser-blue);letter-spacing:.15em;text-transform:uppercase}.hero-title{font-family:var(--font-family-heading);font-size:clamp(3rem,10vw,7rem);font-weight:900;line-height:1.1;margin-bottom:2rem;letter-spacing:-.03em;animation:fade-up 1s ease-out}.title-line{display:block}.lunar-glow{background:linear-gradient(135deg,var(--laser-blue) 0%,var(--lunar-text) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(0,217,255,.3)}.hero-subtitle{font-family:var(--font-family-base);font-size:clamp(1.2rem,3vw,2rem);font-weight:300;color:var(--lunar-text-muted);margin-bottom:2rem;animation:fade-up 1.2s ease-out;letter-spacing:.05em}.hero-description{max-width:700px;margin:0 auto 3rem;font-family:var(--font-family-base);font-size:1.125rem;color:var(--lunar-text-muted);line-height:1.9;animation:fade-up 1.4s ease-out}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cta-container{animation:fade-up 1.6s ease-out}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.2rem 3rem;background:var(--laser-blue);color:var(--lunar-dark);font-family:var(--font-family-base);font-size:1.1rem;font-weight:700;border-radius:3rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 20px #00d9ff4d,0 0 40px #00d9ff33}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 30px #00d9ff66,0 0 60px #00d9ff4d}.cta-button.large{padding:1.5rem 4rem;font-size:1.2rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.concept-section,.specs-section,.final-cta-section{padding:8rem 2rem}.video-section,.articles-section{padding:6rem 2rem}.concept-section{background:linear-gradient(to bottom,transparent,rgba(26,31,46,.5),transparent)}.section-header{text-align:center;margin-bottom:5rem}.section-title{font-family:var(--font-family-mono);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:var(--laser-blue);margin-bottom:1rem;letter-spacing:.15em;text-transform:uppercase}.section-line{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--laser-blue),transparent);margin:1.5rem auto}.section-subtitle{font-family:var(--font-family-base);font-size:1.1rem;color:var(--lunar-text-muted)}.concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.concept-card{background:#1a1f2e99;backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-lg);padding:3rem 2.5rem;transition:all .3s ease;position:relative;overflow:hidden}.concept-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--laser-blue),transparent);transform:scaleX(0);transition:transform .3s ease}.concept-card:hover{transform:translateY(-5px);border-color:var(--laser-blue);box-shadow:0 10px 40px #00d9ff33}.concept-card:hover:before{transform:scaleX(1)}.card-number{font-family:var(--font-family-mono);font-size:.875rem;font-weight:700;color:var(--laser-blue);margin-bottom:1.5rem;letter-spacing:.1em}.card-title{font-family:var(--font-family-heading);font-size:1.75rem;font-weight:700;color:var(--lunar-text);margin-bottom:1rem}.card-text{font-family:var(--font-family-base);color:var(--lunar-text-muted);line-height:1.9}.video-wrapper{position:relative;width:100%;max-width:900px;margin:0 auto 2rem;padding-bottom:56.25%;border-radius:var(--radius-lg);overflow:hidden;background:var(--lunar-grey);border:1px solid rgba(0,217,255,.2);box-shadow:0 10px 40px #00d9ff26}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-description{text-align:center;font-family:var(--font-family-base);color:var(--lunar-text-muted);font-size:1rem}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.spec-item{text-align:center;padding:2.5rem;background:#1a1f2e66;backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.15);border-radius:var(--radius-lg);transition:all .3s ease}.spec-item:hover{transform:translateY(-5px);border-color:var(--laser-blue);box-shadow:0 10px 30px #00d9ff26}.spec-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#00d9ff1a;border-radius:50%;color:var(--laser-blue)}.spec-title{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:600;color:var(--lunar-text);margin-bottom:1rem}.spec-text{font-family:var(--font-family-base);color:var(--lunar-text-muted);line-height:1.8}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-bottom:3rem}.article-card{background:#1a1f2e99;backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-lg);padding:2.5rem;cursor:pointer;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:fade-up .6s ease-out forwards}.article-card:hover{transform:translateY(-5px);border-color:var(--laser-blue);box-shadow:0 10px 40px #00d9ff33}.article-date{font-family:var(--font-family-mono);font-size:.875rem;color:var(--laser-blue);margin-bottom:1.5rem;letter-spacing:.05em}.article-title{font-family:var(--font-family-heading);font-size:1.4rem;font-weight:600;color:var(--lunar-text);margin-bottom:1rem;line-height:1.5}.article-excerpt{font-family:var(--font-family-base);color:var(--lunar-text-muted);line-height:1.8;margin-bottom:1.5rem}.article-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-family-base);font-weight:600;color:var(--laser-blue);font-size:.95rem;transition:gap .3s ease}.article-card:hover .article-link{gap:1rem}.view-more{text-align:center}.view-more a{display:inline-block;padding:1rem 2.5rem;color:var(--laser-blue);font-family:var(--font-family-base);font-weight:600;text-decoration:none;border:1px solid rgba(0,217,255,.3);border-radius:2rem;transition:all .3s ease}.view-more a:hover{border-color:var(--laser-blue);background:#00d9ff1a;box-shadow:0 0 30px #00d9ff33}.skeleton-card{background:#1a1f2e66;border:1px solid rgba(0,217,255,.1);border-radius:var(--radius-lg);padding:2.5rem}.skeleton-date,.skeleton-title,.skeleton-excerpt{background:#8b94a81a;border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite alternate}.skeleton-date{width:100px;height:14px;margin-bottom:1.5rem}.skeleton-title{width:90%;height:60px;margin-bottom:1rem}.skeleton-excerpt{width:100%;height:80px}@keyframes skeleton-pulse{0%{opacity:.4}to{opacity:.7}}.final-cta-section{background:linear-gradient(to bottom,transparent,rgba(26,31,46,.5))}.cta-card{max-width:800px;margin:0 auto;background:#1a1f2ecc;backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.3);border-radius:var(--radius-lg);padding:5rem 4rem;text-align:center;box-shadow:0 10px 50px #00d9ff33}.cta-title{font-family:var(--font-family-mono);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:var(--laser-blue);margin-bottom:2rem;letter-spacing:.1em;text-transform:uppercase}.cta-text{font-family:var(--font-family-base);font-size:1.3rem;color:var(--lunar-text);margin-bottom:3rem;line-height:1.8}@media (max-width: 768px){.hero{padding:8rem 2rem 4rem}.concept-grid,.specs-grid,.articles-grid{grid-template-columns:1fr}.cta-card{padding:3rem 2rem}.section-header{margin-bottom:3rem}}