.login-container{padding:1rem;max-width:28rem;margin:0 auto}.login-form{display:flex;flex-direction:column}.btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn:focus{outline:3px solid var(--focus-ring, #2563eb);outline-offset:2px}.btn:focus:not(:focus-visible){outline:none}.btn:focus-visible{outline:3px solid var(--focus-ring, #2563eb);outline-offset:2px}.google-btn{border:1px solid #d1d5db;background-color:#fff;color:#374151}.google-btn:hover{background-color:#f9fafb}.guest-btn{border:1px solid transparent;background-color:#4b5563;color:#fff}.guest-btn:hover{background-color:#374151}.separator-container{position:relative;margin:1rem 0}.separator-line-container{position:absolute;inset:0;display:flex;align-items:center}.separator-line{width:100%;border-top:1px solid #e5e7eb}.separator-text-container{position:relative;display:flex;justify-content:center;font-size:.75rem;text-transform:uppercase}.separator-text{background-color:var(--login-bg, white);padding:0 .5rem;color:#4b5563}@media(prefers-color-scheme:dark){.google-btn{background-color:#111827;border-color:#374151;color:#f3f4f6}.google-btn:hover{background-color:#1f2937}.separator-text{background-color:var(--login-bg, #030712);color:#b3b3b3}.separator-line{border-top-color:#374151}.btn:focus{outline-color:var(--focus-ring, #60a5fa)}.btn:focus-visible{outline-color:var(--focus-ring, #60a5fa)}}.icon{width:1.25rem;height:1.25rem}