.hero{text-align:center;padding:5rem 1.5rem 3rem}.hero__title{margin:0;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#7c3aed,#0ea5e9,#10b981,#7c3aed);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 8s ease-in-out infinite}.hero__tagline{margin:.75rem 0 0;font-size:clamp(1rem,2vw,1.25rem);color:#94a3b8;font-weight:400}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.status-indicator{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-online .status-dot{background:#22c55e;box-shadow:0 0 6px #22c55e80;animation:pulse-green 2s ease-in-out infinite}.status-degraded .status-dot{background:#eab308;box-shadow:0 0 6px #eab30880}.status-offline .status-dot{background:#ef4444;box-shadow:0 0 6px #ef444480}.status-checking .status-dot{background:#6b7280;animation:pulse-gray 1.5s ease-in-out infinite}.status-online .status-label{color:#22c55e}.status-degraded .status-label{color:#eab308}.status-offline .status-label{color:#ef4444}.status-checking .status-label{color:#6b7280}@keyframes pulse-green{0%,to{box-shadow:0 0 6px #22c55e80}50%{box-shadow:0 0 12px #22c55ecc,0 0 20px #22c55e40}}@keyframes pulse-gray{0%,to{opacity:.5}50%{opacity:1}}.tech-badge{display:inline-block;padding:.2rem .6rem;font-size:.7rem;font-weight:500;letter-spacing:.02em;border-radius:999px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:color-mix(in srgb,var(--accent) 80%,white);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);white-space:nowrap}.project-card{background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 24px #0003}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000004d,0 0 40px color-mix(in srgb,var(--accent) 20%,transparent)}.project-card__header{display:flex;align-items:center;gap:.75rem}.project-card__icon{font-size:2rem;line-height:1}.project-card__title-group{flex:1;min-width:0}.project-card__name{margin:0;font-size:1.2rem;font-weight:700;color:#f1f5f9}.project-card__interface{font-size:.75rem;color:#94a3b8;font-weight:500}.project-card__tagline{margin:0;font-size:.9rem;font-weight:500;color:color-mix(in srgb,var(--accent) 80%,white)}.project-card__description{margin:0;font-size:.85rem;line-height:1.6;color:#94a3b8}.project-card__tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.5rem}.placeholder-card{background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:16px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;min-height:200px}.placeholder-card__icon{font-size:2.5rem;opacity:.5}.placeholder-card__name{margin:0;font-size:1.1rem;font-weight:600;color:#4b5563}.placeholder-card__tagline{margin:0;font-size:.85rem;color:#374151}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media(max-width:1024px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.project-grid{grid-template-columns:1fr}}.footer{text-align:center;padding:3rem 1.5rem 2rem}.footer__text{margin:0;font-size:.85rem;color:#4b5563}.footer__link{color:#94a3b8;text-decoration:none;transition:color .2s}.footer__link:hover{color:#e2e8f0}.app{position:relative;min-height:100vh;overflow:hidden}.bg-blob{position:fixed;border-radius:50%;filter:blur(120px);opacity:.3;pointer-events:none;z-index:-1}.bg-blob--purple{width:600px;height:600px;background:radial-gradient(circle,#7c3aed 0%,transparent 70%);top:-10%;left:-10%;animation:drift-1 20s ease-in-out infinite}.bg-blob--blue{width:500px;height:500px;background:radial-gradient(circle,#0ea5e9 0%,transparent 70%);bottom:-10%;right:-10%;animation:drift-2 25s ease-in-out infinite}@keyframes drift-1{0%,to{transform:translate(0)}33%{transform:translate(80px,60px)}66%{transform:translate(-40px,80px)}}@keyframes drift-2{0%,to{transform:translate(0)}33%{transform:translate(-60px,-40px)}66%{transform:translate(50px,-70px)}}*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #0a0a1a;--color-text: #e2e8f0;--color-muted: #94a3b8;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html{color-scheme:dark}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}img,svg{display:block;max-width:100%}