:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px}a{text-decoration:none;color:inherit}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;color:#fff}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px}.header{text-align:center;margin-bottom:60px}.title{font-size:4rem;font-weight:800;margin-bottom:10px;display:flex;justify-content:center;align-items:baseline;gap:5px}.title-nova{background:linear-gradient(135deg,#ff6b9d,#ffa726,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;background-size:200% 200%}.title-fun{color:#a855f7;font-weight:400}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{font-size:1.2rem;color:#ffffffb3;font-weight:300}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;width:100%;padding:0 20px}.project-card{background:var(--card-gradient);border-radius:24px;padding:40px 30px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column;align-items:center;text-align:center}.project-card:before{content:"";position:absolute;inset:0;background:#fff0;transition:background .3s ease}.project-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #0000004d}.project-card:hover:before{background:#ffffff1a}.project-card.coming-soon{cursor:default;opacity:.7}.project-card.coming-soon:hover{transform:none;box-shadow:none}.card-emoji{font-size:4rem;margin-bottom:20px;position:relative;z-index:1;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:12px;position:relative;z-index:1}.card-description{font-size:1rem;opacity:.9;line-height:1.5;margin-bottom:20px;position:relative;z-index:1;flex-grow:1}.card-link{font-weight:600;font-size:1.1rem;padding:10px 24px;background:#fff3;border-radius:30px;transition:all .3s ease;position:relative;z-index:1}.project-card:hover .card-link{background:#ffffff4d;transform:scale(1.05)}.footer{margin-top:auto;padding-top:60px;text-align:center;color:#ffffff80;font-size:.9rem}.app:before,.app:after{content:"";position:fixed;border-radius:50%;pointer-events:none;opacity:.1}.app:before{width:400px;height:400px;background:#ff6b9d;top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.app:after{width:300px;height:300px;background:#4ecdc4;bottom:-50px;left:-50px;animation:float 6s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}@media(max-width:768px){.title{font-size:2.5rem}.projects{grid-template-columns:1fr}.project-card{min-height:240px;padding:30px 20px}.card-emoji{font-size:3rem}}