@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--bg-dark:#03050c;--bg-gradient:radial-gradient(circle at 50% 10%, #0d153b 0%, #03050c 60%);--border-glass:#ffffff0f;--border-glass-hover:#ffffff26;--bg-card:#060a1a73;--bg-card-hover:#0a1026a6;--color-primary:#3b82f6;--color-cyan:#00f2ff;--color-purple:#a855f7;--color-green:#10b981;--color-orange:#f97316;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-glow:0 0 20px #00f2ff26}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);background-image:var(--bg-gradient);color:#f3f4f6;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;overflow:hidden auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px -10px #00000080}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover)}.gradient-text{background:linear-gradient(135deg,#00f2ff 0%,#8b5cf6 50%,#d946ef 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-blue-purple{background:linear-gradient(90deg,#00f2ff 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{color:#fff;alignItems:center;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:9999px;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #7c3aed4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed80}.btn-secondary{border:1px solid var(--border-glass);color:#f3f4f6;alignItems:center;cursor:pointer;background:#ffffff05;border-radius:9999px;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff0f;border-color:#fff3}.stats-capsule{border:1px solid var(--border-glass);background:#ffffff04;border-radius:12px;justify-content:space-between;width:100%;padding:16px 20px;display:flex}.stat-box{flex-direction:column;align-items:flex-start;display:flex}.stat-num{font-family:var(--font-mono);color:#fff;font-size:1.25rem;font-weight:700}.stat-lbl{color:#9ca3af;margin-top:2px;font-size:.75rem}.stat-divider{background-color:var(--border-glass);align-self:stretch;width:1px}.nav-link{color:#9ca3af;padding:6px 4px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover{color:#fff}.nav-link.active{color:#fff;text-shadow:0 0 10px #00f2ff80}.nav-link.active:after{content:"";background-color:var(--color-cyan);width:16px;height:2px;box-shadow:0 0 8px var(--color-cyan);border-radius:99px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.mini-project-card{border:1px solid var(--border-glass);cursor:pointer;background:#ffffff04;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;transition:all .2s;display:flex}.mini-project-card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-2px)}.mini-project-card.featured-active{background:#3b82f608;border-color:#3b82f666;box-shadow:0 0 15px #3b82f626}.mini-project-card-header{align-items:center;gap:8px;display:flex}.mini-project-icon-wrapper{width:24px;height:24px;color:var(--color-cyan);border:1px solid var(--border-glass);background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;display:flex}.mini-project-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.mini-project-desc{color:#9ca3af;font-size:.75rem}.domain-list-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;transition:all .2s;display:flex}.domain-list-item:hover{background:#ffffff08}.domain-icon-wrapper{border:1px solid var(--border-glass);width:32px;height:32px;color:var(--color-purple);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 8px #a855f71a}.domain-name{color:#e5e7eb;font-size:.85rem;font-weight:500}.tech-circular-badge{cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:8px;transition:all .2s;display:flex}.tech-circular-badge:hover{transform:translateY(-3px)}.tech-icon-circle{border:1px solid var(--border-glass);background:#ffffff05;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 0 10px #ffffff05}.tech-circular-badge:hover .tech-icon-circle{border-color:var(--color-green);background:#10b98108;box-shadow:0 0 12px #10b98140}.tech-label-mini{color:#9ca3af;font-size:.72rem;font-family:var(--font-mono)}.spinner-container{justify-content:center;align-items:center;display:flex;position:relative}.spinner-lbl{font-size:1.1rem;font-weight:700;font-family:var(--font-mono);position:absolute}.dashboard-grid{flex-direction:column;gap:24px;max-width:1440px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.dashboard-middle{align-items:stretch;gap:24px;height:520px;display:flex}.dashboard-left-panel{flex-direction:column;flex-shrink:0;justify-content:space-between;width:320px;padding:24px 0;display:flex}.dashboard-center-panel{border:1px solid var(--border-glass);background:#04071366;border-radius:16px;flex:1;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0009}.dashboard-right-panel{flex-shrink:0;width:380px}.dashboard-bottom-row{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.bottom-card{flex-direction:column;gap:16px;padding:20px;display:flex}.bottom-card-header{color:#fff;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.bottom-card-link{color:#9ca3af;align-self:flex-start;align-items:center;gap:4px;margin-top:auto;font-size:.8rem;text-decoration:none;transition:all .2s;display:inline-flex}.bottom-card-link:hover{color:#fff;text-shadow:0 0 8px #ffffff4d}