@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-image:url(../../img/calm-sunset-login.jpg);background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{width:100%;max-width:500px;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.2);overflow:hidden;padding:40px 35px;transition:all .3s ease}figure{text-align:center;margin-bottom:30px}figure img{width:120px;height:auto}.tabs{display:flex;margin-bottom:30px;border-bottom:2px solid #f0f0f0}.tab-btn{flex:1;text-align:center;padding-bottom:12px;font-size:22px;font-weight:600;color:#999;cursor:pointer;transition:all .3s;background:0 0;border:none;font-family:inherit}.tab-btn.active{color:#667eea;border-bottom:3px solid #667eea}.form-container{transition:all .3s ease}.form{display:block}.form.hidden{display:none}.input-group{margin-bottom:20px;position:relative}.input-group input{width:100%;padding:15px 20px;font-size:16px;border:1px solid #e0e0e0;border-radius:12px;outline:0;transition:all .3s;font-family:inherit}.input-group input::focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.checkbox-group{margin-bottom:20px;display:flex;align-items:center;font-size:14px;color:#555}.checkbox-groupinput{margin-right:10px;accent-color:#667eea}.forgot-password{display:block;margin-top:8px;font-size:14px;color:#667eea;text-decoration:none}.forgot-password:hover{text-decoration:underline}.btn-primary{display:block;text-decoration:none;text-align:center;width:100%;padding:15px;background:linear-gradient(135deg,#eac766 0,#8a713c 100%);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:inherit;margin-top:10px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(95,76,15,.4)}.divider{text-align:center;margin:25px 0 20px;position:relative;color:#aaa;font-size:14px}.divider::after,.divider::before{position:absolute;top:50%;width:calc(50% - 60px);height:1px;background:#e0e0e0}.divider::before{left:0}.divider::after{right:0}.social-icons{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.social-icon{width:50px;height:50px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:24px;font-weight:700;color:#555;text-decoration:none}.social-icon:hover{background:#e0e0e0;transform:translateY(-3px)}.signup-link{text-align:center;margin-top:20px;font-size:14px;color:#666}.signup-link a{color:#667eea;text-decoration:none;font-weight:600}.signup-link a:hover{text-decoration:underline}@media (max-width:550px){.container{padding:30px 20px}.tab-btn{font-size:18px}.btn-primary{font-size:16px}}/*# sourceMappingURL=login.min.css.map */
|
Download
