:root{--primary-green: #2c4c3b;--dark-green: #1a2f24;--light-green: #3a5f4a;--gold: #d4af37;--bg-primary: #f8f6f1;--bg-secondary: #ffffff;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--border-color: #e8e8e8}*{margin:0;padding:0;box-sizing:border-box}.back-link{position:fixed;top:20px;left:20px;color:var(--primary-green);text-decoration:none;font-size:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;padding:10px 12px;border-radius:50%;background-color:var(--bg-secondary);border:2px solid var(--border-color);transition:all .3s ease;z-index:1000;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.back-link:hover{background-color:var(--primary-green);color:#fff;border-color:var(--primary-green);transform:translateY(-2px);box-shadow:0 6px 20px #2c4c3b4d}@media (max-width: 768px){.back-link{top:15px;left:15px;width:52px;height:52px;font-size:26px}}@media (max-width: 480px){.back-link{top:10px;left:10px}}body{font-family:sans-serif;background-color:var(--bg-primary);display:flex;justify-content:center;align-items:center;height:100vh;margin:0;transition:background-color .3s ease}.login-container{background-color:var(--bg-primary);padding:40px;border-radius:10px;text-align:center;width:400px;box-shadow:0 4px 20px #0000001a;transition:width .22s ease,padding .22s ease}.logo{width:150px;margin-bottom:-20px}.title{font-family:Times New Roman,Times,serif;font-size:48px;color:var(--primary-green);margin-bottom:75px}.tabs{display:flex;justify-content:center;margin-bottom:24px;position:relative;background:var(--bg-primary);border:none;border-radius:28px;padding:6px;width:fit-content;margin-left:auto;margin-right:auto;box-shadow:none}.tab-link{background-color:transparent;border:none;padding:10px 20px;cursor:pointer;font-size:16px;color:var(--text-primary);border-radius:22px;transition:color .2s ease-in-out;margin:0 2px;position:relative;z-index:2}.tab-indicator{position:absolute;top:6px;bottom:6px;left:0;width:0;background:var(--primary-green);border-radius:22px;transition:left .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1);z-index:1}.tab-link.active{color:#fff}.login-container{transition:height .22s ease}.tab-panels{position:relative;overflow:hidden;transition:height .26s ease}.tab-content{display:none;opacity:0;transform:scale(.98);transition:opacity .18s ease,transform .22s ease}#email-login{display:block;opacity:1}.tab-content.active{display:block!important;opacity:1!important;transform:scale(1)}.tab-content:not(.active){display:none;opacity:0}.tab-content.measuring{display:block!important;position:absolute!important;visibility:hidden!important;pointer-events:none!important}form{display:flex;flex-direction:column;gap:15px}input{padding:15px;margin-bottom:15px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;background-color:var(--bg-secondary);color:var(--text-primary);transition:border-color .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px #0000001a}input:focus{outline:none;border-color:var(--primary-green);box-shadow:0 2px 8px var(--gold)}input::placeholder{color:var(--text-muted);font-style:italic}button[type=submit]{background-color:var(--primary-green);color:#fff;padding:15px;border:none;border-radius:25px;cursor:pointer;font-size:16px;margin-bottom:20px;transition:background-color .3s ease,transform .2s ease}button[type=submit]:hover{background-color:var(--dark-green);transform:translateY(-2px)}button[type=submit]:active{transform:translateY(0)}p{color:var(--text-primary);margin-top:20px}a{color:var(--primary-green);text-decoration:none;font-weight:700;transition:color .3s ease}a:hover{color:var(--light-green);text-decoration:underline}
