*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Arial,sans-serif}.home-container{min-height:100vh;background:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7)),url(../images/magnetobw.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding-top:100px}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;z-index:10;background:rgba(0,0,0,.15);backdrop-filter:blur(2px)}.header .navbar-light{background:rgba(0,0,0,0);border-bottom:0;color:#1f2d3d}.logo-container{display:flex;align-items:center}.logo{transition:transform .3s ease;filter:drop-shadow(0 2px 10px rgba(0, 0, 0, .3))}.logo:hover{transform:scale(1.05)}.logo img{display:block;max-width:180px;max-height:60px;height:auto;vertical-align:middle;border-style:none}.content{text-align:center;color:#fff;z-index:1}.login-box,.reset-box{text-align:left;color:#806b7d}h1{font-size:4rem;font-weight:700;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.7);letter-spacing:2px}.login-link{display:inline-block;padding:15px 30px;background:linear-gradient(135deg,#6f4e7d,#8b5e9b);color:#fff;text-decoration:none;border-radius:8px;font-size:1.2rem;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.3);border:2px solid transparent}.login-link:hover{color:#fff;background:linear-gradient(135deg,#8b5e9b,#6f4e7d);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);border-color:rgba(255,255,255,.2)}footer{position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);z-index:10}footer a{color:#b0b0b0;text-decoration:none;font-size:.9rem;transition:color .3s ease}footer a:hover{color:#e3d9d9;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4);border-color:rgba(255,255,255,.2)}.copyright{font-size:.9rem}.version{font-size:.9rem}@media (max-width:768px){h1{font-size:2.5rem;margin-bottom:1.5rem}.login-link{font-size:1rem;padding:12px 24px}footer{flex-direction:column;gap:10px;text-align:center;padding:20px}}#toast-container>div{width:800px!important;max-width:800px!important}@media screen and (max-width:480px){#toast-container>div{width:90%!important;max-width:90%!important}}