*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-primary: #00ff88;--accent-secondary: #0088ff;--accent-tertiary: #ff0088;--border-color: #333333;--gradient-primary: linear-gradient(135deg, #00ff88, #0088ff);--gradient-secondary: linear-gradient(135deg, #ff0088, #00ff88);--shadow-glow: 0 0 20px rgba(0, 255, 136, .3)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #6c757d;--accent-primary: #00b366;--accent-secondary: #0066cc;--accent-tertiary: #cc0066;--border-color: #dee2e6;--gradient-primary: linear-gradient(135deg, #00b366, #0066cc);--gradient-secondary: linear-gradient(135deg, #cc0066, #00b366);--shadow-glow: 0 0 20px rgba(0, 179, 102, .2)}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00ff884d}50%{box-shadow:0 0 40px #0f89}}@keyframes grid-move{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes holographic{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes data-flow{0%{left:-100%}to{left:100%}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}@keyframes float-medium{0%,to{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-25px) rotate(120deg) scale(1.1)}66%{transform:translateY(-15px) rotate(240deg) scale(.9)}}@keyframes float-fast{0%,to{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(20px) translateY(-20px) rotate(90deg)}50%{transform:translate(-10px) translateY(-40px) rotate(180deg)}75%{transform:translate(-20px) translateY(-10px) rotate(270deg)}}@keyframes glass-shimmer{0%,to{background-position:-200% 0}50%{background-position:200% 0}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-slide-up{animation:slideInUp .8s ease-out}.animate-slide-left{animation:slideInLeft .8s ease-out}.animate-slide-right{animation:slideInRight .8s ease-out}.animate-glow{animation:glow 3s ease-in-out infinite}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.neon-border{border:2px solid var(--accent-primary);box-shadow:var(--shadow-glow)}.cyber-grid{background-image:linear-gradient(rgba(0,255,136,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite}.holographic-effect{background:linear-gradient(45deg,rgba(0,255,136,.1) 0%,rgba(0,136,255,.1) 25%,rgba(255,0,136,.1) 50%,rgba(0,255,136,.1) 75%,rgba(0,136,255,.1) 100%);background-size:400% 400%;animation:holographic 8s ease-in-out infinite}.data-stream{position:relative;overflow:hidden}.data-stream:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.4),transparent);animation:data-flow 3s linear infinite}.floating-materials{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden}.glass-material{position:absolute;background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,136,255,.08) 50%,rgba(255,0,136,.06) 100%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 8px 32px #00ff881a,inset 0 1px #fff3}.glass-material:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:glass-shimmer 4s ease-in-out infinite}.glass-small{width:60px;height:60px;animation:float-fast 8s ease-in-out infinite}.glass-medium{width:100px;height:80px;animation:float-medium 12s ease-in-out infinite}.glass-large{width:140px;height:120px;animation:float-slow 16s ease-in-out infinite}.glass-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(45deg,rgba(0,255,136,.12) 0%,rgba(0,136,255,.08) 100%)}.glass-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:linear-gradient(45deg,rgba(255,0,136,.1) 0%,rgba(0,255,136,.06) 100%)}.pos-1{top:10%;left:15%;animation-delay:0s}.pos-2{top:20%;right:20%;animation-delay:-2s}.pos-3{top:60%;left:10%;animation-delay:-4s}.pos-4{top:70%;right:15%;animation-delay:-1s}.pos-5{top:30%;left:70%;animation-delay:-3s}.pos-6{top:80%;left:60%;animation-delay:-5s}.pos-7{top:15%;left:50%;animation-delay:-1.5s}.pos-8{top:45%;right:30%;animation-delay:-3.5s}.pos-9{top:85%;right:45%;animation-delay:-2.5s}.pos-10{top:5%;right:60%;animation-delay:-4.5s}@media (max-width: 768px){.container{padding:0 15px}}.App{min-height:100vh;background:var(--bg-primary);position:relative}.App:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,255,136,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,136,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,0,136,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}