.hero-container{position:relative;width:100%;min-height:600vh;background:#000}.cosmos-style{overflow-x:hidden}.hero-canvas{z-index:1}.hero-canvas,.hero-content{position:fixed;top:0;left:0;width:100%;height:100vh}.hero-content{z-index:10;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.cosmos-content{padding:0 2rem}.hero-title{font-size:clamp(2rem,8vw,10rem);font-weight:900;color:#fff;text-align:center;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin-bottom:2rem;visibility:hidden;text-shadow:0 0 40px rgba(0,0,0,.8),0 0 80px rgba(0,0,0,.6),0 4px 20px rgba(0,0,0,.9);-webkit-text-stroke:2px rgba(0,0,0,.3);opacity:1!important;animation:fadeIn .6s ease-in-out}.hero-title span,.title-char{display:inline-block}.title-highlight{color:#ff4757;text-shadow:0 0 40px rgba(255,71,87,.6),0 0 80px rgba(255,71,87,.4),0 4px 20px rgba(0,0,0,.9)}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.5rem);color:hsla(0,0%,100%,.95);text-align:center;max-width:90%;visibility:hidden;text-shadow:0 0 30px rgba(0,0,0,.9),0 2px 15px rgba(0,0,0,.8),0 4px 30px rgba(0,0,0,.7);font-weight:500;opacity:1!important;animation:fadeIn .6s ease-in-out}.cosmos-subtitle{line-height:1.8}.subtitle-line{margin:0;padding:0}.hero-cta-container{margin-top:3rem;pointer-events:auto;animation:fadeInUp .8s ease-out}.hero-cta-button{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:2px solid hsla(0,0%,100%,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 8px 30px rgba(0,0,0,.5);text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px;backdrop-filter:blur(10px)}.hero-cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.7);background:linear-gradient(135deg,#16213e,#0f3460 50%,#1a1a2e);border-color:hsla(0,0%,100%,.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.side-menu{position:fixed;right:3rem;top:50%;transform:translateY(-50%);z-index:100;align-items:center;gap:2rem;pointer-events:auto;visibility:hidden}.menu-icon,.side-menu{display:flex;flex-direction:column}.menu-icon{gap:6px;cursor:pointer}.menu-icon span{width:30px;height:2px;background:#fff;transition:all .3s ease}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.3em;margin-top:2rem}.side-menu-item{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.3);cursor:pointer;transition:all .3s ease;position:relative}.side-menu-item.active{background:#fff;transform:scale(1.5)}.side-menu-item:hover{background:hsla(0,0%,100%,.7);transform:scale(1.3)}.side-menu-label{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:#fff;font-size:.875rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;letter-spacing:.05em}.side-menu-item:hover .side-menu-label{opacity:1}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:hsla(0,0%,100%,.5);font-size:.75rem;letter-spacing:.2em;z-index:10;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.scroll-line{width:1px;height:3rem;background:linear-gradient(180deg,hsla(0,0%,100%,.5),transparent)}.scroll-progress{position:fixed;bottom:3rem;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:1rem;visibility:hidden}.scroll-text{color:hsla(0,0%,100%,.5);font-size:.75rem;letter-spacing:.3em;font-weight:600}.progress-track{width:100px;height:2px;background:hsla(0,0%,100%,.2);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .1s ease}.section-counter{color:hsla(0,0%,100%,.5);font-size:.875rem;font-weight:600;letter-spacing:.1em}.scroll-sections{position:absolute;top:100vh;width:100%;z-index:5}.scroll-section{min-height:100vh;position:relative}.content-section,.scroll-section{display:flex;align-items:center;justify-content:center}.content-section{width:100%;height:100vh;flex-direction:column;padding:0 2rem}@media (max-width:768px){.hero-title{font-size:clamp(1.5rem,6vw,5rem);letter-spacing:.05em}.hero-subtitle{font-size:clamp(.875rem,2vw,1.25rem);max-width:85%}.hero-cta-button{padding:.875rem 2rem;font-size:1rem}.side-menu{right:1rem;gap:.75rem}.side-menu-item{width:10px;height:10px}.side-menu-label{display:none}.cosmos-content{padding:0 1rem}}@media (max-width:480px){.hero-title{font-size:clamp(1rem,5vw,3rem);letter-spacing:.03em}.hero-subtitle{font-size:clamp(.75rem,1.5vw,1rem)}.hero-cta{bottom:15%}.cosmos-content{padding:0 .5rem}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}