:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);position:relative;overflow:hidden}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(100,108,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(116,123,255,.08) 0%,transparent 50%);pointer-events:none}#app{width:100%;margin:0 auto;padding:2rem;text-align:center;position:relative;z-index:1}.container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 1rem}.content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.logo{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title{font-size:3.5rem;font-weight:700;margin:0;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#646cff,#747bff,#535bf2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;background-size:200% 200%}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.status{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#646cff1a;border:1px solid rgba(100,108,255,.3);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pulse{width:10px;height:10px;background:#646cff;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.status-text{font-size:.9rem;font-weight:500;color:#a0a0ff}.description{font-size:1.2rem;color:#ffffffb3;max-width:500px;margin:0}.progress-bar{width:100%;max-width:400px;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#646cff,#747bff);border-radius:10px;animation:progress 2s ease-in-out infinite;width:60%}@keyframes progress{0%,to{width:60%}50%{width:75%}}.tech-stack{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.tech-badge{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.9rem;font-weight:500;color:#fffc;transition:all .3s ease}.tech-badge:hover{background:#646cff1a;border-color:#646cff4d;transform:translateY(-2px)}.footer{padding:2rem 0 1rem;color:#fff6;font-size:.9rem}.footer p{margin:0}@media (max-width: 768px){.title{font-size:2.5rem}.description{font-size:1rem}.tech-stack{gap:.5rem}.tech-badge{font-size:.8rem;padding:.4rem .8rem}}@media (max-width: 480px){.title{font-size:2rem}.logo svg{width:80px;height:80px}}.circle-logo{border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 10px #0003}