body,html,#root{margin:0;padding:0;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0a0a0a;overflow-x:hidden}.top-menu{position:fixed;top:0;width:100%;z-index:1000;background:linear-gradient(90deg,#00c6ff,#0072ff,#00c6ff);background-size:300% 300%;animation:gradientShift 6s ease infinite;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 15px #0000004d;transition:all .3s ease}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.top-menu.scrolled{opacity:.95}.nav-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:15px 30px}.logo-link{display:flex;align-items:center;text-decoration:none}.logo-img{width:45px;height:auto;margin-right:10px;filter:brightness(1.1)}.logo-text{font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:.5px}.nav-links a{margin-left:25px;text-decoration:none;color:#fff;font-size:1rem;font-weight:500;transition:all .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-3px;width:0%;height:2px;background:#fff;transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:#e0fffa}.container{display:flex;min-height:100vh;padding-top:80px}.left{flex:1;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.left:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(0,255,150,.2),transparent 70%);animation:pulse 6s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.9}to{transform:scale(1);opacity:.6}}.left h1{font-size:3rem;margin-bottom:20px;z-index:1;text-shadow:0 0 10px rgba(0,255,150,.4)}.left p{font-size:1.2rem;max-width:500px;z-index:1}.right{flex:1;background:#fff;display:flex;justify-content:center;align-items:center;padding:60px;box-shadow:-10px 0 30px #0000001a}form{width:100%;max-width:400px;display:flex;flex-direction:column}form h2{text-align:center;margin-bottom:25px;color:#333}form input,form textarea{margin-bottom:15px;padding:12px 15px;border:1px solid #ddd;border-radius:10px;transition:all .2s ease}form input:focus,form textarea:focus{outline:none;border-color:#00b894;box-shadow:0 0 10px #00b8944d}form button{padding:14px;font-size:1rem;border:none;border-radius:10px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease}form button:hover{opacity:.9;transform:translateY(-2px)}.about-page{min-height:100vh;padding:120px 20px 40px;text-align:center;color:#fff;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)}.about-page h1{font-size:2.5rem;margin-bottom:20px;color:#0fc}@media(max-width:900px){.container{flex-direction:column}.left,.right{width:100%;padding:40px 20px}.nav-links{display:none}}