body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#f8fafc}:root{--primary: #0f172a;--primary-light: #f1f5f9;--text-main: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--bg-main: #f8fafc;--bg-card: #ffffff;--success: #10b981;--success-bg: #ecfdf5;--warning: #f59e0b;--warning-bg: #fffbeb;--accent: #3b82f6;--accent-bg: #eff6ff}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portal-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem 1.5rem;background-image:linear-gradient(to right,#e2e8f0 1px,transparent 1px),linear-gradient(to bottom,#e2e8f0 1px,transparent 1px);background-size:40px 40px;background-color:#f8fafc}.card{width:100%;max-width:860px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;overflow:hidden;position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary)}.header{padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:1.25rem}.logo-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary);border-radius:10px;box-shadow:0 2px 4px #0000001a}.brand-text{display:flex;flex-direction:column;justify-content:center}.brand-text h1{font-size:1.375rem;font-weight:700;color:var(--text-main);margin:0 0 .125rem;letter-spacing:-.025em;line-height:1.2}.brand-text span{font-size:.875rem;color:var(--text-muted);font-weight:500;letter-spacing:.025em}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;background:#fefce8;color:#854d0e;border:1px solid #fef08a;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge .dot{width:8px;height:8px;background:#eab308;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.content{padding:4rem 2.5rem}.hero-section{text-align:center;max-width:600px;margin:0 auto 4rem}.icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;background:var(--primary-light);color:var(--primary);border-radius:20px;margin-bottom:2rem;border:1px solid var(--border)}.spin-slow{animation:spin 10s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-section h2{font-size:2rem;font-weight:700;color:var(--text-main);margin-bottom:1.25rem;letter-spacing:-.025em}.hero-section p{font-size:1.0625rem;line-height:1.6;color:var(--text-muted)}.modules-section{border-top:1px dashed var(--border);padding-top:3rem}.modules-section h3{font-size:.8125rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1.75rem;font-weight:700}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.grid-item{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem;background:#fff;border:1px solid var(--border);border-radius:8px;transition:all .2s ease}.grid-item:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d;background:#f8fafc}.icon-container{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;flex-shrink:0}.icon-container.primary{background:var(--accent-bg);color:var(--accent);border:1px solid #bfdbfe}.icon-container.success{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.icon-container.warning{background:var(--warning-bg);color:var(--warning);border:1px solid #fde68a}.icon-container.default{background:var(--primary-light);color:var(--primary);border:1px solid var(--border)}.item-text{display:flex;flex-direction:column;justify-content:center}.item-text h4{font-size:.9375rem;font-weight:600;color:var(--text-main);margin-bottom:.35rem;line-height:1.2}.item-text p{font-size:.875rem;color:var(--text-muted);line-height:1.4}.footer{background:var(--bg-main);padding:2.5rem;border-top:1px solid var(--border)}.progress-section{max-width:100%;margin-bottom:2rem}.progress-labels{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.progress-bar{height:6px;background:var(--border);border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:9999px;transition:width 1s ease-out}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border)}.support-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-weight:500;font-size:.875rem;text-decoration:none;transition:color .2s}.support-link:hover{color:var(--primary)}.copyright{font-size:.875rem;color:var(--text-muted)}@media(max-width:768px){.header{flex-direction:column;align-items:flex-start;gap:1.25rem}.grid{grid-template-columns:1fr}.content{padding:3rem 1.5rem}}@media(max-width:480px){.footer-bottom{flex-direction:column;gap:1rem;align-items:center;text-align:center}}