:root{--bg-color: #050505;--text-primary: #f0f0f0;--text-secondary: #9a9a9a;--border-color: rgba(255, 255, 255, .1);--btn-bg: #111;--btn-active-bg: #fff;--btn-active-text: #000;--logo-gold: #ffea8c;--logo-gold-glow: rgba(255, 234, 140, .5);--logo-green: #9de354;--logo-green-glow: rgba(157, 227, 84, .5)}@font-face{font-family:Courier New;src:url(fonts/subset-CourierNewPSMT.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Courier New Cyr;src:url(fonts/subset-CourierCyrPS.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;position:sticky;top:0;background:#050505cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;border-bottom:1px solid transparent;transition:border-color .3s ease}.lang-switcher{display:flex;gap:.5rem}.lang-switcher button{background:var(--btn-bg);color:var(--text-primary);border:1px solid var(--border-color);padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.lang-switcher button.active{background:#ffea8c0d;color:var(--logo-gold);border-color:var(--logo-gold);box-shadow:0 0 10px var(--logo-gold-glow),inset 0 0 5px var(--logo-gold-glow);text-shadow:0 0 8px var(--logo-gold-glow)}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.steps-links{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.step-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;text-decoration:none;color:var(--text-primary);transition:all .2s ease}.step-card:hover{background:#ffffff0f;border-color:#fff3;transform:translate(5px)}.step-card h3{font-size:1.2rem;font-weight:400;margin:0}.step-arrow{font-size:1.5rem;color:var(--text-secondary);transition:color .2s ease}.step-card:hover .step-arrow{color:var(--text-primary)}.back-link-container{margin-bottom:2rem}.back-link{color:var(--text-secondary);text-decoration:none;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;transition:color .2s ease}.back-link:hover{color:var(--text-primary)}.step-header{text-align:center;padding:2rem 0 3rem;border-bottom:1px solid var(--border-color);margin-bottom:3rem}h1{font-size:clamp(2rem,5vw,3rem);font-family:Courier New Cyr,Courier New,Courier,monospace;letter-spacing:.05em;font-weight:400;text-transform:uppercase;background:linear-gradient(to right,#bf953f 20%,#fcf6ba 40%,#b38728,#fcf6ba 60%,#bf953f 80%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gold-shine 4s linear infinite;text-shadow:0 0 4px var(--logo-gold-glow),0 0 10px var(--logo-gold-glow),0 0 15px var(--logo-gold-glow)}@keyframes gold-shine{0%{background-position:200% center}to{background-position:0% center}}.step-content{display:flex;flex-direction:column;gap:3rem}.step-lyrics h2,.step-philosophy h2{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.tabs-container{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.tab-btn{background:transparent;color:var(--text-secondary);border:1px solid transparent;padding:.4rem 1rem;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{background:#ffea8c0d;color:var(--logo-gold);border-color:var(--logo-gold);box-shadow:0 0 10px var(--logo-gold-glow),inset 0 0 5px var(--logo-gold-glow);text-shadow:0 0 8px var(--logo-gold-glow)}.step-lyrics p{font-style:italic;color:var(--text-primary);font-size:1.1rem;line-height:1.8;animation:fadeIn .5s ease-out}.philosophy-content p{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.2rem}.philosophy-content p:last-child{margin-bottom:0}main{flex:1;padding:0 1.5rem;max-width:680px;margin:0 auto;width:100%}.hero{text-align:center;padding:5rem 0 4rem;border-bottom:1px solid var(--border-color);animation:fadeIn 1s ease-out}.hero h1{font-family:Courier New Cyr,Courier New,Courier,monospace;font-size:clamp(2.5rem,8vw,4rem);letter-spacing:.05em;margin-bottom:.5rem;font-weight:400;text-transform:uppercase;color:var(--logo-gold);text-shadow:0 0 8px var(--logo-gold-glow),0 0 20px var(--logo-gold-glow),0 0 30px var(--logo-gold-glow)}.hero .subtitle{font-size:clamp(.9rem,3vw,1.1rem);color:var(--text-secondary);font-weight:400;text-transform:uppercase;letter-spacing:.1em}section{padding:4rem 0;border-bottom:1px solid var(--border-color)}section h2{font-family:Courier New,Courier,monospace;font-size:1.25rem;margin-bottom:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--logo-gold);text-shadow:0 0 8px var(--logo-gold-glow),0 0 20px var(--logo-gold-glow),0 0 30px var(--logo-gold-glow)}section p{font-size:1.05rem;color:var(--text-secondary);line-height:1.8}footer{text-align:center;padding:3rem 1.5rem 4rem;margin-top:auto}footer p{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.social-links{display:flex;justify-content:center;gap:1.5rem}.social-links a{color:var(--text-primary);text-decoration:none;font-size:.95rem;opacity:.7;transition:opacity .2s ease}.social-links a:hover{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html:not([data-scroll="0"]) .top-nav{border-bottom:1px solid var(--border-color)}