@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Raleway:wght@400;500;600;700&display=swap";.theme-toggle{position:absolute;top:50%;right:2rem;transform:translateY(-50%);background:var(--color-card);color:var(--color-primary);border-radius:50%;border:1px solid var(--color-border);width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 2px 16px #7c3aed14;cursor:pointer;z-index:300;transition:background .2s,color .2s}.theme-toggle:hover{background:var(--color-primary);color:#fff}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2rem;background:var(--color-card);box-shadow:0 2px 16px #7c3aed0a;position:relative;top:0;z-index:100;transition:background .3s}.navbar-logo{display:flex;align-items:center;gap:.7rem}.logo-img{width:40px;height:40px;object-fit:contain}.logo-text{font-size:1.5rem;font-weight:700;color:var(--color-primary);letter-spacing:1px}.navbar-links{display:flex;gap:2rem;list-style:none;margin:0}.navbar-links li{position:relative}.nav-link-text{position:relative;font-size:1.1rem;font-weight:500;color:var(--color-text);padding:.3rem .7rem;transition:color .2s}.navbar-links .active .nav-link-text{color:var(--color-primary)}.nav-underline{position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--color-primary);border-radius:2px;transition:opacity .2s}.navbar-menu-btn{display:none;background:none;color:var(--color-primary);cursor:pointer;margin-left:1.5rem}@media (max-width: 800px){.navbar-links{display:none}.navbar-menu-btn{display:block}}.navbar-mobile-menu{position:fixed;top:0;right:0;width:70vw;height:100vh;background:var(--color-card);box-shadow:-2px 0 16px #7c3aed14;display:flex;flex-direction:column;gap:2rem;padding:4rem 2rem 2rem;z-index:200}.navbar-mobile-menu li{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem}.navbar-mobile-menu .active{color:var(--color-primary)}.footer{background:var(--color-card);color:var(--color-text);text-align:center;padding:2rem 1rem 1rem;border-top:1px solid var(--color-border);margin-top:3rem;box-shadow:0 -2px 16px #7c3aed0a}.footer-socials{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.footer-icon{color:var(--color-primary);font-size:2rem;transition:color .2s,transform .2s}.footer-icon:hover{color:var(--color-accent);transform:scale(1.15) translateY(-2px)}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;background:linear-gradient(120deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:1.5rem;box-shadow:0 2px 24px #7c3aed14;margin-top:2rem}.hero-content{text-align:center;color:#fff;padding:2rem 1rem}.hero-img{width:max-content;height:max-content;align-items:start;filter:drop-shadow(0 4px 16px rgba(0,0,0,.12));display:block;margin-left:0}@media (min-width: 768px){.hero-section{flex-direction:row;align-items:flex-start;justify-content:center}.hero-content{text-align:left;padding:2rem}.hero-img{max-width:fit-content;max-height:fit-content;margin-right:1rem;margin-left:0;align-self:flex-start}}.hero-section h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.hero-section h2{font-size:1.3rem;font-weight:400;margin-bottom:2rem}.cta-btn{background:#fff;color:var(--color-primary);border:none;border-radius:2rem;padding:.8rem 2.2rem;font-size:1.1rem;font-weight:600;box-shadow:0 2px 16px #7c3aed14;transition:background .2s,color .2s,transform .2s}.cta-btn:hover{background:var(--color-accent);color:#fff;transform:scale(1.05)}.about-section{background:var(--color-card);border-radius:1.5rem;box-shadow:0 2px 24px #7c3aed14;padding:2.5rem 2rem;max-width:700px;margin:3rem auto;text-align:center}.about-img{-ms-flex-item-align:center;align-items:center;padding-left:100px;margin-bottom:1.5rem;box-shadow:none}.about-section h1{color:var(--color-primary);font-size:2rem;margin-bottom:1.2rem}.about-content{text-align:left;margin-top:2rem}.about-content h3{color:var(--color-accent);margin-bottom:.5rem}.about-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.skills-list{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0;margin-bottom:1.5rem}.skills-list li{background:var(--color-secondary);color:#fff;padding:.4rem 1.2rem;border-radius:1rem;font-weight:500;font-size:1rem}.services-section{background:var(--color-card);border-radius:1.5rem;box-shadow:0 2px 24px #7c3aed14;padding:2.5rem 2rem;max-width:900px;margin:3rem auto;text-align:center}.services-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.service-card{background:var(--color-bg);border-radius:1rem;box-shadow:0 2px 16px #7c3aed0f;padding:2rem 1.5rem;min-width:220px;max-width:300px;flex:1 1 220px;text-align:center;transition:box-shadow .2s,transform .2s}.service-icon{color:var(--color-primary);margin-bottom:1rem}.service-card h3{color:var(--color-accent);margin-bottom:.5rem}.service-price{display:block;margin-top:1rem;color:var(--color-primary);font-weight:600}.projects-section{background:var(--color-card);border-radius:1.5rem;box-shadow:0 2px 24px #7c3aed14;padding:2.5rem 2rem;max-width:900px;margin:3rem auto;text-align:center}.projects-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.project-card{background:var(--color-bg);border-radius:1rem;box-shadow:0 2px 16px #7c3aed0f;padding:2rem 1.5rem;min-width:220px;max-width:300px;flex:1 1 220px;text-align:center;transition:box-shadow .2s,transform .2s}.project-card h3{color:var(--color-accent);margin-bottom:.5rem}.project-link{display:inline-block;margin-top:1rem;color:var(--color-primary);font-weight:600;text-decoration:underline;transition:color .2s}.project-link:hover{color:var(--color-accent)}.blog-section{background:var(--color-card);border-radius:1.5rem;box-shadow:0 2px 24px #7c3aed14;padding:2.5rem 2rem;max-width:900px;margin:3rem auto;text-align:center}.blog-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.blog-card{background:var(--color-bg);border-radius:1rem;box-shadow:0 2px 16px #7c3aed0f;padding:2rem 1.5rem;min-width:220px;max-width:300px;flex:1 1 220px;text-align:center;transition:box-shadow .2s,transform .2s}.blog-card h3{color:var(--color-accent);margin-bottom:.5rem}.blog-link{display:inline-block;margin-top:1rem;color:var(--color-primary);font-weight:600;text-decoration:underline;transition:color .2s}.blog-link:hover{color:var(--color-accent)}.contact-section{background:var(--color-card);border-radius:1.5rem;box-shadow:0 2px 24px #7c3aed14;padding:2.5rem 2rem;max-width:500px;margin:3rem auto}.contact-section h2{text-align:center;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.contact-form label{font-weight:500;color:var(--color-primary)}.contact-form input,.contact-form textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:.7rem;padding:.7rem 1rem;font-size:1rem;color:var(--color-text);resize:none;transition:border .2s}.contact-form input:focus,.contact-form textarea:focus{border:1.5px solid var(--color-primary)}.contact-form textarea{min-height:100px}.contact-form input[type=submit]{background:var(--color-primary);color:#fff;font-weight:600;border:none;border-radius:2rem;padding:.7rem 2rem;font-size:1.1rem;cursor:pointer;margin-top:.5rem;transition:background .2s,transform .2s}.contact-form input[type=submit]:hover{background:var(--color-accent);transform:scale(1.04)}.success,.error{text-align:center;margin-top:1rem}:root{--color-bg: #f8f8fa;--color-text: #22223b;--color-primary: #c773ff;--color-secondary: #f28ef5;--color-accent: #7c3aed;--color-card: #fff;--color-border: #e0e0e0;--color-link: #7c3aed}[data-theme=dark]{--color-bg: #181824;--color-text: #f8f8fa;--color-primary: #a259ec;--color-secondary: #f28ef5;--color-accent: #c773ff;--color-card: #23233a;--color-border: #33334d;--color-link: #c773ff}html,body{margin:0;padding:0;font-family:Poppins,Raleway,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh;scroll-behavior:smooth;transition:background .3s,color .3s}*,*:before,*:after{box-sizing:border-box}a{color:var(--color-link);text-decoration:none;transition:color .2s}a:hover,a:focus{color:var(--color-accent)}h1,h2,h3,h4,h5,h6{font-family:Raleway,Poppins,Arial,sans-serif;margin-top:0}ul,ol{padding-left:1.5em}img{max-width:100%;display:block}button,input,textarea{font-family:inherit;outline:none;border:none}section{padding:3rem 1rem;max-width:1100px;margin:0 auto}.highlight{color:var(--color-primary);font-weight:600}.cta-btn{display:inline-block;background:var(--color-primary);color:#fff;padding:.75rem 2rem;border-radius:2rem;font-weight:600;font-size:1.1rem;margin-top:1.5rem;box-shadow:0 2px 16px #7c3aed14;transition:background .2s,transform .2s}.cta-btn:hover{background:var(--color-accent);transform:translateY(-2px) scale(1.04)}.success{color:#2ecc40;font-weight:500;margin-top:1rem}.error{color:#ff3860;font-weight:500;margin-top:1rem}