body{margin:0;padding:0;min-height:100vh;font-family:sans-serif;background:linear-gradient(to bottom,#0a0a0a,#1a1a1a,#2a2a2a)}:root{--bg-dark: #0a0e27;--bg-light: #f8f6f3;--bg-light-gradient: linear-gradient(135deg, #f8f6f3 0%, #faf8f5 25%, #f5f3f0 75%, #f8f6f3 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;height:100vh;overflow:hidden}.app-root{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg-dark);transition:background .8s cubic-bezier(.25,.46,.45,.94)}.app-root.light-mode{background:var(--bg-light-gradient)}.layer-base{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.layer-waves{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.layer-particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none}.layer-ui{position:fixed;top:0;left:0;width:100%;height:100%;z-index:30;pointer-events:none}.layer-base,.layer-waves,.layer-particles,.layer-ui{transition:opacity .6s ease}@media(max-width:768px){.app-root{font-size:14px}}