:root{--background-color: #111111;--text-color: #f0f0f0;--accent-color: #00FFFF;--font-body: "Inter", sans-serif;--font-heading: "Playfair Display", serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-body);overflow-x:hidden}#root{width:100vw}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.canvas-container>canvas{pointer-events:auto}.scroll-content{width:100%;position:relative}section{height:100vh;display:flex;align-items:center;padding:0 10%}.transition-section{padding:0}.content{max-width:40%;background-color:#1119;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:2.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}section.right-align{justify-content:flex-end}section.center-align{justify-content:center;text-align:center}section.center-align .content{max-width:60%}h1,h2{font-family:var(--font-heading);color:var(--accent-color);margin-bottom:1rem;text-shadow:0 0 10px rgba(0,255,255,.3)}h1{font-size:3.5rem;line-height:1.1}h2{font-size:2.5rem}p{font-size:1.05rem;line-height:1.7}p+p{margin-top:1rem}@media (max-width: 768px){section{padding:0 5%}.content{max-width:90%;padding:1.5rem}section.center-align .content{max-width:90%}h1{font-size:2.5rem}h2{font-size:2rem}p{font-size:1rem}}.loading-screen-container{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-color);font-family:var(--font-body)}.loader{border:4px solid var(--text-color);border-left-color:transparent;width:36px;height:36px;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}