.wp-block-spawn-login{width:100%;max-width:400px;margin:2rem auto;padding:1.5rem;background:var(--color-background,#fff);border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 4px 12px rgb(0 0 0 / .08);box-sizing:border-box}.wp-block-spawn-login *,.wp-block-spawn-login *::before,.wp-block-spawn-login *::after{box-sizing:border-box}.wp-block-spawn-login h2{margin:0 0 1.5rem;text-align:center;font-size:1.75rem;font-family:var(--font-heading);color:var(--color-text,#1f2933)}.wp-block-spawn-login__field{margin-bottom:1.25rem}.wp-block-spawn-login__field label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:var(--color-text,#1f2933)}.wp-block-spawn-login__field input{width:100%;max-width:100%;padding:.6rem .85rem;border:2px solid #e5e7eb;border-radius:4px;font-size:1rem;font-size:max(16px, 1rem);background:#fff;transition:border-color 0.2s ease}.wp-block-spawn-login__field input:focus{outline:none;border-color:var(--color-primary)}.wp-block-spawn-login__submit{width:100%;padding:.7rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background 0.2s ease,opacity 0.2s ease}.wp-block-spawn-login__submit:hover{background:#17b0cc}.wp-block-spawn-login__submit:disabled{background:#ccc;cursor:not-allowed}.wp-block-spawn-login__error{padding:.85rem 1rem;margin-bottom:1.25rem;background:rgb(220 38 38 / .1);color:#dc2626;border-radius:8px;font-size:.9rem;border:1px solid rgb(220 38 38 / .2)}.wp-block-spawn-login__success{padding:.85rem 1rem;margin-bottom:1.25rem;background:rgb(22 163 74 / .1);color:#16a34a;border-radius:8px;font-size:.9rem;border:1px solid rgb(22 163 74 / .2)}.wp-block-spawn-login__info{color:var(--color-text-light,#666);font-size:.95rem;margin-bottom:1.5rem;text-align:center}.wp-block-spawn-login__forgot-link{text-align:center;margin-top:.75rem;margin-bottom:1rem;font-size:.9rem}.wp-block-spawn-login__forgot-link a{color:var(--color-text-light,#666);text-decoration:none;transition:color 0.2s ease}.wp-block-spawn-login__forgot-link a:hover{color:var(--color-primary)}.wp-block-spawn-login__register-link{margin-top:1.25rem;text-align:center;font-size:.9rem;color:var(--color-text-light,#666)}.wp-block-spawn-login__register-link a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color 0.2s ease}.wp-block-spawn-login__register-link a:hover{color:var(--color-secondary)}.wp-block-spawn-login__oauth{margin-bottom:1.5rem}.wp-block-spawn-login__google{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem 1rem;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background 0.2s ease,box-shadow 0.2s ease}.wp-block-spawn-login__google:hover{background:#f8f9fa;box-shadow:0 1px 3px rgb(0 0 0 / .1)}.wp-block-spawn-login__google:disabled{opacity:.6;cursor:not-allowed}.wp-block-spawn-login__google.is-loading{opacity:.7}.wp-block-spawn-login__google-icon{display:inline-flex;width:18px;height:18px}.wp-block-spawn-login__divider{position:relative;margin:1.25rem 0;text-align:center;color:var(--color-text-light,#666);font-size:.85rem}.wp-block-spawn-login__divider::before{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--color-border,#ddd);transform:translateY(-50%)}.wp-block-spawn-login__divider span{position:relative;background:var(--color-background,#fff);padding:0 .75rem}.wp-block-spawn-login__logged-in{text-align:center}.wp-block-spawn-login__logged-in p{margin-bottom:1.25rem;color:#1f2933}.wp-block-spawn-login__dashboard-link{display:inline-block;padding:.7rem 1.5rem;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:4px;font-weight:600;margin-bottom:1rem;transition:background 0.2s ease}.wp-block-spawn-login__dashboard-link:hover{background:#17b0cc}.wp-block-spawn-login__logout-btn{background:#fff0;border:1px solid #ddd;padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;color:#666;transition:border-color 0.2s ease}.wp-block-spawn-login__logout-btn:hover{border-color:#999}.wp-block-spawn-login__preview{padding:1.5rem;background:rgb(31 197 226 / .05);border:2px dashed var(--color-border,#ddd);border-radius:12px}.wp-block-spawn-login__form-preview input,.wp-block-spawn-login__form-preview button{display:block;width:100%;padding:.5rem;margin:.5rem 0}.wp-block-spawn-login__preview-note{font-size:.8rem;color:var(--color-text-light,#666);margin-top:1rem;text-align:center}