: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)}}.transition-content{background-color:#11111173;border:1px dashed rgba(0,255,255,.25);max-width:50%!important;text-align:center;animation:pulse-border 4s infinite ease-in-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:3rem;border-radius:16px;box-shadow:0 8px 32px #0000005e}.transition-title{font-family:var(--font-body);font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-color);opacity:.8;margin-bottom:.75rem;text-shadow:0 0 8px rgba(0,255,255,.4)}.transition-text{font-family:var(--font-heading);font-size:1.35rem;font-style:italic;line-height:1.6;opacity:.95;color:var(--text-color)}@keyframes pulse-border{0%,to{border-color:#0ff3;box-shadow:0 0 15px #00ffff0d}50%{border-color:#0ff9;box-shadow:0 0 30px #0ff3}}