@import"https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:wght@400;500&display=swap";html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;background-color:#121212;color:#f0f0f0}a{color:inherit;text-decoration:none}section{padding:4rem 2rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#121212cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 4px #0006;position:sticky;top:0;z-index:10}.navbar-logo{font-family:Great Vibes,cursive;font-size:2rem;color:#f9f9f9;margin-right:1.5rem}.navbar ul{display:flex;list-style:none}.navbar-links li{margin-right:1.2rem}.navbar-links a{font-family:Montserrat,sans-serif;font-weight:500;font-size:1rem;color:#f9f9f9;transition:color .2s ease-in-out}.navbar-links a:hover{color:#00bfff}.hero{display:flex;justify-content:center;align-items:center;min-height:90vh;text-align:center;background:#121212;color:#f0f0f0;position:relative;overflow:hidden;padding:0 2rem}.hero-content{position:relative;z-index:2;pointer-events:none}.hero-content a{pointer-events:auto}.hero-content h1{font-family:Montserrat,sans-serif;font-size:3rem;font-weight:700;margin-bottom:1rem;color:#f0f0f0}.hero-content .highlight{font-family:Great Vibes,cursive;color:#00bfff}.hero-content .tagline{font-family:Montserrat,sans-serif;font-weight:400;font-size:1.2rem;margin-bottom:2rem;color:#cfcfcf;line-height:1.6}.cta-btn{display:inline-block;background-color:#00bfff;color:#121212;font-family:Montserrat,sans-serif;padding:.8rem 2rem;border-radius:30px;font-weight:500;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 15px #00bfff66}.orb-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.about{min-height:90vh;padding:6rem 2rem;background-color:#121212;color:#f0f0f0;display:flex;justify-content:center;align-items:center}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-content h2{font-family:Great Vibes,cursive;font-size:2.5rem;margin-bottom:1.5rem;color:#00bfff}.about-content p{font-family:Montserrat,sans-serif;font-size:1.1rem;margin-bottom:2rem;color:#cfcfcf;line-height:1.8}.skills{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.skills span{background-color:#2a2a2a;color:#00bfff;padding:.5rem 1rem;border-radius:20px;font-family:Montserrat,sans-serif;font-weight:500;transition:transform .2s ease}.skills span:hover{transform:translateY(-3px)}blockquote{margin-top:2rem;font-style:italic;color:#888}.projects{padding:6rem 2rem;background-color:#121212;color:#f0f0f0;text-align:center}.projects h2{font-family:Great Vibes,cursive;font-size:2.5rem;margin-bottom:3rem;color:#00bfff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.project-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#1e1e1e;padding:1.5rem;border-radius:15px;box-shadow:0 6px 20px #0006;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00bfff80}.project-card h3{font-family:Montserrat,sans-serif;font-size:1.4rem;margin-bottom:1rem;color:#00bfff}.project-card p{font-family:Montserrat,sans-serif;font-size:1rem;margin-bottom:1rem;color:#cfcfcf}.project-card .links{display:flex;justify-content:center;gap:1rem}.project-card .links a{font-family:Montserrat,sans-serif;font-weight:500;color:#00bfff;text-decoration:none;padding:.5rem 1rem;border-radius:20px;background-color:#00bfff1a;transition:background-color .2s ease,transform .2s ease}.project-card .links a:hover{background-color:#00bfff;color:#121212;transform:translateY(-2px)}.contact{min-height:90vh;text-align:center;padding:6rem 2rem;background:#121212;color:#f0f0f0;display:flex;flex-direction:column;align-items:center;padding-bottom:32px}.contact-content{display:flex;flex-direction:column;justify-content:center;flex:1;height:100%;max-width:600px;width:100%}.contact h2{font-family:Great Vibes,cursive;font-size:2.5rem;margin-bottom:1.5rem;color:#00bfff}.contact p{font-family:Montserrat,sans-serif;font-size:1.1rem;margin-bottom:2rem;color:#cfcfcf;line-height:1.8}.contact-links{font-family:Montserrat,sans-serif;display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}.contact-btn{padding:.8rem 1.5rem;background:#07f;color:#fff;border-radius:8px;font-weight:500;transition:transform .2s,background .2s}.contact-btn:hover{background:#005fcc;transform:translateY(-2px)}.footer{font-family:Montserrat,sans-serif;margin-top:4rem;font-size:.9rem;color:#888;text-align:center}.footer .react-tag{color:#61dafb;font-weight:500}.footer .heart{display:inline-block;transition:transform .3s ease}.footer .heart:hover{transform:scale(1.3) rotate(-10deg)}.scroll-to-hero{position:fixed;bottom:2rem;right:2rem;background:#0077ffb3;color:#fff;border:none;border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;cursor:pointer;box-shadow:0 0 10px #07f6;transition:transform .2s,background .2s,box-shadow .3s;z-index:50}.scroll-to-hero:hover{background:#005fcce6;transform:scale(1.1);box-shadow:0 0 20px #07fc}