@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Playfair+Display:wght@700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#000;color:#fff;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}.font-serif{font-family:Playfair Display,serif}ul{list-style:none}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}body.light{background-color:#f5f5f5;color:#111}body.light .header-container{background-color:#ffffffd9;border:1px solid rgba(0,0,0,.1)}body.light .logo{color:#111}body.light .nav-links a{color:#333}body.light .nav-links a:hover{color:#000}body.light .theme-toggle{color:#111}body.light .theme-toggle:hover{background-color:#0000000d}body.light .connect-button{background-color:#111;color:#fff}body.light .hero-avatar{border-color:#ddd}body.light .hero-greeting{color:#333}body.light .hero-title{color:#111}body.light .hero-button-primary{background-color:#252525;color:#fff;border:1px solid #252525}body.light .hero-button-primary:hover{background-color:#333}body.light .hero-button-secondary{background-color:#fff;color:#000;border:1px solid #DDD}body.light .hero-button-secondary:hover{background-color:#f0f0f0}body.light .about-intro{color:#777}body.light .about-title{color:#111}body.light .about-description{color:#333}body.light .about-card{background-color:#fff;color:#111;border:1px solid #DDD;box-shadow:0 4px 12px #0000000d}body.light .about-card p{color:#555}body.light .about-card .card-icon{color:#333}body.light .about-tools h4{color:#111}body.light .tools-icons svg{color:#555}body.light .tools-icons svg:hover{color:#000}body.light .projects-intro{color:#777}body.light .projects-title{color:#111}body.light .projects-description{color:#333}body.light .project-card{box-shadow:0 4px 20px #0000000d}body.light .project-content{background-color:#fff;box-shadow:0 4px 15px #00000014}body.light .projects-see-more{border-color:#333;color:#111}body.light .projects-see-more:hover{background-color:#111;color:#fff;border-color:#111}body.light .contact-intro{color:#777}body.light .contact-title{color:#111}body.light .contact-description{color:#333}body.light .form-input,body.light .form-textarea{background-color:#f0f0f0;border-color:#ddd;color:#111}body.light .form-input::placeholder,body.light .form-textarea::placeholder{color:#555}body.light .submit-button{background-color:#111;color:#fff}body.light .submit-button:hover{background-color:#333}body.light .custom-class{color:#000}body.light .footer-email,body.light .footer-bottom,body.light .footer-bottom a{color:#555}body.light .footer-email:hover,body.light .footer-bottom a:hover{color:#000}body.light .footer-divider{background-color:#ddd}body.light .cta-title{color:#555}body.light .cta-container:hover .cta-title{color:#000}body.light .highlighted-word{color:#0056b3}.header-container{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:1100px;background-color:#1a1a1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;z-index:100}.logo{font-size:1.25rem;font-weight:700}.logo-dot{color:#ebba57}.nav-links{display:flex;gap:32px}.nav-links a{font-size:.9rem;color:#e0e0e0;transition:color .3s ease}.nav-links a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:16px}.theme-toggle{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background-color:#ffffff1a}.connect-button{background-color:#fff;color:#000;border:none;border-radius:999px;padding:10px 20px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;transition:transform .3s ease}.connect-button:hover{transform:scale(1.05)}@media(max-width:768px){.nav-links{display:none}.header-container{width:95%}.connect-button{padding:8px 16px;font-size:.8rem}}@media(max-width:480px){.connect-button{font-size:0;padding:8px;border-radius:50%}.connect-button svg{margin-left:0!important}.logo{font-size:1.1rem}.theme-toggle{padding:6px}}.hero-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:100px 20px 0;position:relative;overflow:hidden}.ballpit-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.ballpit-background>div{width:100%!important;height:100%!important}.hero-foreground{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.hero-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #333;margin-bottom:24px}.hero-greeting{font-size:1.1rem;font-weight:500;margin-bottom:16px;cursor:default}.hero-title{font-size:3rem;font-weight:700;margin-bottom:32px}.hero-buttons{display:flex;gap:16px}.hero-button-primary,.hero-button-secondary{padding:12px 24px;border-radius:999px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;transition:all .3s ease}.hero-button-primary{background-color:#252525;color:#fff;border:1px solid #333}.hero-button-primary:hover{background-color:#333;transform:translateY(-2px)}.hero-button-secondary{background-color:#fff;color:#000}.hero-button-secondary:hover{background-color:#e0e0e0;transform:translateY(-2px)}@media(max-width:768px){.hero-title{font-size:3.5rem;max-width:600px}.hero-avatar{width:100px;height:100px}}@media(max-width:480px){.hero-title{font-size:2.5rem}.hero-greeting{font-size:1rem}.hero-buttons{flex-direction:column;width:90%}.hero-button-primary,.hero-button-secondary{width:100%;justify-content:center}}@media(hover:none)and (pointer:coarse){.ballpit-background{pointer-events:none}}main{max-width:1100px;margin:0 auto;padding:0 20px}.about-container{padding-top:100px;padding-bottom:100px}.about-intro{text-align:center;color:#aaa;font-size:.9rem;margin-bottom:8px}.about-title{text-align:center;font-size:3rem;margin-bottom:50px}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:flex-start}.about-image-wrapper{width:100%}.about-image{width:100%;border-radius:24px;aspect-ratio:4/5;object-fit:cover}.about-details{display:flex;flex-direction:column;gap:24px}.about-description{font-size:1rem;line-height:1.6;color:#e0e0e0}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;margin-bottom:20px}.about-card{background-color:#fff;color:#111;padding:24px;border-radius:12px;border:1px solid #333}.card-icon{font-size:1.5rem;margin-bottom:12px;color:#333}.about-card h5{font-size:1.1rem;margin-bottom:8px}.about-card a{font-size:.85rem;color:#555;line-height:1.5;text-decoration:none}.about-tools h4{font-size:1rem;font-weight:500;margin-bottom:16px}.tools-icons{display:flex;flex-wrap:wrap;gap:24px;font-size:2.2rem}.tools-icons svg{color:#aaa;transition:color .3s ease,transform .3s ease}.tools-icons svg:hover{color:#fff;transform:scale(1.1)}@media(max-width:900px){.about-content{grid-template-columns:1fr;gap:30px}.about-image{width:60%;margin:0 auto;aspect-ratio:1/1}}@media(max-width:768px){.about-title{font-size:2.5rem}.about-cards{grid-template-columns:1fr}.about-image{width:80%}}@media(max-width:480px){.about-title{font-size:2.2rem}.about-image{width:100%}.tools-icons{font-size:2rem;gap:20px;justify-content:flex-start}}.projects-container{padding-top:100px;padding-bottom:100px;text-align:center}.projects-intro{color:#aaa;font-size:.9rem;margin-bottom:8px}.projects-title{font-size:3rem;margin-bottom:24px}.projects-description{font-size:1rem;line-height:1.6;color:#e0e0e0;max-width:600px;margin:0 auto 50px}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:50px}.project-card{position:relative;border-radius:12px;overflow:hidden;transition:transform .3s ease;display:block}.project-card:hover{transform:scale(1.03)}.project-image{width:100%;height:200px;object-fit:cover;display:block}.project-content{position:absolute;bottom:16px;left:16px;right:16px;background-color:#fff;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center;color:#111;box-shadow:0 4px 15px #0000001a}.project-info h5{font-size:1rem;font-weight:600;margin-bottom:4px;text-align:left}.project-info p{font-size:.85rem;color:#555;text-align:left}.project-link-button{background-color:#e0eef5;color:#2d578a;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .3s ease}.project-card:hover .project-link-button{background-color:#c8cfeb}.projects-see-more{display:inline-flex;align-items:center;padding:12px 24px;border-radius:999px;border:1px solid #555;color:#fff;background-color:transparent;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.projects-see-more:hover{background-color:#fff;color:#000;border-color:#fff}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px}.project-image{height:200px}}@media(max-width:600px){.projects-grid{grid-template-columns:1fr}.projects-title{font-size:2.5rem}.projects-description{font-size:.95rem}}.circular-text{margin:0 auto;border-radius:50%;width:200px;position:relative;height:200px;font-weight:700;color:#fff;font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;inset:0;font-size:24px;transition:all .5s cubic-bezier(0,0,0,1)}.contact-container{padding-top:100px;padding-bottom:100px;text-align:center}.contact-intro{color:#aaa;font-size:.9rem;margin-bottom:8px}.contact-title{font-size:3rem;margin-bottom:24px}.contact-description{font-size:1rem;line-height:1.6;color:#e0e0e0;max-width:500px;margin:0 auto 50px}.contact-form{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-input,.form-textarea{width:100%;padding:16px;border-radius:8px;border:1px solid #333;background-color:#fff;color:#111;font-family:Inter,sans-serif;font-size:.95rem;resize:vertical}.form-input::placeholder,.form-textarea::placeholder{color:#777}.submit-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:999px;border:none;background-color:#252525;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:180px;margin:0 auto}.submit-button:hover{background-color:#333}.submit-button:disabled{background-color:#444;cursor:not-allowed}.form-success{color:#2d8a2d;margin-top:10px}.form-error{color:#eb5757;margin-top:10px}@media(max-width:768px){.contact-title{font-size:2.5rem}}@media(max-width:600px){.form-grid{grid-template-columns:1fr;gap:20px}}.footer-container{padding-top:50px;padding-bottom:30px}.footer-content{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:30px}.footer-logo{font-size:1.5rem;font-weight:700}.footer-email{font-size:.9rem;color:#aaa;transition:color .3s ease}.footer-email:hover{color:#fff}.footer-divider{border:none;height:1px;background-color:#333;margin-bottom:30px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#aaa}.footer-bottom a{color:#aaa;transition:color .3s ease}.footer-bottom a:hover{color:#fff}@media(max-width:600px){.footer-bottom{flex-direction:column;gap:16px;text-align:center}}