:root{--border-dark: #3d3d3d}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial, sans-serif;font-family:var(--font-heading)}body{background-color:#010101;color:#fff;display:flex;flex-direction:column;height:100vh}.login-page-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 18px 15px;border-bottom:1px solid #212121}.main-content{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-box .light-grey{color:#BDBDBD}.text-white{color:#FFF}.login-box{background-color:#212121;padding:30px;border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,0.3);width:100%;max-width:330px;margin:auto;border:1px solid var(--border-dark)}@media (min-width: 768px){.login-box{max-width:400px}}.login-page-signup-text{display:none}@media (min-width: 768px){.login-page-signup-text{display:inline-block}}h1{font-size:24px;margin-bottom:10px}p{font-size:14px;margin-bottom:20px}.input-field{width:100%;padding:10px;margin:10px 0;border:1px solid #464646;border-radius:10px;background-color:#383838;color:#fff}.input-field::placeholder{color:#aaa}.forgot-password{display:flex;justify-content:space-between}.forgot-password a,.forgot-password label{color:#d2d2d2;font-size:12px;text-decoration:none}.login-button{width:100%;padding:10px;margin:25px 0;border:none;border-radius:10px;background-color:#fff;color:#000;font-size:14px;cursor:pointer;border:1px solid black;text-align:center}.login-button:hover{filter:brightness(85%)}.nav-signup-btn{padding:10px;border:1px solid #444;border-radius:10px;background-color:#fff;color:#000}.social-buttons{display:flex;justify-content:space-between;gap:10px}.social-btn{flex:1;padding:10px;border:1px solid #444;border-radius:10px;background-color:#333;color:#fff;cursor:pointer}.social-btn.google{background-color:#4285F4;color:#fff}.social-btn.apple{background-color:#fff;color:#000}.signup-box{margin-top:20px;background-color:#222;padding:15px 20px;border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,0.3);border:1px solid var(--border-dark)}.signup-box a{color:#00f;text-decoration:none;font-weight:bold}.social-links{margin-top:10px;display:flex;justify-content:center;gap:15px}.social-links a{color:#fff;text-decoration:none;font-size:14px}.sub-msg,.quick-login-txt,.app-name-desc{color:#BDBDBD;font-size:12px}.quick-login-txt{margin:20px 0 10px;text-align:center}.wrapper{display:flex;justify-content:center;align-items:center;flex-grow:1}