:root{--primary-color: #3498db;--secondary-color: #2c3e50;--accent-color: #e74c3c;--bg-gradient: linear-gradient(135deg, #1a2a6c 0%, #b21f1f 50%, #fdbb2d 100%)}body{margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;overflow-x:hidden;background-color:#000;color:#fff}#hero{height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;padding:20px}.deep-blue-gradient{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);background-size:200% 200%;animation:gradientAnimation 15s ease infinite}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-content h1{font-size:5rem;font-weight:900;margin:0;text-shadow:0 10px 30px rgba(0,0,0,.5);line-height:1.1;letter-spacing:-.04em}.hero-content p{font-size:1.8rem;margin-top:25px;font-weight:300;opacity:.8;letter-spacing:-.01em}.scroll-arrow{margin-top:80px;font-size:3rem;opacity:.6;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}#scroll-container{height:1200vh;position:relative;background-color:#000}#sticky-viewport{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}#sticky-viewport:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:6}#image-sequence{position:absolute;top:0;left:0;width:100%;height:100%}.scroll-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;filter:brightness(.85) contrast(1.1)}.scroll-text{position:relative;z-index:10;color:#fff;text-align:center;text-shadow:0 4px 15px rgba(0,0,0,.8);padding:0 30px;max-width:900px}.scroll-text h2{font-size:4rem;margin:0;font-weight:800;letter-spacing:-.02em;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s ease}#footer{height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at center,#1a2a6c,#000);text-align:center;padding:80px 20px}#footer h3{font-size:3.5rem;margin-bottom:50px;color:#fff;font-weight:800;letter-spacing:-.03em;max-width:900px}.cta-button{display:inline-block;padding:22px 55px;font-size:1.6rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:100px;text-decoration:none;box-shadow:0 10px 40px #3498db66;transition:all .5s cubic-bezier(.23,1,.32,1);text-transform:uppercase;letter-spacing:.05em}.cta-button:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 20px 60px #3498db99;background:linear-gradient(135deg,#2980b9,#3498db)}@media (max-width: 768px){.hero-content h1{font-size:3rem}.hero-content p{font-size:1.2rem;margin-top:15px}.scroll-text h2{font-size:2.2rem}#footer h3{font-size:2.2rem;margin-bottom:30px}.cta-button{padding:16px 40px;font-size:1.2rem}}