html,body{overflow:hidden;margin:0;padding:0;width:100%;height:100%}.landing-header{position:fixed;top:0;left:0;width:100%;background-color:var(--accent-color);border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:flex;justify-content:space-between;align-items:center;padding:10px 80px;z-index:100;box-shadow:0 4px 20px #a020f066}.logo{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:2px}.header-nav{display:flex;gap:15px;background:#fff;padding:5px;border-radius:30px}.nav-btn{background:transparent;border:none;color:var(--accent-color);font-weight:600;font-size:1.2rem;padding:10px 30px;border-radius:25px;cursor:pointer;transition:all .3s ease}.nav-btn.active,.nav-btn:hover{background:var(--accent-color);color:#fff}#landing-canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}.landing-content{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:none;opacity:0}.ui-layer.active{display:flex;opacity:1}#home-section{align-items:center;justify-content:flex-end;padding-right:8%}#about-section{align-items:center;justify-content:center}.hero-text{pointer-events:auto;text-align:right;color:#fff;max-width:40vw}.hero-text h1{font-size:6rem;font-weight:900;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-bottom:15px;text-shadow:0 0 20px rgba(160,32,240,.5);letter-spacing:2px}.hero-text h2{font-size:1.8rem;font-weight:400;margin-bottom:40px;opacity:.9;letter-spacing:1px}.btn-explore{display:inline-block;background:var(--accent-color);color:#fff;text-decoration:none;padding:15px 50px;border-radius:50px;font-size:1.2rem;font-weight:700;transition:all .3s ease;box-shadow:0 0 20px #a020f099}.btn-explore:hover{transform:scale(1.05);box-shadow:0 0 30px #a020f0cc}.about-panel{pointer-events:auto;width:75vw;max-width:1200px;height:100vh;font-size:1.6rem;line-height:1.6;margin:0;padding:50px 8%;background:#ffffff05;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:0;color:#e0e0e0;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;justify-content:center;text-align:center}.about-panel p{margin-bottom:25px;text-align:center}.about-title{font-size:2.8rem;color:#fff;margin-bottom:30px;letter-spacing:2px;font-weight:800;text-align:center}@media(max-width:768px){.landing-header{flex-direction:row;justify-content:space-between;padding:10px 15px}.logo{font-size:1.1rem}.header-nav{gap:5px}.nav-btn{font-size:.85rem;padding:6px 12px}#home-section{justify-content:center;padding-right:0;align-items:center}.hero-text{text-align:center;max-width:90vw;padding-top:10vh}.hero-text h1{font-size:3rem}.hero-text h2{font-size:1.2rem;margin-bottom:30px}.about-panel{width:95vw;height:auto;max-height:85vh;padding:30px 20px;font-size:1rem;border-radius:15px;overflow-y:auto}.about-title{font-size:1.6rem;margin-bottom:20px}.about-description{font-size:1rem}.btn-explore{padding:12px 30px;font-size:1rem}}