.App{min-height:100vh;background:linear-gradient(135deg,#2c3e50,#34495e,#2c3e50);position:relative;overflow:hidden}.App:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:2;pointer-events:none}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.6;z-index:1;transition:background-image .8s ease-in-out}.header{position:fixed;top:0;left:0;right:0;z-index:20;padding:1rem 5%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.1)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo h2{color:#fff;font-size:1.5rem;font-weight:400;margin:0;letter-spacing:-1px}.header-actions{display:flex;align-items:center;gap:1rem}.search-container{position:relative;display:flex;align-items:center}.search-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.search-btn:hover{background:#fff3;transform:scale(1.05)}.search-form{position:absolute;right:0;top:0;z-index:1}.search-input{width:250px;height:40px;padding:0 50px 0 15px;border:1px solid rgba(255,255,255,.3);border-radius:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.9rem;outline:none;transition:all .3s ease;animation:slideInRight .3s ease-out}.search-input::placeholder{color:#ffffffb3}.search-input:focus{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 0 2px #ffffff1a}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.login-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem}.login-btn:hover{background:#fff3;transform:translateY(-1px)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:80px 5% 0;position:relative;z-index:10}.hero-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;gap:4rem}.text-content{flex:1;max-width:500px}.text-content h1{font-size:4rem;font-weight:300;color:#fff;margin-bottom:1.5rem;letter-spacing:-2px;line-height:1.1}.animated-title{transition:all .6s ease-in-out;animation:fadeInUp .6s ease-out}.text-content p{font-size:1.1rem;color:#ffffffe6;line-height:1.6;margin-bottom:2rem;max-width:400px}.animated-description{transition:all .6s ease-in-out;animation:fadeInUp .6s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.explore-btn{background:#e74c3c;color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.explore-btn:hover{background:#c0392b;transform:translateY(-2px)}.carousel{position:relative;height:400px;width:850px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:grab}.carousel:active{cursor:grabbing}.carousel-track{display:flex;width:300%;height:400px;transition:transform .8s ease-in-out;align-items:center;-webkit-user-select:none;user-select:none}.carousel-item{width:33.333%;height:400px;flex-shrink:0;padding:0 15px;display:flex;align-items:center;justify-content:center;cursor:pointer}.carousel-item img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px #0000004d;transition:all .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.carousel-item:nth-child(2) img{transform:scale(1.1);z-index:2;box-shadow:0 15px 40px #0006}.carousel-item:nth-child(1) img,.carousel-item:nth-child(3) img{opacity:.7;transform:scale(.9)}.carousel-item:nth-child(1):hover img,.carousel-item:nth-child(3):hover img{opacity:.9;transform:scale(.95)}.carousel-item:nth-child(2):hover img{transform:scale(1.15)}.social-icons{position:fixed;bottom:2rem;right:2rem;display:flex;gap:1rem;z-index:10}.social-icon{width:48px;height:48px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.social-icon:hover{background:#fff3;transform:translateY(-2px)}.social-icon svg{width:20px;height:20px}@media(max-width:768px){.header{padding:1rem 3%}.logo h2{font-size:1.3rem}.login-btn{padding:6px 12px;font-size:.8rem}.search-input{width:220px}.hero-content{flex-direction:column;text-align:center;gap:2rem}.text-content h1{font-size:2.5rem}.carousel{width:600px;height:350px}.carousel-track,.carousel-item{height:350px}.social-icons{bottom:1rem;right:1rem}}@media(max-width:480px){.header{padding:.8rem 2%}.logo h2{font-size:1.2rem}.header-actions{gap:.5rem}.search-btn{width:35px;height:35px}.search-input{width:200px;height:35px;padding:0 45px 0 12px;font-size:.8rem}.login-btn{padding:5px 10px;font-size:.75rem}.hero-section{padding:70px 2% 0}.text-content h1{font-size:2rem}.carousel{width:350px;height:300px}.carousel-track,.carousel-item{height:300px}}