body{margin:0;min-width:100vw;min-height:100vh;overflow-x:hidden}#root{display:flex;flex-direction:column}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--vp-c-brand: #646cff;--vp-c-brand-light: #747bff;--vp-c-bg: #1a1a1a;--vp-c-text: rgba(255, 255, 255, .87)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--vp-c-bg);color:var(--vp-c-text);line-height:1.5}#root{min-height:100vh;width:100%}nav{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1rem 2rem;box-shadow:0 0 20px #646cff1a}.logo{font-size:1.5rem;font-weight:700;color:var(--vp-c-text);text-decoration:none}.nav-links a{color:var(--vp-c-text);text-decoration:none;margin-left:2rem;transition:color .2s;position:relative;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.nav-links a:hover{color:var(--vp-c-brand-light);background:#646cff1a;box-shadow:0 0 20px #646cff33}.hero{text-align:center;padding:6rem 2rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#646cff1a,#747bff1a,#646cff33);z-index:-1;animation:gradientBG 15s ease infinite;background-size:400% 400%}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-text{background:linear-gradient(120deg,#646cff,#747bff,#a8acff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s linear infinite;text-shadow:0 0 30px rgba(100,108,255,.5)}@keyframes shine{to{background-position:200% center}}h1{font-size:3.5rem;line-height:1.1;margin-bottom:1rem}.subtitle{font-size:1.5rem;opacity:.8;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center}.button{display:inline-block;padding:.8rem 1.6rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s;position:relative;overflow:hidden;transition:all .3s ease;border:none}.button.primary{background:linear-gradient(45deg,var(--vp-c-brand),var(--vp-c-brand-light));box-shadow:0 0 20px #646cff4d;color:#fff}.button.primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #646cff80}.button:not(.primary){background:#646cff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 0 10px #646cff33;border:1px solid var(--vp-c-brand);color:var(--vp-c-brand)}.button:not(.primary):hover{box-shadow:inset 0 0 15px #646cff4d;transform:translateY(-2px);border-color:var(--vp-c-brand-light);color:var(--vp-c-brand-light)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:4rem 2rem;max-width:1200px;margin:0 auto}.feature-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,108,255,.1);box-shadow:0 0 20px #646cff1a;padding:2rem;border-radius:12px;transition:all .3s ease}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 0 30px #646cff33;border-color:#646cff4d}.feature-card h3{margin-bottom:1rem;color:var(--vp-c-brand);display:inline-block;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.feature-card:nth-child(1) h3{animation-delay:0s}.feature-card:nth-child(2) h3{animation-delay:.5s}.feature-card:nth-child(3) h3{animation-delay:1s}#app{min-height:100vh;width:100%;background-image:radial-gradient(circle at 20% 20%,rgba(100,108,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(116,123,255,.05) 0%,transparent 50%);background-size:200% 200%;animation:moveBackground 20s ease infinite alternate}@keyframes moveBackground{0%{background-position:0% 0%}to{background-position:100% 100%}}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#app>*{animation:fadeIn .5s ease-out forwards}header{animation-delay:.1s}.hero{animation-delay:.3s}.features{animation-delay:.5s}.projects-container{padding:4rem 2rem;max-width:1200px;margin:0 auto}.projects-title{text-align:center;margin-bottom:3rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,108,255,.1);border-radius:16px;overflow:hidden;transition:all .3s ease}.project-card:hover{transform:translateY(-10px);box-shadow:0 0 30px #646cff33;border-color:#646cff4d}.project-image{position:relative;width:100%;height:250px;overflow:hidden;border-bottom:1px solid rgba(100,108,255,.1)}.project-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#646cff1a;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.project-overlay span{color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:4px;background:#646cff4d;transform:translateY(20px);transition:all .3s ease}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-overlay span{transform:translateY(0)}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:1.5rem}.project-content h3{color:var(--vp-c-brand);margin-bottom:.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-tag{background:#646cff1a;color:var(--vp-c-brand);padding:.25rem .75rem;border-radius:16px;font-size:.875rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card{animation:slideIn .5s ease-out forwards}