@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";
.landing-wrapper{background-color:#000;width:100vw;height:100vh;font-family:Poppins,sans-serif;position:relative;overflow:hidden}.main-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:25px 50px;display:flex;position:fixed;top:0;left:0;right:0}.brand-name{color:#fff;letter-spacing:1px;font-size:1.4rem}.brand-name strong{color:#00b4ff}.btn-login{color:#fff;cursor:pointer;background:#0046ad;border:none;border-radius:50px;align-items:center;gap:10px;padding:12px 28px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #0046ad4d}.btn-login:hover{background:#f97316;transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.hero-container{width:100%;height:100%;position:relative}.slide-item{opacity:0;text-align:center;background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1.5s ease-in-out;display:flex;position:absolute;top:0;left:0}.slide-item.active{opacity:1;z-index:10}.slide-content{color:#fff;max-width:800px;padding:20px}.slide-tag{text-transform:uppercase;letter-spacing:2px;border-radius:20px;margin-bottom:20px;padding:6px 20px;font-size:.8rem;font-weight:700;display:inline-block}.slide-title{text-shadow:0 2px 10px #0000004d;margin-bottom:20px;font-size:4.5rem;font-weight:700;line-height:1.1}.slide-subtitle{opacity:.9;margin-bottom:40px;font-size:1.3rem;font-weight:300}.quote-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-left:4px solid #fff;max-width:600px;margin:0 auto 50px;padding:20px 40px;font-size:1.1rem;font-style:italic}.slide-controls{justify-content:center;gap:12px;display:flex}.dot{cursor:pointer;background:#ffffff4d;border-radius:50%;width:12px;height:12px;transition:all .3s}.dot-active{background:#fff;border-radius:10px;width:30px}.landing-footer{text-align:center;color:#fff9;z-index:20;width:100%;font-size:.85rem;position:absolute;bottom:30px}.slide-item.active .slide-title{animation:1s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}