:root{font-family: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}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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}}html{scroll-behavior:smooth}.navbar{position:fixed;top:0;left:0;width:100%;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;box-shadow:0 2px 10px #0000001a;z-index:1000}.logo{font-size:24px;font-weight:700;color:purple}.nav-links{display:flex;list-style:none;gap:20px}.nav-links li a{text-decoration:none;color:#000;font-weight:500}.nav-links li a:hover{color:purple}.nav-actions{display:flex;align-items:center;gap:15px}.theme-toggle{background:none;border:none;font-size:20px;cursor:pointer}.contact-btn{background-color:purple;color:#fff;padding:8px 16px;border-radius:5px;text-decoration:none;font-weight:700;margin-right:30px}.contact-btn:hover{background-color:darkpurple}.dark-mode{background-color:#1a1a2e;color:#fff}.dark-mode .navbar{background-color:#2a2a4a}.dark-mode .logo,.dark-mode .nav-links li a{color:#fff}.dark-mode .theme-toggle{color:#ff0}.hamburger{display:none}@media (max-width: 768px){.nav-links{position:fixed;top:60px;right:0;background-color:#2a2a4a;flex-direction:column;width:200px;transform:translate(100%);transition:transform .3s ease;box-shadow:0 2px 10px #0000001a;z-index:999}.nav-links.open{transform:translate(0)}.nav-links li{padding:10px 50px;text-align:left;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.nav-links li:hover{background-color:#c8c8c84d;transform:scale(1.05)}.hamburger{display:block}}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:20px;background-color:#fff}.dark-mode .hero{background-color:#1a1a2e}.profile-img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid white;margin-bottom:20px;display:block;box-shadow:0 4px 10px #0003}.hero h1{font-size:28px;font-weight:700;color:#fff;margin-bottom:10px}.subtitle{font-size:18px;color:gray;margin-bottom:10px}.dark-mode .subtitle{color:#fff}.description{font-size:16px;color:#555;max-width:600px;line-height:1.5;margin-bottom:20px}.dark-mode .description{color:#fff}.buttons{display:flex;gap:10px}.btn{display:inline-block;padding:10px 20px;border-radius:5px;font-weight:700;text-decoration:none}.primary-btn{background-color:#fff;color:#000}.primary-btn:hover{background-color:gray}.secondary-btn{border:2px solid white;color:#008b8b}.secondary-btn:hover{background-color:#fff;color:#000}:root{--bg-color: #ffffff;--text-color: #333;--border-color: #333;--icon-color: #333;--box-shadow: 4px 4px 15px rgba(0, 0, 0, .2)}.dark-mode{--bg-color: #1a1a2e;--text-color: #ffffff;--border-color: #ffffff;--icon-color: #ffffff;--box-shadow: 6px 6px 20px rgba(255, 255, 255, .15)}body{background:var(--bg-color);color:var(--text-color)}.about-me{max-width:1000px;margin:auto;padding:40px 20px;text-align:center}.section-title{font-size:2rem;font-weight:700;margin-bottom:20px}.about-content{display:flex;justify-content:space-between;align-items:center;gap:50px}.text-section{flex:1;text-align:left}.intro{font-size:1.2rem;line-height:1.6;margin-bottom:20px}.info-section{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.info-box{flex:1;border:2px solid var(--border-color);padding:20px;border-radius:10px;text-align:center;transition:all .3s ease-in-out;box-shadow:var(--box-shadow)}.info-icon{font-size:2rem;margin-bottom:10px;color:var(--icon-color)}.info-box:hover{box-shadow:6px 6px 20px #0000004d;transform:translateY(-5px)}.tools-title{margin-top:20px}.tools{display:flex;gap:15px;margin-top:10px}.tool{padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid var(--border-color);transition:all .3s ease-in-out}.tool:hover{box-shadow:var(--box-shadow);transform:translateY(-3px)}.image-section{flex:1;position:relative;display:flex;justify-content:center;align-items:center}.profile-image{width:250px;height:300px;object-fit:cover;border-radius:15px;box-shadow:var(--box-shadow)}.rotating-circle .emoji{font-size:2rem;color:var(--icon-color);position:absolute}.rotating-circle{position:absolute;bottom:10px;right:10px;width:130px;height:130px;border-radius:50%;background:var(--bg-color);display:flex;align-items:center;justify-content:center;box-shadow:var(--box-shadow);overflow:hidden}.rotating-text{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;color:var(--icon-color);animation:rotateText 5s linear infinite;transform-origin:center}@keyframes rotateText{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.curved-text{position:absolute;width:100%;height:60%;display:flex;align-items:center;justify-content:center;transform:rotate(-45deg)}.curved-text span{display:inline-block;transform:rotate(45deg);white-space:nowrap;text-align:center}@media (max-width: 768px){.about-content{flex-direction:column;gap:30px}.image-section{order:-1}.info-section{flex-direction:column;gap:15px}}.services{max-width:800px;margin:auto;padding:40px 20px;text-align:center}.section-title{font-size:1rem;font-weight:600;margin-bottom:10px}.sub-title{font-size:2.5rem;font-weight:700;margin-bottom:15px;margin-top:2px}.services-intro{font-size:1.1rem;margin-bottom:30px;line-height:1.6}.services-list{display:flex;gap:20px;justify-content:flex-start;margin-top:20px;text-align:left}.service-box{flex:1;border:2px solid var(--border-color);padding:20px;border-radius:10px;transition:all .3s ease-in-out}.service-icon{font-size:2rem;margin-bottom:10px;color:var(--icon-color)}.service-box:hover{box-shadow:6px 6px 20px #0000004d;transform:translateY(-5px)}.read-more{display:inline-block;margin-top:10px;text-decoration:none;font-weight:700;color:var(--link-color);transition:color .3s ease-in-out}.read-more:hover{color:var(--link-hover-color)}:root{--border-color: #333;--icon-color: #333;--link-color: #007bff;--link-hover-color: #0056b3}.dark-mode{--border-color: #fff;--icon-color: #fff;--link-color: #00bfff;--link-hover-color: #009acd}@media (max-width: 768px){.services-list{flex-direction:column;align-items:center}}.my-work{max-width:900px;margin:auto;padding:40px 20px;text-align:center}.section-title{font-size:2rem;font-weight:700;margin-bottom:10px}.sub-title{font-size:1.5rem;font-weight:600;margin-bottom:15px}.work-intro{font-size:1.1rem;margin-bottom:30px;line-height:1.6}.work-list{display:flex;justify-content:flex-start;margin-top:20px}.work-item{width:350px;height:230px;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #0003;transition:transform .3s ease-in-out}.work-item:hover{transform:translateY(-10px)}.work-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.work-overlay{width:70%;height:35%;position:absolute;bottom:10%;left:50%;transform:translate(-50%);background:#fff;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-radius:5px;font-size:13px;font-weight:700;box-shadow:0 2px 5px #0003}.text-container{display:flex;flex-direction:column;gap:2px}.food-text{color:#000;font-size:14px}.design-text{color:gray;font-size:12px}.overlay-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0000004d;transition:background .3s ease}.overlay-icon .icon{font-size:18px;color:#000}.work-item:hover .overlay-icon{background:green;color:#fff}:root{--border-color: #333}.dark-mode{--border-color: #fff}@media (max-width: 768px){.work-list{flex-direction:column;align-items:center}}.contact-section{max-width:600px;margin:auto;padding:40px 20px;text-align:center}.contact-title{font-size:2rem;font-weight:700;margin-bottom:10px}.contact-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:15px}.contact-description{font-size:1.1rem;margin-bottom:30px;line-height:1.6}.contact-info{margin-bottom:25px;text-align:left}.contact-detail{font-size:1rem;margin-bottom:10px}.contact-detail a{color:#007bff;text-decoration:none;font-weight:700}.contact-detail a:hover{text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:15px;text-align:left}.contact-row{display:flex;gap:15px}.contact-input{flex:1;padding:12px;font-size:1rem;border:1px solid #ccc;border-radius:5px;outline:none}.contact-textarea{width:96%;height:130px;padding:12px;font-size:1rem;border:1px solid #ccc;border-radius:5px;resize:none}.contact-button{padding:12px 15px;font-size:1rem;font-weight:700;color:#fff;background-color:#28a745;border:none;border-radius:5px;cursor:pointer;transition:.3s}.contact-button:hover{background-color:#218838}.dark-mode .contact-section{color:#fff}.dark-mode .contact-input,.dark-mode .contact-textarea{background:#332041;color:#d4aaff;border:1px solid #6a0dad}.dark-mode .contact-button{background-color:#6a0dad}.dark-mode .contact-button:hover{background-color:#5700a3}@media (max-width: 768px){.contact-row{flex-direction:column}}.footer{padding:20px,;background-color:#fff;color:#000;text-align:center;transition:background-color .3s ease,color .3s ease;max-width:900px}.footer a{color:#000}.dark-mode .footer{background-color:#1a1a2e;color:#d4aaff}.dark-mode .footer a{color:#d4aaff}.footer-line{border:none;border-top:2px solid #ccc;margin-bottom:15px;margin-left:60px}.dark-mode .footer-line{border:none;border-top:2px solid #928989;margin-bottom:15px}.footer-content{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin-left:60px}.footer-right a{color:#333;font-size:20px;margin-left:15px;transition:color .3s ease}.footer-right a:hover{color:#0077b5}.dark-footer .footer-left{color:#fff}@media (max-width: 768px){.footer-content,.footer-line{margin-left:10px}}