:root{--primary: #2563EB;--primary-dark: #1D4ED8;--bg-arctic: #F8FAFC;--text-main: #0F172A;--text-muted: #64748B;--border-light: rgba(0, 0, 0, .05);--font-main: "Plus Jakarta Sans", sans-serif;--font-display: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-arctic);color:var(--text-main);font-family:var(--font-main);min-height:100vh;display:flex;flex-direction:column}.precision-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(var(--border-light) 1px,transparent 1px);background-size:20px 20px;opacity:.5}.stage-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff0,#fff)}.stage-halo{position:absolute;top:0%;left:50%;transform:translate(-50%);width:100vw;height:60vh;background:radial-gradient(circle,rgba(37,99,235,.04) 0%,transparent 70%);filter:blur(80px)}.portal-viewport{flex:1;padding:100px 24px;display:flex;flex-direction:column;align-items:center}.portal-header{text-align:center;margin-bottom:80px}.p-logo{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--primary);margin-bottom:12px}.p-logo h1{font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--text-main);letter-spacing:-1.5px;text-transform:uppercase}.portal-header p{font-size:16px;color:var(--text-muted);max-width:400px}.portal-grid{display:flex;gap:30px;width:100%;max-width:900px}.portal-card{flex:1;background:#fff;border-radius:40px;border:1px solid var(--border-light);padding:48px;box-shadow:0 4px 6px #00000005,0 10px 40px #0000000a;transition:all .4s cubic-bezier(.19,1,.22,1)}.portal-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000014}.card-identity{display:flex;align-items:center;gap:20px;margin-bottom:32px}.c-icon{width:60px;height:60px;border-radius:18px;background:#eff6ff;display:flex;align-items:center;justify-content:center;color:var(--primary)}.c-icon.indigo{background:#eef2ff;color:#4f46e5}.c-icon .material-symbols-rounded{font-size:32px}.c-text h3{font-size:22px;font-weight:800;letter-spacing:-.5px}.c-status{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900;color:#10b981;letter-spacing:1px;margin-top:4px}.c-status.pending{color:#f59e0b}.active-dot{width:6px;height:6px;background:currentColor;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.card-btn-stack{display:flex;flex-direction:column;gap:12px}.btn-store{display:flex;align-items:center;background:var(--text-main);color:#fff;border-radius:16px;text-decoration:none;font-family:inherit;border:none;transition:all .2s;cursor:pointer;text-align:left;border:1px solid transparent}.btn-store:hover{background:#000;transform:scale(1.02)}.btn-store:active{transform:scale(.98)}.btn-inner{display:flex;align-items:center;gap:16px;padding:14px 20px}.btn-store.disabled{background:transparent;color:var(--text-muted);border-color:#e2e8f0;opacity:.5;cursor:default}.btn-store .material-symbols-rounded{font-size:32px}.btn-label{display:flex;flex-direction:column}.btn-label small{font-size:9px;font-weight:700;text-transform:uppercase;opacity:.7}.btn-label strong{font-size:15px;font-weight:800}.portal-footer{padding:40px;text-align:center;border-top:1px solid var(--border-light)}.f-lock{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:900;color:var(--text-muted);letter-spacing:2px;margin-bottom:20px}.f-lock .material-symbols-rounded{color:var(--primary);font-size:18px}.f-copy{font-size:11px;font-weight:700;color:var(--text-muted);opacity:.6}@media(max-width:900px){.portal-grid{flex-direction:column;padding-bottom:80px}.portal-viewport{padding-top:60px}.portal-header h1{font-size:28px}}