@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=JetBrains+Mono:wght@400;700&display=swap";
.portal-container{color:#f1f5f9;background-color:#020617;background-image:radial-gradient(circle at 0 0,#1e3a8a26 0%,#0000 50%),radial-gradient(circle at 100% 100%,#1e3a8a26 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh;font-family:JetBrains Mono,monospace}.portal-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a80;border-bottom:1px solid #38bdf81a;justify-content:space-between;align-items:center;padding:1.5rem 4rem;display:flex}.tech-logo{letter-spacing:2px;color:#38bdf8;text-shadow:0 0 10px #38bdf880;font-family:Orbitron,sans-serif;font-size:1.2rem}.status-indicator{color:#94a3b8;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.6rem;display:flex}.pulse{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-glow;box-shadow:0 0 10px #10b981}@keyframes pulse-glow{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.logout-btn{color:#ef4444;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ef44444d;padding:.5rem 1rem;font-size:.7rem;transition:all .3s}.logout-btn:hover{background:#ef44441a;border-color:#ef4444}.portal-content{max-width:1200px;margin:0 auto;padding:4rem 2rem}.welcome-banner{text-align:center;margin-bottom:4rem}.welcome-banner h1{background:linear-gradient(90deg,#f8fafc,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:2.5rem}.welcome-banner p{color:#64748b;letter-spacing:4px;font-size:.8rem}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.skill-card{background:#1e293b66;border:1px solid #38bdf81a;padding:2rem;transition:all .3s;position:relative}.skill-card:hover{background:#1e293b99;border-color:#38bdf866;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.card-header{justify-content:space-between;margin-bottom:1.5rem;display:flex}.category-tag{color:#38bdf8;background:#38bdf81a;border-radius:2px;padding:.2rem .6rem;font-size:.6rem}.version-tag{color:#64748b;font-size:.6rem}.skill-card h3{color:#f8fafc;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:1.2rem}.skill-card p{color:#94a3b8;height:3.2rem;margin-bottom:2rem;font-size:.85rem;line-height:1.6;overflow:hidden}.action-btn{color:#38bdf8;cursor:pointer;letter-spacing:1px;background:#38bdf81a;border:1px solid #38bdf84d;width:100%;padding:.8rem;font-family:Orbitron,sans-serif;font-size:.75rem;transition:all .3s}.action-btn:hover{color:#020617;background:#38bdf8}.tool-tip{color:#475569;text-align:center;margin-top:.5rem;font-size:.55rem}.loading-state,.empty-state{text-align:center;color:#64748b;border:1px dashed #38bdf81a;padding:4rem;font-style:italic}.portal-footer{text-align:center;color:#334155;letter-spacing:2px;border-top:1px solid #38bdf80d;padding:2rem;font-size:.6rem}