*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0e14;--bg-secondary: #121820;--bg-card: #181f2a;--border-color: #2a3544;--accent-cyan: #00d4ff;--accent-orange: #ff6b35;--accent-green: #00ff88;--text-primary: #e6edf3;--text-secondary: #7d8590;--font-display: "Outfit", sans-serif;--font-mono: "IBM Plex Mono", monospace}body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.dashboard{min-height:100vh;position:relative;background:linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),var(--bg-primary);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{background-position:0 0,0 0,0 0}to{background-position:50px 50px,50px 50px,0 0}}.dashboard:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:1000}.container{max-width:1200px;margin:0 auto;padding:60px 40px;position:relative}.header{margin-bottom:60px;position:relative}.header:after{content:"";position:absolute;bottom:-20px;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--accent-cyan),transparent 50%)}.header-tag{font-family:var(--font-mono);font-size:12px;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:3px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.header-tag:before{content:">";animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.header h1{font-size:48px;font-weight:700;letter-spacing:-1px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);margin-top:8px}.status-bar{display:flex;gap:24px;margin-bottom:50px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.status-item{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 10px var(--accent-green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tools-section h2{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:24px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.tool-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:32px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent);opacity:0;transition:opacity .3s}.tool-card:hover{transform:translateY(-4px);border-color:var(--card-accent);box-shadow:0 20px 40px #0006,0 0 30px rgba(var(--card-accent-rgb),.1)}.tool-card:hover:before{opacity:1}.tool-card.headlamp{--card-accent: var(--accent-cyan);--card-accent-rgb: 0, 212, 255}.tool-card.jenkins{--card-accent: var(--accent-orange);--card-accent-rgb: 255, 107, 53}.tool-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:24px;color:var(--text-primary);background:#ffffff0d;border:1px solid var(--border-color);transition:all .3s}.tool-card:hover .tool-icon{background:rgba(var(--card-accent-rgb),.1);border-color:var(--card-accent)}.tool-name{font-size:64px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.tool-description{font-size:14px;color:var(--text-secondary);line-height:1.5}.tool-arrow{position:absolute;bottom:24px;right:24px;width:32px;height:32px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);transition:all .3s}.tool-card:hover .tool-arrow{background:var(--card-accent);color:var(--bg-primary);transform:translate(4px)}.footer{margin-top:80px;padding-top:24px;border-top:1px solid var(--border-color);font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);display:flex;justify-content:space-between}