:root{--space-black: #0a0a0f;--space-deep: #12121a;--nebula-purple: #2d1b4e;--nebula-blue: #1a2742;--star-white: #ffffff;--star-blue: #a4c6ff;--sand-gold: #f4d03f;--water-turquoise: #00d4aa;--water-deep: #0077be;--palm-green: #2d5a27;--glow-primary: 0, 212, 170;--glow-secondary: 244, 208, 63;--text-primary: #ffffff;--text-secondary: #a0a0b0;--section-padding: clamp(4rem, 10vh, 8rem)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--space-black);color:var(--text-primary);overflow-x:hidden;line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--space-deep)}::-webkit-scrollbar-thumb{background:rgba(var(--glow-primary),.5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--glow-primary),.7)}.glow-text{text-shadow:0 0 10px rgba(var(--glow-primary),.5),0 0 20px rgba(var(--glow-primary),.3),0 0 40px rgba(var(--glow-primary),.2)}.glow-box{box-shadow:0 0 20px rgba(var(--glow-primary),.3),0 0 40px rgba(var(--glow-primary),.2),0 0 80px rgba(var(--glow-primary),.1)}.glow-gold{text-shadow:0 0 10px rgba(var(--glow-secondary),.5),0 0 20px rgba(var(--glow-secondary),.3)}section{padding:var(--section-padding) 2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}h1,h2,h3{font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,8vw,5rem)}h2{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1.5rem}h3{font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:1rem}p{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:65ch}.container{max-width:1200px;margin:0 auto;width:100%}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:2px solid rgba(var(--glow-primary),.5);background:rgba(var(--glow-primary),.1);color:var(--text-primary);font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn:hover{background:rgba(var(--glow-primary),.2);border-color:rgba(var(--glow-primary),.8);box-shadow:0 0 30px rgba(var(--glow-primary),.4);transform:translateY(-2px)}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.canvas-container.interactive{pointer-events:auto}.content-overlay{position:relative;z-index:1}.solid-background{background:var(--space-black)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--space-black);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-bar{width:200px;height:4px;background:var(--space-deep);border-radius:2px;overflow:hidden;margin-top:2rem}.loading-bar-fill{height:100%;background:linear-gradient(90deg,var(--water-turquoise),var(--sand-gold));border-radius:2px;transition:width .3s ease}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes scrollBounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.5}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.passion-card:hover{transform:translateY(-8px);border-color:#00d4aa4d;background:#ffffff0d}.project-card-wrapper:hover .glow-effect{opacity:1}a.social-link:hover{transform:translateY(-3px);border-color:#00d4aa80}input:focus{border-color:#00d4aa80!important;box-shadow:0 0 0 2px #00d4aa1a}button.suggestionBtn:hover{background:#00d4aa1a;border-color:#00d4aa4d;color:#00d4aa}