.oost-auth-overlay{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;padding:20px}.oost-auth-overlay.visible{opacity:1;visibility:visible}.oost-auth-modal{background:#fff;border:1px solid rgba(8,145,178,.1);border-radius:20px;width:100%;max-width:400px;padding:0;box-shadow:0 24px 80px #0891b21f,0 8px 24px #0000000f;transform:translateY(16px) scale(.96);transition:transform .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.oost-auth-overlay.visible .oost-auth-modal{transform:translateY(0) scale(1)}.oost-auth-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;background:#ffffffb3;backdrop-filter:blur(4px);color:#64748b;font-size:18px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .15s;z-index:2}.oost-auth-close:hover{background:#fff;color:#0f172a;transform:scale(1.08)}.oost-auth-header{background:linear-gradient(135deg,#0e7490,#0891b2 40%,#06b6d4);padding:32px 36px 28px;text-align:center;position:relative;overflow:hidden}.oost-auth-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.oost-auth-header:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}.oost-auth-avatar{width:72px;height:72px;margin:0 auto 16px;position:relative;z-index:1}.oost-auth-avatar img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));animation:oost-auth-float 3s ease-in-out infinite}@keyframes oost-auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.oost-auth-avatar:before{content:"";position:absolute;top:50%;left:50%;width:88px;height:88px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);animation:oost-auth-pulse 2.5s ease-in-out infinite}@keyframes oost-auth-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.oost-auth-title{font-family:Fraunces,serif;font-size:22px;font-weight:700;color:#fff;margin:0 0 6px;position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.1)}.oost-auth-subtitle{font-size:14px;color:#ffffffd9;margin:0;line-height:1.5;position:relative;z-index:1}.oost-auth-body{padding:28px 32px 32px}.oost-auth-sso-group{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.oost-auth-sso-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border:1.5px solid #E2E8F0;border-radius:12px;background:#fff;color:#1e293b;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s,transform .1s}.oost-auth-sso-btn:hover{border-color:#cbd5e1;background:#f8fafc;box-shadow:0 2px 8px #0000000f}.oost-auth-sso-btn:active{transform:scale(.985)}.oost-auth-sso-btn:disabled{opacity:.55;cursor:not-allowed}.oost-auth-sso-btn svg,.oost-auth-sso-btn img{width:20px;height:20px;flex-shrink:0}.oost-auth-sso-btn--google:hover{border-color:#4285f4}.oost-auth-sso-btn--linkedin:hover{border-color:#0a66c2}.oost-auth-sso-btn.loading{position:relative;color:transparent;pointer-events:none}.oost-auth-sso-btn.loading svg,.oost-auth-sso-btn.loading img{visibility:hidden}.oost-auth-sso-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2.5px solid #E2E8F0;border-top-color:#0891b2;border-radius:50%;animation:oost-spin .6s linear infinite}@keyframes oost-spin{to{transform:rotate(360deg)}}.oost-auth-error{background:#fef2f2;border:1px solid #FECACA;color:#991b1b;font-size:13px;padding:10px 14px;border-radius:10px;line-height:1.5;display:none;margin-bottom:16px}.oost-auth-error.visible{display:block}.oost-auth-success{background:#f0fdf4;border:1px solid #BBF7D0;color:#166534;font-size:13px;padding:10px 14px;border-radius:10px;line-height:1.5;display:none;margin-bottom:16px}.oost-auth-success.visible{display:block}.oost-auth-terms{margin-bottom:20px}.oost-auth-terms-label{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:#64748b;cursor:pointer;line-height:1.55}.oost-auth-terms-label input[type=checkbox]{margin-top:2px;accent-color:#0891B2;width:16px;height:16px;flex-shrink:0;cursor:pointer}.oost-auth-terms-label a{color:#0891b2;text-decoration:underline;text-underline-offset:2px}.oost-auth-terms-label a:hover{color:#0e7490}.oost-auth-terms.error .oost-auth-terms-label{color:#991b1b}.oost-auth-terms.error input[type=checkbox]{outline:2px solid #EF4444;outline-offset:1px;border-radius:3px}.oost-auth-footer{text-align:center;font-size:13px;color:#94a3b8;padding-top:16px;border-top:1px solid #F1F5F9}.oost-auth-footer button.link{color:#0891b2;text-decoration:none;font-weight:600;background:none;border:none;cursor:pointer;font-size:inherit;padding:0;transition:color .15s}.oost-auth-footer button.link:hover{color:#0e7490;text-decoration:underline}.oost-user-avatar{width:28px;height:28px;border-radius:50%;background:#0891b2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;text-transform:uppercase;overflow:hidden}.oost-user-avatar img{width:100%;height:100%;object-fit:cover}.oost-user-email{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.oost-signin-btn{padding:8px 18px;border:1.5px solid #0891B2;border-radius:10px;background:transparent;color:#0891b2;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s;display:inline-flex;align-items:center;white-space:nowrap}.oost-signin-btn:hover{background:#0891b2;color:#fff}.oost-signin-btn.oost-signin-google{background:#fff;color:#3c4043;border-color:#dadce0;padding:7px 16px;border-radius:20px;font-size:13px;box-shadow:0 1px 3px #00000014}.oost-signin-btn.oost-signin-google:hover{background:#f8f9fa;color:#3c4043;border-color:#c6c9cc;box-shadow:0 2px 6px #0000001f}.oost-user-menu{position:relative}.oost-user-trigger{display:flex;align-items:center;gap:6px;background:none;border:1px solid rgba(8,145,178,.2);border-radius:10px;padding:4px 10px 4px 4px;cursor:pointer;transition:border-color .2s,background .2s}.oost-user-trigger:hover{border-color:#0891b2;background:#0891b20a}.oost-user-chevron{font-size:10px;color:#94a3b8}.oost-user-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #E2E8F0;border-radius:12px;min-width:220px;box-shadow:0 12px 40px #0000001a;padding:6px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s,visibility .2s,transform .2s;z-index:100}.oost-user-menu.open .oost-user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.oost-user-dropdown-email{padding:10px 12px 8px;font-size:12px;color:#94a3b8;border-bottom:1px solid #F1F5F9;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oost-user-dropdown-item{display:block;width:100%;text-align:left;padding:10px 12px;font-size:13px;font-weight:500;color:#334155;background:none;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.oost-user-dropdown-item:hover{background:#f8fafc}.oost-user-dropdown-item.danger{color:#dc2626}.oost-user-dropdown-item.danger:hover{background:#fef2f2}.oost-user-dropdown-divider{height:1px;background:#f1f5f9;margin:4px 0}[data-theme=dark] .oost-auth-modal{background:#1e293b;border-color:#0891b226;box-shadow:0 24px 80px #0006,0 8px 24px #0003}[data-theme=dark] .oost-auth-close{background:#1e293bb3;color:#94a3b8}[data-theme=dark] .oost-auth-close:hover{background:#334155;color:#f1f5f9}[data-theme=dark] .oost-auth-header{background:linear-gradient(135deg,#0c4a5e,#0e7490 40%,#0891b2)}[data-theme=dark] .oost-auth-sso-btn{background:#0f172a;border-color:#334155;color:#f1f5f9}[data-theme=dark] .oost-auth-sso-btn:hover{background:#1e293b;border-color:#475569;box-shadow:0 2px 8px #0003}[data-theme=dark] .oost-auth-sso-btn.loading:after{border-color:#475569;border-top-color:#06b6d4}[data-theme=dark] .oost-auth-error{background:#7f1d1d33;border-color:#ef44444d;color:#fca5a5}[data-theme=dark] .oost-auth-success{background:#16653433;border-color:#22c55e4d;color:#86efac}[data-theme=dark] .oost-auth-terms-label{color:#94a3b8}[data-theme=dark] .oost-auth-terms-label a{color:#22d3ee}[data-theme=dark] .oost-auth-footer{color:#64748b;border-top-color:#334155}[data-theme=dark] .oost-auth-footer button.link{color:#22d3ee}[data-theme=dark] .oost-auth-footer button.link:hover{color:#06b6d4}[data-theme=dark] .oost-signin-btn{border-color:#22d3ee;color:#22d3ee}[data-theme=dark] .oost-signin-btn:hover{background:#22d3ee;color:#0f172a}[data-theme=dark] .oost-signin-btn.oost-signin-google{background:#ffffff14;color:#e0e0e0;border-color:#ffffff26;box-shadow:none}[data-theme=dark] .oost-signin-btn.oost-signin-google:hover{background:#ffffff24;color:#fff;border-color:#ffffff40}[data-theme=dark] .oost-user-trigger{border-color:#22d3ee33}[data-theme=dark] .oost-user-trigger:hover{border-color:#22d3ee;background:#22d3ee0a}[data-theme=dark] .oost-user-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 12px 40px #0000004d}[data-theme=dark] .oost-user-dropdown-email{color:#64748b;border-bottom-color:#334155}[data-theme=dark] .oost-user-dropdown-item{color:#e2e8f0}[data-theme=dark] .oost-user-dropdown-item:hover{background:#334155}[data-theme=dark] .oost-user-dropdown-item.danger{color:#fca5a5}[data-theme=dark] .oost-user-dropdown-item.danger:hover{background:#7f1d1d33}[data-theme=dark] .oost-user-dropdown-divider{background:#334155}@media (max-width: 480px){.oost-auth-modal{max-width:100%;border-radius:16px}.oost-auth-header{padding:28px 24px 22px}.oost-auth-body{padding:24px 20px 28px}.oost-auth-avatar,.oost-auth-avatar img{width:60px;height:60px}.oost-auth-title{font-size:19px}.oost-user-email{max-width:100px}}