:root{--bg-main:hsl(35,50%,97%);--bg-offset:hsl(35,40%,99%);--bg-subtle-accent:hsl(35,30%,94%);--primary-text-color:hsl(220,25%,20%);--secondary-text-color:hsl(220,15%,45%);--accent-color:hsl(195,55%,40%);--accent-color-darker:hsl(195,55%,30%);--accent-text-color:hsl(0,0%,98%);--border-color-soft:hsl(220,20%,88%);--border-color-medium:hsl(220,20%,75%);--shadow-color-soft:rgba(40,50,70,0.08);--shadow-color-medium:rgba(40,50,70,0.12);--font-family-main:"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-family-headings:"Georgia","Times New Roman",serif;--font-size-base:17px;--font-size-small:0.88rem;--font-size-large:1.2rem;--font-size-xl:1.5rem;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--line-height-base:1.6;--line-height-heading:1.3;--spacing-unit:8px;--border-radius-soft:6px;--border-radius-medium:10px;--transition-speed:0.25s;--transition-timing:ease-in-out}.login-body-override{font-family:var(--font-family-main);background-color:var(--bg-main);color:var(--primary-text-color);justify-content:center;flex:1;font-size:var(--font-size-base);line-height:var(--line-height-base);padding:var(--spacing-unit)}.login-body-override,.page-wrapper{display:flex;align-items:center;width:100%}.page-wrapper{flex-direction:column;max-width:420px}.login-page-logo{color:var(--accent-color);font-family:var(--font-family-headings);font-size:var(--font-size-large);font-weight:var(--font-weight-bold);text-decoration:none;cursor:default;margin-bottom:calc(var(--spacing-unit) * 4);text-align:center}.login-container{background-color:var(--bg-offset);padding:calc(var(--spacing-unit) * 4);border-radius:var(--border-radius-medium);box-shadow:0 4px 12px var(--shadow-color-medium);width:100%;border:1px solid var(--border-color-soft)}.login-container h2{font-family:var(--font-family-headings);text-align:center;margin-bottom:calc(var(--spacing-unit) * 3);color:var(--primary-text-color);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.form-group{margin-bottom:calc(var(--spacing-unit) * 2.5)}.form-group label{display:block;margin-bottom:var(--spacing-unit);color:var(--secondary-text-color);font-weight:var(--font-weight-semibold);font-size:var(--font-size-small)}.login-container input[type=email],.login-container input[type=password],.login-container input[type=text]{width:100%;padding:calc(var(--spacing-unit) * 1.25);border:1px solid var(--border-color-soft);border-radius:var(--border-radius-soft);box-sizing:border-box;font-size:var(--font-size-base);background-color:var(--bg-main);color:var(--primary-text-color);transition:border-color var(--transition-speed) var(--transition-timing),box-shadow var(--transition-speed) var(--transition-timing)}.login-container input[type=email]:focus,.login-container input[type=password]:focus,.login-container input[type=text]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px hsla(from var(--accent-color) h s l/.25)}.login-error{color:var(--primary-text-color);margin-bottom:1rem;text-align:center;font-size:var(--font-size-small);font-family:var(--font-family-main);line-height:var(--line-height-base)}.login-container button[type=submit]{background-color:var(--accent-color);color:var(--accent-text-color);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2.5);border:none;border-radius:var(--border-radius-soft);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);width:100%;transition:background-color var(--transition-speed) var(--transition-timing)}.login-container button[type=submit]:hover{background-color:var(--accent-color-darker)}.register-button{display:inline-block;width:100%;background-color:transparent;color:var(--accent-color);border:1px solid var(--accent-color);padding:calc(var(--spacing-unit) * 1.5 - 1px) calc(var(--spacing-unit) * 2.5);border-radius:var(--border-radius-soft);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;text-align:center;transition:background-color var(--transition-speed) var(--transition-timing),color var(--transition-speed) var(--transition-timing),border-color var(--transition-speed) var(--transition-timing)}.register-button:hover{background-color:var(--accent-color-darker);color:var(--accent-text-color);border-color:var(--accent-color-darker)}.oauth-container{text-align:center;margin-top:calc(var(--spacing-unit) * 3);padding-top:calc(var(--spacing-unit) * 2);border-top:1px solid var(--border-color-soft);color:var(--secondary-text-color);font-size:var(--font-size-small)}.oauth-container p{margin-bottom:calc(var(--spacing-unit) * 1.5)}.auth-form-container{display:flex;flex-direction:column;gap:16px}.auth-form-component h2{text-align:center;margin-bottom:20px;color:var(--primary-text-color);font-family:var(--font-family-headings);font-size:var(--font-size-xl)}.auth-form-group{display:flex;flex-direction:column;gap:6px;text-align:left}.auth-label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);margin-left:2px}.auth-input,.auth-label{color:var(--primary-text-color)}.auth-input{width:100%;padding:12px 14px;border:1px solid var(--border-color-medium);border-radius:var(--border-radius-soft);font-size:var(--font-size-base);background-color:#fff;transition:border-color .2s,box-shadow .2s;font-family:var(--font-family-main)}.auth-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--shadow-color-soft)}.auth-input:disabled{background-color:var(--bg-subtle-accent);color:var(--secondary-text-color)}.auth-submit-btn{width:100%;background-color:var(--accent-color);color:var(--accent-text-color);border:none;padding:12px;border-radius:var(--border-radius-soft);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color .2s,transform .1s;margin-top:8px}.auth-submit-btn:hover:not(:disabled){background-color:var(--accent-color-darker);transform:translateY(-1px);box-shadow:0 2px 4px var(--shadow-color-soft)}.auth-submit-btn:disabled{opacity:.7;cursor:wait}.oauth-container{margin-top:20px;display:flex;flex-direction:column;gap:10px}.google-login-button{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px;background-color:#fff;border:1px solid var(--border-color-medium);border-radius:var(--border-radius-soft);color:var(--primary-text-color);font-weight:var(--font-weight-semibold);text-decoration:none;transition:background-color .2s,box-shadow .2s,border-color .2s;font-size:var(--font-size-small);box-shadow:0 1px 2px var(--shadow-color-soft)}.google-login-button:hover{background-color:#f8f9fa;border-color:#dadce0;box-shadow:0 1px 3px var(--shadow-color-medium)}.google-icon{width:18px;height:18px}.login-error{color:#d32f2f;font-size:var(--font-size-tiny);text-align:left;background-color:#ffebee;padding:10px;border-radius:var(--border-radius-soft);border:1px solid #ffcdd2;margin-top:0}