:root{--bg-dark: #070a10;--bg-section: #0d1117;--bg-card: #161b22;--border: #21262d;--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #484f58;--accent: #58a6ff;--accent-glow: rgba(88, 166, 255, .3);--gold: #f0c040;--font-mono: "JetBrains Mono", monospace;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;color:var(--text-primary);background:var(--bg-dark);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:0 24px}.hero{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero__background{position:absolute;inset:0;z-index:0}.hero__gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 70%,rgba(88,166,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(139,92,246,.08) 0%,transparent 50%),linear-gradient(180deg,#070a10,#0d1117)}.hero__stars{position:absolute;inset:0}.star{position:absolute;background:#fff;border-radius:50%;opacity:.5;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:.15}}.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;position:relative;z-index:10}.nav__logo{font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:3px;color:var(--accent)}.nav__links{display:flex;gap:32px}.nav__link{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;color:var(--text-secondary);text-decoration:none;padding:8px 0;border-bottom:1px solid transparent;transition:all .2s ease}.nav__link:hover{color:var(--text-primary);text-decoration:none}.nav__link--active{color:var(--accent);border-color:var(--accent)}.hero__content{flex:1;display:flex;align-items:center;justify-content:center;gap:80px;padding:40px;position:relative;z-index:10}.hero__opus{flex-shrink:0}.hero__opus-img{width:300px;height:400px;object-fit:contain;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero__text{max-width:500px}.hero__subtitle{font-family:var(--font-mono);font-size:12px;letter-spacing:3px;color:var(--accent);text-transform:uppercase;margin-bottom:16px}.hero__title{font-family:var(--font-display);font-size:56px;font-weight:600;line-height:1.1;margin-bottom:24px}.hero__description{font-size:18px;color:var(--text-secondary);line-height:1.8;margin-bottom:32px}.hero__description em{color:var(--text-primary)}.hero__description strong{color:var(--accent);font-weight:500}.hero__actions{display:flex;gap:16px}.btn{font-family:var(--font-mono);font-size:13px;padding:14px 28px;text-decoration:none;transition:all .2s ease;display:inline-block}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:#79b8ff;text-decoration:none}.btn--secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover{background:var(--bg-card);border-color:var(--text-muted);text-decoration:none}.btn--large{padding:18px 40px;font-size:14px;background:var(--accent);color:#fff}.btn--large:hover{background:#79b8ff;text-decoration:none;transform:translateY(-2px)}.hero__links{margin-top:24px}.hero__link{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);text-decoration:none;padding:8px 16px;border:1px solid var(--border);transition:all .2s ease;display:inline-block}.hero__link:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.hero__ca{margin-top:20px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#58a6ff14;border:1px solid rgba(88,166,255,.2);font-family:var(--font-mono);font-size:12px}.hero__ca-label{color:var(--accent);font-weight:600;letter-spacing:1px}.hero__ca-address{color:var(--text-primary);background:transparent;font-size:11px;word-break:break-all}.hero__ca-copy{padding:6px 12px;background:var(--accent);border:none;color:#fff;font-family:var(--font-mono);font-size:10px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.hero__ca-copy:hover{background:#79b8ff}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);text-align:center;color:var(--text-muted);font-size:12px;font-family:var(--font-mono);z-index:10}.scroll-indicator__arrow{margin-top:8px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.section{padding:100px 0}.section--dark{background:var(--bg-dark)}.section--light{background:var(--bg-section)}.section__badge{font-family:var(--font-mono);font-size:11px;letter-spacing:3px;color:var(--accent);margin-bottom:16px}.section__title{font-family:var(--font-display);font-size:40px;font-weight:600;margin-bottom:60px}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.feature{padding:32px;background:var(--bg-section);border:1px solid var(--border)}.feature__icon{font-size:32px;margin-bottom:20px}.feature__title{font-family:var(--font-mono);font-size:14px;font-weight:500;margin-bottom:12px}.feature__text{color:var(--text-secondary);line-height:1.7}.lore__intro{max-width:800px;margin-bottom:60px}.lore__intro p{font-size:18px;line-height:1.8;color:var(--text-secondary);margin-bottom:20px}.lore__intro em{color:var(--gold);font-style:italic}.lore__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:60px}.lore__card{padding:28px;background:var(--bg-card);border:1px solid var(--border)}.lore__card h3{font-family:var(--font-mono);font-size:13px;font-weight:500;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.lore__stats{display:grid;grid-template-columns:auto 1fr;gap:8px 16px}.lore__stats dt{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.lore__stats dd{color:var(--text-secondary);font-size:14px}.lore__list{list-style:none}.lore__list li{padding:8px 0 8px 20px;position:relative;color:var(--text-secondary);font-size:14px;border-bottom:1px solid var(--border)}.lore__list li:last-child{border-bottom:none}.lore__list li:before{content:"›";position:absolute;left:0;color:var(--accent)}.lore__quote{max-width:700px;margin:60px auto;text-align:center}.lore__quote blockquote{font-family:var(--font-display);font-size:24px;font-style:italic;line-height:1.6;color:var(--text-primary);margin-bottom:20px}.lore__quote cite{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.lore__appearances{margin-top:60px}.lore__appearances h3{font-family:var(--font-mono);font-size:13px;margin-bottom:24px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.timeline{display:flex;gap:0}.timeline__item{flex:1;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border);border-left:none;text-align:center}.timeline__item:first-child{border-left:1px solid var(--border)}.timeline__year{display:block;font-family:var(--font-mono);font-size:11px;color:var(--accent);margin-bottom:8px}.timeline__title{font-size:14px;font-weight:500}.section--cta{background:linear-gradient(180deg,var(--bg-section) 0%,var(--bg-dark) 100%);text-align:center;padding:120px 0}.cta__title{font-family:var(--font-display);font-size:36px;margin-bottom:16px}.cta__text{color:var(--text-secondary);font-size:18px;margin-bottom:32px}.footer{padding:40px 0;text-align:center;border-top:1px solid var(--border);background:var(--bg-dark)}.footer p{font-size:13px;color:var(--text-muted);margin-bottom:12px}.footer__links{display:flex;justify-content:center;gap:16px}.footer__links a{font-size:12px}.footer__links span{color:var(--text-muted)}@media(max-width:900px){.hero__content{flex-direction:column;text-align:center;gap:40px}.hero__opus-img{width:200px;height:280px}.hero__title{font-size:40px}.hero__actions{justify-content:center}.features,.lore__grid{grid-template-columns:1fr}.timeline{flex-direction:column}.timeline__item{border-left:1px solid var(--border);border-top:none}.timeline__item:first-child{border-top:1px solid var(--border)}}@media(max-width:600px){.nav{flex-direction:column;gap:16px}.hero__title{font-size:32px}.section__title{font-size:28px}.hero__actions{flex-direction:column}}