:root{--bg-dark:#0f172a;--bg-darker:#020617;--primary:#3b82f6;--primary-hover:#2563eb;--text-light:#f8fafc;--text-muted:#94a3b8;--surface:#1e293bb3;--border:#ffffff1a;--glass-bg:#0f172a66}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-darker) 0%, var(--bg-dark) 100%);color:var(--text-light);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}#root{width:100%;max-width:480px;padding:1rem}.portal-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;padding:2rem;animation:.6s cubic-bezier(.16,1,.3,1) fadeIn;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.portal-header{text-align:center;margin-bottom:2rem}.portal-header h1{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.portal-header p{color:var(--text-muted);font-size:.875rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-light);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{border:1px solid var(--border);color:#fff;background:#ffffff0d;border-radius:12px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-control:focus{border-color:var(--primary);background:#ffffff1a;outline:none;box-shadow:0 0 0 4px #3b82f61a}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f64d}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.checkbox-group{align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.checkbox-group input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--primary);margin-top:.25rem}.checkbox-group label{color:var(--text-muted);font-size:.875rem;line-height:1.4}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:1s ease-in-out infinite spin}.ad-player-container{aspect-ratio:16/9;background:#000;border-radius:16px;width:100%;margin-bottom:1.5rem;position:relative;overflow:hidden}.ad-player-video{object-fit:cover;width:100%;height:100%}.ad-skip-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;position:absolute;bottom:1rem;right:1rem}.ad-skip-btn:hover:not(:disabled){background:#000c;border-color:#fff}.ad-skip-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon{color:#10b981;background:#10b98133;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;font-size:2rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}