.navigation{position:fixed;top:0;left:0;right:0;height:80px;z-index:1000;display:flex;align-items:center;transition:all .3s ease}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-logo{display:flex;align-items:center;gap:var(--space-2)}.logo-img{width:40px;height:40px;border-radius:50%;border:1px solid var(--accent-cyan);box-shadow:var(--glow-cyan)}.logo-text{font-family:var(--font-heading);font-weight:800;font-size:1.2rem;letter-spacing:.05em;color:var(--text-white);text-transform:uppercase}.nav-links{display:flex;gap:var(--space-4)}.nav-link{font-family:var(--font-main);font-weight:600;font-size:.9rem;color:var(--accent-silver);text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-cyan);transition:width .3s ease}.nav-link:hover{color:var(--accent-cyan);text-shadow:var(--glow-cyan)}.nav-link:hover:after{width:100%}@media (max-width: 768px){.nav-links{display:none}}.hero{height:100vh;width:100%;position:relative;overflow:hidden}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity 1.5s ease-in-out,visibility 1.5s;display:flex;align-items:center}.hero-slide.active{opacity:1;visibility:visible}.hero-content{max-width:800px;z-index:10}.system-tag{font-family:var(--font-main);font-size:.8rem;color:var(--accent-cyan);letter-spacing:.2em;margin-bottom:var(--space-2);display:inline-block;padding:4px 12px;border-left:2px solid var(--accent-cyan);background:#4fd1c51a}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);margin-bottom:var(--space-2);line-height:1.1;color:var(--text-white);text-shadow:0 5px 15px rgba(0,0,0,.5)}.title-sub{display:block;font-size:1.5rem;color:var(--accent-silver);font-weight:400;margin-top:-10px}.hero-tagline{font-family:var(--font-fantasy);font-size:1.25rem;color:var(--accent-cyan);margin-bottom:var(--space-3);letter-spacing:.05em}.hero-desc{font-size:1.1rem;color:var(--accent-silver);margin-bottom:var(--space-5);max-width:600px}.hero-actions{display:flex;gap:var(--space-3)}.btn-primary{padding:14px 32px;background:var(--accent-cyan);color:var(--bg-charcoal);border:none;font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);background:#62e2d6}.btn-secondary{padding:14px 32px;background:transparent;color:var(--text-white);border:1px solid var(--accent-silver);font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-indicators{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);display:flex;gap:var(--space-2);z-index:20}.indicator{width:40px;height:4px;background:#fff3;cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--accent-cyan);box-shadow:var(--glow-cyan);width:60px}.particles-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,var(--accent-cyan) 1px,transparent 1px);background-size:80px 80px;opacity:.05;pointer-events:none}.novel-slider{position:relative;width:100%;max-width:1200px;height:500px;margin:0 auto;overflow:hidden}.slider-container{height:100%;position:relative}.novel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;display:flex;align-items:center;gap:var(--space-6);transition:all .5s cubic-bezier(.4,0,.2,1)}.novel-slide.activeSlide{opacity:1;transform:translate(0)}.novel-slide.lastSlide{transform:translate(-100%)}.novel-slide.nextSlide{transform:translate(100%)}.novel-image-container{flex:1;height:400px;border-radius:var(--space-2);overflow:hidden;box-shadow:var(--glow-cyan)}.novel-slide-img{width:100%;height:100%;object-fit:cover}.novel-info{flex:1;text-align:left}.system-marker{font-family:var(--font-main);font-size:.7rem;color:var(--accent-cyan);background:#4fd1c51a;padding:4px 12px;border-left:2px solid var(--accent-cyan);margin-bottom:var(--space-2);display:inline-block}.novel-title{font-size:2.5rem;margin-bottom:var(--space-2)}.novel-title .subtitle{display:block;font-size:1rem;color:var(--accent-silver);font-weight:400}.novel-tags{display:flex;gap:var(--space-1);margin-bottom:var(--space-3)}.tag{font-size:.75rem;color:var(--accent-cyan);border:1px solid var(--glass-border);padding:2px 8px;border-radius:4px}.novel-hook{font-size:1.1rem;color:var(--accent-silver);margin-bottom:var(--space-4);line-height:1.4}.novel-slider-actions{display:flex;gap:var(--space-3)}.slider-controls{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);z-index:20}.ctrl-btn{background:none;border:1px solid var(--glass-border);color:var(--text-white);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.ctrl-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.slider-dots{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s ease}.dot.active{background:var(--accent-cyan);box-shadow:var(--glow-cyan);transform:scale(1.5)}@media (max-width: 900px){.novel-slide{flex-direction:column;height:auto;padding-bottom:60px}.novel-image-container{width:100%;height:250px}.novel-slider{height:auto}}.lore-hub{background:var(--bg-charcoal);border-top:1px solid var(--glass-border)}.lore-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-top:var(--space-6)}.large-text{font-size:1.5rem;color:var(--text-white);line-height:1.4;margin-bottom:var(--space-6);font-family:var(--font-fantasy)}.faction-briefs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.faction-card{padding:var(--space-3);border-radius:var(--space-1)}.faction-card h4{color:var(--accent-cyan);margin-bottom:var(--space-1)}.faction-card p{font-size:.85rem;color:var(--accent-silver)}.system-mechanics-panel{border-radius:var(--space-2);display:flex;flex-direction:column;border:1px solid var(--accent-cyan);background:#0e162166}.panel-header{padding:var(--space-2) var(--space-3);background:#4fd1c51a;border-bottom:1px solid var(--accent-cyan);font-family:monospace;font-size:.8rem;color:var(--accent-cyan)}.mechanics-list{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.mech-item{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px dashed var(--glass-border);padding-bottom:var(--space-3)}.mech-item:last-child{border-bottom:none}.mech-info h5{font-size:1.1rem;margin-bottom:4px}.mech-info p{font-size:.85rem;color:var(--accent-silver);max-width:300px}.mech-stat{font-family:monospace;font-size:.75rem;color:var(--accent-cyan);background:#4fd1c51a;padding:4px 8px;border:1px solid var(--accent-cyan)}.panel-footer{padding:var(--space-2) var(--space-3);font-family:monospace;font-size:.7rem;color:var(--accent-silver);text-align:right;opacity:.6}@media (max-width: 1024px){.lore-grid{grid-template-columns:1fr}}.app{min-height:100vh}.section-title{font-size:2.5rem;margin-bottom:var(--space-6);text-align:center;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--accent-cyan)}.placeholder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.card{padding:var(--space-4);border-radius:var(--space-1);min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.footer{background:var(--bg-charcoal);border-top:1px solid var(--glass-border);color:var(--accent-silver);font-size:.9rem}.text-center{text-align:center}.about-section{display:flex;gap:var(--space-6);align-items:center}.about-text{flex:1}.about-image{flex:1;border-radius:var(--space-2);overflow:hidden;box-shadow:var(--glow-cyan)}.novel-card{position:relative;overflow:hidden;aspect-ratio:2/3;border-radius:var(--space-2)}.novel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent,#0e1621f2);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-3);opacity:0;transition:opacity .3s ease}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1)}.fade-in-section.visible{opacity:1;transform:translateY(0)}.blog-feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.blog-item{padding:var(--space-4);border-radius:var(--space-1);display:flex;flex-direction:column;gap:var(--space-2)}.blog-meta{font-family:monospace;font-size:.75rem;color:var(--accent-cyan);opacity:.8}.blog-item h4{font-size:1.25rem;color:var(--text-white)}.read-more{margin-top:auto;font-family:monospace;font-size:.8rem;color:var(--accent-cyan);display:flex;align-items:center;gap:8px;transition:gap .3s ease}.read-more:hover{gap:12px}.card-header{font-family:monospace;font-size:.65rem;color:var(--accent-silver);border-bottom:1px solid var(--glass-border);padding-bottom:4px;margin-bottom:12px;width:100%}.cta-box{padding:var(--space-8);border:2px dashed var(--glass-border)}.cta-input-group{display:flex;gap:10px;justify-content:center}.cta-input-group input{padding:12px 24px;border:1px solid var(--accent-silver);color:#fff;outline:none;width:300px}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}:root{--bg-charcoal: #0B0F14;--bg-midnight: #0E1621;--accent-cyan: #4FD1C5;--accent-silver: #BFC6D1;--text-white: #EDEDED;--glass-bg: rgba(14, 22, 33, .7);--glass-border: rgba(79, 209, 197, .2);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--font-main: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--font-fantasy: "Cinzel", serif;--glow-cyan: 0 0 15px rgba(79, 209, 197, .4);--glow-cyan-strong: 0 0 25px rgba(79, 209, 197, .6)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-charcoal);color:var(--text-white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;letter-spacing:-.02em}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-charcoal)}::-webkit-scrollbar-thumb{background:var(--bg-midnight);border:1px solid var(--glass-border)}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-3)}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.glow-hover:hover{box-shadow:var(--glow-cyan);transition:box-shadow .3s ease}.section-padding{padding:var(--space-8) 0}@media (prefers-reduced-motion: no-preference){.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}}