.welcome-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2147483645}.premium-glass{background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.welcome-popup-content{padding:24px 32px;border-radius:28px;max-width:550px;width:90%;position:relative;text-align:center;color:#1e293b;animation:popupScale .4s cubic-bezier(.175,.885,.32,1.275);max-height:90vh;display:flex;flex-direction:column}.welcome-popup-body{overflow-y:auto;flex:1;margin:16px 0;padding-right:8px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.welcome-popup-body::-webkit-scrollbar{width:6px}.welcome-popup-body::-webkit-scrollbar-track{background:transparent}.welcome-popup-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.welcome-popup-close{position:absolute;top:20px;right:20px;background:#f1f5f9;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s}.welcome-popup-close:hover{background:#fee2e2;color:#ef4444}.welcome-popup-title{font-size:28px;font-weight:800;margin-bottom:16px;color:#059669;letter-spacing:-.02em;line-height:1.2}.welcome-popup-message{font-size:18px!important;line-height:1.6!important;color:#475569!important;margin-bottom:24px!important}.welcome-popup-btn{background:#10b981;color:#fff;border:none;padding:14px 32px;border-radius:16px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;box-shadow:0 4px 14px #10b98163}.welcome-popup-btn:hover{transform:translateY(-2px);background:#059669;box-shadow:0 6px 20px #10b9813b}.welcome-popup-footer{border-top:1px solid #f1f5f9;padding-top:1rem;display:flex;flex-direction:column;gap:16px;flex-shrink:0}.welcome-popup-media-btn:hover{transform:scale(1.02);background:#f0fdf4!important}@keyframes popupScale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.welcome-popup-btn-secondary{background:#f1f5f9!important;color:#475569!important;box-shadow:none!important}.welcome-popup-btn-secondary:hover{box-shadow:0 4px 12px #0000000d!important;background:#e2e8f0!important;color:#1e293b!important}.welcome-popup-zoom-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2147483647!important;padding:20px;box-sizing:border-box;cursor:pointer}.welcome-popup-zoom-content{position:relative;max-width:90vw;max-height:90vh;transform:scale(1);animation:zoomScale .3s cubic-bezier(.34,1.56,.64,1)}@keyframes zoomScale{0%{transform:scale(.9)}to{transform:scale(1)}}.welcome-popup-zoom-content img{max-width:100%;max-height:90vh;border-radius:12px;box-shadow:0 20px 50px #00000080;object-fit:contain}.welcome-popup-zoom-close{position:absolute;top:20px;right:20px;background:#fff3;border:1px solid rgba(255,255,255,.3);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;box-shadow:0 4px 20px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2147483647}.welcome-popup-zoom-close:hover{transform:scale(1.1) rotate(90deg);background:#fff6;color:#ffeb3b}@media(max-width:768px){.welcome-popup-zoom-close{top:10px;right:10px}}.welcome-popup-image-hint{position:absolute;bottom:15px;right:15px;background:#00000080;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s;pointer-events:none}.welcome-popup-image-container:hover .welcome-popup-image-hint{opacity:1}:root{--primary: #10b981;--primary-glow: rgba(16, 185, 129, .15);--bg-dark: #f8fafc;--bg-card: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border: #e2e8f0}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,system-ui,sans-serif}.welcome-sync-app{min-height:100vh;display:flex;flex-direction:column;padding:2rem;align-items:center}.hero-section{text-align:center;margin-bottom:3rem;max-width:700px}.hero-section h1{font-size:3rem;font-weight:800;color:var(--primary);background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.hero-section p{color:var(--text-muted);font-size:1.2rem}.status-card{background:var(--bg-card);padding:1.5rem 3rem;border-radius:100px;border:1px solid var(--border);display:flex;align-items:center;gap:1rem;box-shadow:0 10px 25px #0000000d;margin-top:2rem}.status-dot{width:12px;height:12px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e}.portal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.config-portal-premium{background:var(--bg-card);width:90%;max-width:650px;border-radius:32px;border:1px solid var(--border);padding:2.5rem;box-shadow:0 25px 50px -12px #0000001a;animation:slideUp .4s ease-out}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-muted)}.form-input,.form-select,.form-textarea{width:100%;background:#fff;border:1px solid var(--border);border-radius:14px;padding:.9rem 1.2rem;color:var(--text-main);font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);outline:none}.btn-publish{background:var(--primary);color:#fff;border:none;padding:1.1rem 2rem;border-radius:16px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s;width:100%;box-shadow:0 10px 20px -5px #10b98166}.btn-publish:hover{transform:translateY(-2px);box-shadow:0 15px 25px -5px #9333ea99}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}