:root{--primary: 210 100% 50%;--accent: 280 100% 60%;--bg-app: 0 0% 5%;--card-bg: 0 0% 10%;--text: 0 0% 95%;--text-muted: 0 0% 60%;--border: 0 0% 15%;--radius: 16px;font-family:Inter,system-ui,-apple-system,sans-serif;color:hsl(var(--text));background-color:hsl(var(--bg-app))}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;background:radial-gradient(circle at top right,hsla(var(--accent),.15),transparent),radial-gradient(circle at bottom left,hsla(var(--primary),.15),transparent)}#root{width:100%;max-width:1200px;padding:2rem}.portal-container{display:flex;flex-direction:column;gap:3rem;align-items:center}.header{text-align:center}.header h1{font-size:3.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(to right,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.05em}.header p{font-size:1.2rem;color:hsl(var(--text-muted))}.systems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%}.card{background:hsl(var(--card-bg));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:2.5rem;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden;cursor:pointer}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,hsla(var(--primary),.1),hsla(var(--accent),.1));opacity:0;transition:opacity .4s}.card:hover{transform:translateY(-8px);border-color:hsla(var(--primary),.5);box-shadow:0 20px 40px #0006}.card:hover:before{opacity:1}.icon-wrapper{font-size:3rem;margin-bottom:.5rem}.card h2{font-size:1.75rem;font-weight:700;color:hsl(var(--text))}.card p{color:hsl(var(--text-muted));line-height:1.6}.status{font-size:.8rem;font-weight:600;padding:.25rem .75rem;border-radius:100px;background:#ffffff0d;width:fit-content}.status.active{color:#10b981;background:#10b9811a}.status.pending{color:#f59e0b;background:#f59e0b1a}.portal-container{width:100%}