:root{--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-gradient: radial-gradient(at 0% 0%, rgba(99, 102, 241, .08) 0px, transparent 50%), radial-gradient(at 50% 0%, rgba(236, 72, 153, .06) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(245, 158, 11, .08) 0px, transparent 50%), #f8fafc;--card-bg: rgba(255, 255, 255, .78);--card-border: rgba(255, 255, 255, .9);--border-subtle: rgba(15, 23, 42, .08);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--primary-color: #4f46e5;--primary-hover: #4338ca;--primary-light: rgba(79, 70, 229, .1);--accent-color: #ec4899;--accent-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #ec4899 100%);--success-color: #059669;--success-bg: rgba(16, 185, 129, .1);--error-color: #dc2626;--error-bg: rgba(239, 68, 68, .1);--input-bg: rgba(255, 255, 255, .95);--input-border: rgba(15, 23, 42, .12);--glow-shadow: 0 20px 40px -15px rgba(99, 102, 241, .08);--blur-amount: 24px;--header-bg: rgba(255, 255, 255, .85);--header-border: rgba(255, 255, 255, .6);--header-text: #1e293b;--feature-card-bg: rgba(255, 255, 255, .7);--card-shadow: 0 20px 45px -10px rgba(15, 23, 42, .08), 0 0 1px rgba(15, 23, 42, .05);--card-hover-shadow: 0 20px 40px -10px rgba(99, 102, 241, .18);--blob-left: rgba(99, 102, 241, .15);--blob-right: rgba(236, 72, 153, .12);--nav-bg: rgba(15, 23, 42, .05);--nav-btn-hover: rgba(15, 23, 42, .04);--form-bg: rgba(255, 255, 255, .7);--key-text-color: #4f46e5;--badge-bg: rgba(99, 102, 241, .1)}.dark-theme{--bg-gradient: radial-gradient(circle at top right, #1e1b4b 0%, #0b0f19 50%, #020617 100%);--card-bg: rgba(15, 23, 42, .6);--card-border: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .06);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--primary-color: #6366f1;--primary-hover: #4f46e5;--primary-light: rgba(99, 102, 241, .15);--accent-color: #f43f5e;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--success-color: #10b981;--success-bg: rgba(16, 185, 129, .15);--error-color: #ef4444;--error-bg: rgba(239, 68, 68, .15);--input-bg: rgba(2, 6, 17, .75);--input-border: rgba(255, 255, 255, .1);--glow-shadow: 0 0 35px rgba(99, 102, 241, .2);--header-bg: rgba(15, 23, 42, .75);--header-border: rgba(255, 255, 255, .08);--header-text: rgba(255, 255, 255, .85);--feature-card-bg: rgba(255, 255, 255, .03);--card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5), var(--glow-shadow);--card-hover-shadow: 0 20px 40px -10px rgba(99, 102, 241, .25);--blob-left: rgba(99, 102, 241, .3);--blob-right: rgba(236, 72, 153, .2);--nav-bg: rgba(2, 6, 17, .5);--nav-btn-hover: rgba(255, 255, 255, .05);--form-bg: rgba(2, 6, 17, .4);--key-text-color: #a5b4fc;--badge-bg: rgba(99, 102, 241, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;display:flex;justify-content:stretch;align-items:stretch;padding:0;margin:0;overflow-x:hidden;position:relative;z-index:1;transition:background .3s ease,color .3s ease}body:before{content:"";position:absolute;width:900px;height:900px;top:-200px;left:-200px;background:radial-gradient(circle,var(--blob-left) 0%,transparent 70%);filter:blur(80px);z-index:-1;pointer-events:none}body:after{content:"";position:absolute;width:900px;height:900px;bottom:-200px;right:-200px;background:radial-gradient(circle,var(--blob-right) 0%,transparent 70%);filter:blur(80px);z-index:-1;pointer-events:none}#root{width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column;animation:fadeIn .6s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.portal-container{width:100%;min-height:100vh;background:var(--card-bg);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:none;border-radius:0;padding:36px 48px;box-shadow:none;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:background .3s ease,border-color .3s ease}.portal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient)}header{margin-bottom:32px}.header-top-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.logo-container{display:flex;align-items:center;gap:14px;text-decoration:none}.brand-logo-svg{width:42px;height:42px;filter:drop-shadow(0 4px 10px rgba(99,102,241,.35))}.header-title-group h1{font-size:2rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.header-title-group p.subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:2px}.header-controls{display:flex;align-items:center;gap:12px}.version-pill{background:var(--primary-light);color:var(--primary-color);font-size:.8rem;font-weight:700;padding:5px 12px;border-radius:20px;border:1px solid rgba(99,102,241,.2);display:inline-flex;align-items:center;gap:6px}.theme-toggle-btn{background:var(--nav-bg);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;padding:8px 14px;border-radius:10px;font-size:1rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.theme-toggle-btn:hover{background:var(--primary-light);border-color:var(--primary-color);transform:translateY(-1px)}.logout-btn{background:var(--error-bg);border:1px solid var(--error-color);color:var(--error-color);cursor:pointer;padding:8px 16px;border-radius:10px;font-weight:700;font-size:.88rem;transition:all .2s ease}.logout-btn:hover{background:var(--error-color);color:#fff}.tabs-navigation{display:flex;background:var(--nav-bg);border:1px solid var(--card-border);padding:6px;border-radius:16px;margin-bottom:36px;gap:6px;overflow-x:auto;scrollbar-width:none}.tabs-navigation::-webkit-scrollbar{display:none}.tab-btn{flex:1;min-width:140px;background:transparent;color:var(--text-secondary);border:none;padding:12px 18px;font-family:inherit;font-size:.92rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.tab-btn:hover{color:var(--text-primary);background:var(--nav-btn-hover)}.tab-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 16px #6366f159}.tab-content{animation:fadeIn .4s ease}.section-title{font-size:1.45rem;font-weight:700;margin-bottom:20px;border-left:4px solid var(--primary-color);padding-left:14px;color:var(--text-primary)}.filter-search-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.filter-chips-group{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{background:var(--nav-bg);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:7px 16px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-chip:hover{background:var(--primary-light);color:var(--primary-color)}.filter-chip.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 10px #6366f14d}.search-input-wrapper{position:relative;min-width:260px;flex:1;max-width:400px}.search-input-wrapper input{padding-left:38px}.search-icon-badge{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.95rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px}.feature-card{background:var(--feature-card-bg);border:1px solid var(--card-border);border-radius:18px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--card-hover-shadow);border-color:#6366f14d}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.standard-badge{background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:8px;font-weight:700;font-size:.8rem;letter-spacing:.5px}.version-tag{background:var(--badge-bg);color:var(--primary-color);padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:700}.feature-card h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.feature-card .card-category-text{font-size:.8rem;color:var(--text-muted);display:block;margin-bottom:12px}.feature-card p.card-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.5;margin-bottom:16px}.tag-chips-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.tag-chip{background:var(--nav-bg);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:3px 8px;border-radius:6px;font-size:.75rem}.key-box-row{display:flex;align-items:center;justify-content:space-between;background:var(--nav-bg);border:1px dashed rgba(99,102,241,.4);padding:8px 12px;border-radius:10px;margin:12px 0 16px;gap:8px}.key-code-text{font-family:Courier New,Courier,monospace;font-weight:700;font-size:.95rem;color:var(--key-text-color);letter-spacing:.5px}.copy-key-btn{background:var(--primary-light);border:none;color:var(--primary-color);padding:5px 10px;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-key-btn:hover{background:var(--primary-color);color:#fff}.download-center{background:radial-gradient(circle at bottom right,#6366f11f,#ffffff05);border:1px solid rgba(99,102,241,.25);border-radius:20px;padding:32px;text-align:center;margin-top:36px}.download-center h3{font-size:1.4rem;font-weight:700;margin-bottom:10px}.download-center p{color:var(--text-secondary);max-width:620px;margin:0 auto 24px;font-size:.95rem;line-height:1.5}.download-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:12px;text-decoration:none;font-size:.92rem;font-weight:600;transition:all .25s ease;cursor:pointer;border:none}.download-btn.primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 14px #6366f159}.download-btn.primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 18px #6366f173}.download-btn.secondary{background:var(--nav-bg);color:var(--text-primary);border:1px solid var(--border-subtle)}.download-btn.secondary:hover{background:var(--primary-light);border-color:var(--primary-color);transform:translateY(-2px)}.stepper-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:36px}.stepper-card{background:var(--feature-card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px;text-align:center;position:relative}.stepper-num{width:38px;height:38px;background:var(--primary-light);color:var(--primary-color);border:1px solid rgba(99,102,241,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;margin:0 auto 12px;font-size:1.05rem}.stepper-card h4{font-size:.95rem;font-weight:700;margin-bottom:6px}.stepper-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.form-box{max-width:620px;margin:0 auto;background:var(--form-bg);border:1px solid var(--card-border);border-radius:20px;padding:36px;box-shadow:var(--card-shadow)}.form-group{margin-bottom:22px}label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;color:var(--text-secondary)}input,select{width:100%;padding:14px 18px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all .2s ease}input:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f140}.input-with-action{display:flex;gap:8px}.action-inside-input-btn{background:var(--primary-light);border:1px solid rgba(99,102,241,.3);color:var(--primary-color);padding:0 16px;border-radius:12px;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .2s ease}.action-inside-input-btn:hover{background:var(--primary-color);color:#fff}button[type=submit]{width:100%;padding:15px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:.98rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #6366f14d}button[type=submit]:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.status-msg{margin-top:20px;padding:14px 18px;border-radius:12px;font-size:.9rem;line-height:1.5;display:flex;align-items:center;gap:10px;animation:fadeIn .3s ease}.status-msg.success{background:var(--success-bg);border:1px solid var(--success-color);color:var(--success-color)}.status-msg.error{background:var(--error-bg);border:1px solid var(--error-color);color:var(--error-color)}.data-table-container{width:100%;overflow-x:auto;border-radius:14px;border:1px solid var(--card-border);background:var(--feature-card-bg)}table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}th{background:var(--nav-bg);padding:14px 18px;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}td{padding:14px 18px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}tr:hover td{background:var(--nav-btn-hover)}.site-footer{margin-top:50px;border-top:1px solid var(--border-subtle);padding-top:36px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-bottom:28px}.footer-brand-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);display:block}.footer-desc{font-size:.85rem;color:var(--text-muted);line-height:1.6;margin-top:8px}.footer-col-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.footer-links-list a{display:block;color:var(--text-secondary);text-decoration:none;font-size:.85rem;margin-bottom:8px;transition:color .2s ease}.footer-links-list a:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid var(--border-subtle);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted);flex-wrap:wrap;gap:12px}@media (max-width: 768px){.portal-container{padding:24px 18px}.header-top-bar{flex-direction:column;align-items:flex-start}.tabs-navigation{justify-content:flex-start}.filter-search-row{flex-direction:column;align-items:stretch}.search-input-wrapper{max-width:100%}}.guide-step-card{background:var(--feature-card-bg);border:1px solid var(--card-border);border-radius:18px;padding:24px;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.guide-step-card:hover{transform:translateY(-2px);border-color:#6366f166;box-shadow:0 12px 28px #00000014}.guide-step-content h3{font-size:1.2rem;font-weight:700;margin:8px 0 10px;color:var(--text-primary)}.guide-step-content .card-desc{font-size:.92rem;line-height:1.65;color:var(--text-secondary)}.guide-step-media{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--card-border);background:#0f172a;height:220px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000001f;transition:transform .2s ease,border-color .2s ease}.guide-step-media:hover{border-color:var(--primary-color)}.guide-step-media:hover .guide-img-thumb{transform:scale(1.03)}.guide-step-media:hover .zoom-badge-overlay{opacity:1}.guide-img-thumb{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .3s cubic-bezier(.16,1,.3,1);display:block}.zoom-badge-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.88rem;font-weight:700;gap:6px;opacity:0;transition:opacity .2s ease;pointer-events:none}.zoom-badge-pill{background:#fff3;padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #00000040}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;animation:fadeIn .25s ease}.lightbox-content{position:relative;max-width:92vw;max-height:85vh;display:flex;flex-direction:column;align-items:center}.lightbox-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 24px 50px #00000080;border:1px solid rgba(255,255,255,.15)}.lightbox-caption{color:#f8fafc;font-size:.95rem;font-weight:600;margin-top:14px;text-align:center;background:#0f172ab3;padding:6px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.15)}.lightbox-close-btn{position:absolute;top:-42px;right:0;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1.1rem;font-weight:700;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.lightbox-close-btn:hover{background:#ef4444;transform:scale(1.1)}@media (max-width: 900px){.guide-step-card{grid-template-columns:1fr}.guide-step-media{height:200px}}