.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}.hero__byline{margin:.5rem 0 0;font-size:.95rem;color:#64748b;font-weight:500}@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}.try-it{margin-top:.5rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.try-it__form{display:flex;flex-direction:column;gap:.4rem}.try-it__input{width:100%;padding:.5rem .65rem;font-size:.82rem;font-family:inherit;color:#e2e8f0;background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:8px;resize:vertical;min-height:2.5rem;max-height:6rem;outline:none;transition:border-color .2s;box-sizing:border-box}.try-it__input:focus{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.try-it__input::placeholder{color:#64748b}.try-it__input:disabled{opacity:.5}.try-it__controls{display:flex;align-items:center;justify-content:space-between}.try-it__counter{font-size:.7rem;color:#64748b}.try-it__buttons{display:flex;gap:.4rem}.try-it__btn{padding:.3rem .7rem;font-size:.75rem;font-weight:600;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:background .2s,opacity .2s}.try-it__btn--ask{background:color-mix(in srgb,var(--accent) 25%,transparent);color:color-mix(in srgb,var(--accent) 85%,white);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.try-it__btn--ask:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 35%,transparent)}.try-it__btn--ask:disabled{opacity:.4;cursor:not-allowed}.try-it__btn--clear{background:#ffffff0f;color:#94a3b8;border-color:#ffffff1a}.try-it__btn--clear:hover{background:#ffffff1a}.try-it__loading{display:flex;align-items:center;gap:.5rem;padding:.6rem 0;font-size:.8rem;color:#94a3b8}.try-it__dots{display:inline-flex;gap:.2rem}.try-it__dots span{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:try-it-bounce 1.2s infinite ease-in-out}.try-it__dots span:nth-child(2){animation-delay:.15s}.try-it__dots span:nth-child(3){animation-delay:.3s}@keyframes try-it-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.try-it__error{margin-top:.4rem;padding:.5rem .65rem;font-size:.78rem;color:#fca5a5;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px}.try-it__response{margin-top:.4rem;display:flex;flex-direction:column;gap:.4rem}.try-it__response-text{max-height:300px;overflow-y:auto;padding:.6rem .65rem;font-size:.8rem;line-height:1.6;color:#e2e8f0;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:8px;white-space:pre-wrap;word-break:break-word}.try-it__response-text::-webkit-scrollbar{width:4px}.try-it__response-text::-webkit-scrollbar-track{background:transparent}.try-it__response-text::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.try-it__citations{font-size:.75rem;color:#94a3b8}.try-it__citations strong{color:#cbd5e1}.try-it__citations ul{margin:.2rem 0 0;padding-left:1.2rem}.try-it__citations li{margin-bottom:.15rem}.try-it__citation-date,.try-it__citation-section{color:#64748b}.try-it__confidence{font-size:.72rem;color:color-mix(in srgb,var(--accent) 70%,white);font-weight:500}.try-it__disclaimer{font-size:.7rem;color:#64748b;font-style:italic;border-top:1px solid rgba(255,255,255,.06);padding-top:.3rem}.stats-playback{margin-top:.5rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.stats-playback__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.stats-playback__label{font-size:.7rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.stats-playback__date{font-size:.72rem;color:color-mix(in srgb,var(--accent) 70%,white);font-weight:600}.stats-playback__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;transition:opacity .3s ease}.stats-playback__grid--fading{opacity:.3}.stats-playback__stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .2rem;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.stats-playback__value{font-size:.95rem;font-weight:700;color:#f1f5f9;line-height:1}.stats-playback__unit{font-size:.6rem;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.stats-playback__dots{display:flex;justify-content:center;gap:.35rem;margin-top:.6rem}.stats-playback__dot{width:5px;height:5px;border-radius:50%;background:#ffffff26;transition:background .3s,transform .3s}.stats-playback__dot--active{background:var(--accent);transform:scale(1.3)}.demo-chat{margin-top:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.demo-chat__header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:linear-gradient(135deg,#667eea26,#764ba226);border-bottom:1px solid rgba(255,255,255,.06)}.demo-chat__title{font-size:.8rem;font-weight:700;color:#e2e8f0}.demo-chat__label{font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.demo-chat__messages{padding:.6rem;display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto;min-height:80px}.demo-chat__messages::-webkit-scrollbar{width:4px}.demo-chat__messages::-webkit-scrollbar-track{background:transparent}.demo-chat__messages::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.demo-chat__msg{display:flex;flex-direction:column;animation:demo-chat-fadein .3s ease}.demo-chat__msg--user{align-items:flex-end}.demo-chat__msg--assistant{align-items:flex-start}@keyframes demo-chat-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.demo-chat__bubble{max-width:85%;padding:.4rem .6rem;font-size:.78rem;line-height:1.45;border-radius:10px;word-break:break-word}.demo-chat__msg--user .demo-chat__bubble{background:color-mix(in srgb,var(--accent) 30%,transparent);color:#e2e8f0;border-bottom-right-radius:3px}.demo-chat__msg--assistant .demo-chat__bubble{background:#ffffff0f;color:#cbd5e1;border-bottom-left-radius:3px}.demo-chat__typing{display:inline-flex;gap:.2rem;padding:.5rem .7rem;background:#ffffff0f;border-radius:10px 10px 10px 3px}.demo-chat__typing span{width:5px;height:5px;border-radius:50%;background:#94a3b8;animation:demo-chat-bounce 1.2s infinite ease-in-out}.demo-chat__typing span:nth-child(2){animation-delay:.15s}.demo-chat__typing span:nth-child(3){animation-delay:.3s}@keyframes demo-chat-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.demo-chat__media{display:flex;flex-direction:column;gap:.35rem;margin-top:.35rem;max-width:85%}.demo-chat__card{display:flex;gap:.5rem;padding:.4rem;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:8px;animation:demo-chat-fadein .4s ease}.demo-chat__poster{width:36px;height:50px;border-radius:4px;flex-shrink:0;background:linear-gradient(135deg,#ffffff14,#ffffff05)}.demo-chat__card:nth-child(1) .demo-chat__poster{background:linear-gradient(135deg,#1a237e,#00838f)}.demo-chat__card:nth-child(2) .demo-chat__poster{background:linear-gradient(135deg,#b71c1c,#e65100)}.demo-chat__card:nth-child(3) .demo-chat__poster{background:linear-gradient(135deg,#e65100,#f57f17)}.demo-chat__card-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.demo-chat__card-title{font-size:.75rem;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-chat__card-meta{font-size:.65rem;color:#94a3b8}.demo-chat__card-genres{display:flex;gap:.25rem;flex-wrap:wrap}.demo-chat__genre{font-size:.58rem;padding:.1rem .35rem;background:#ffffff0f;color:#94a3b8;border-radius:4px}.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}.project-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.project-card__actions{display:flex;gap:.4rem;flex-wrap:wrap}.project-card__link{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1.1rem;font-size:.82rem;font-weight:700;text-decoration:none;border-radius:8px;background:color-mix(in srgb,var(--accent) 30%,transparent);color:#fff;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);transition:background .2s,transform .2s,box-shadow .2s;cursor:pointer;font-family:inherit;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 20%,transparent)}.project-card__link:hover{background:color-mix(in srgb,var(--accent) 45%,transparent);transform:translateY(-1px);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 30%,transparent)}.project-card__try-btn--active{background:color-mix(in srgb,var(--accent) 50%,transparent);border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 30%,transparent)}.project-card__github{display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;padding:.3rem;border-radius:6px;transition:color .2s,background .2s;margin-left:auto;flex-shrink:0}.project-card__github:hover{color:#e2e8f0;background:#ffffff14}.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%}