:root{--primary: #FFB400;--secondary: #2D6A4F;--accent: #E64823;--bg-light: #FFFDF0;--text-dark: #12313F;--text-muted: #666666;--white: #FFFFFF;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-handwritten: "Dancing Script", cursive;--container-width: 1400px;--radius-lg: 40px;--radius-md: 20px;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-light);color:var(--text-dark);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}.container{max-width:var(--container-width);margin:0 auto;padding:0 4rem}a{text-decoration:none;color:inherit;transition:.3s}ul{list-style:none}h1,h2,h3{font-family:var(--font-heading);font-weight:700}h1{font-size:5rem;line-height:1.1;margin-bottom:1.5rem}h2{font-size:3.5rem;line-height:1.2}p{font-size:1.1rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:100px;font-weight:600;font-size:1rem;transition:.3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:none}.btn-primary{background-color:var(--primary);color:var(--text-dark)}.btn-dark{background-color:var(--text-dark);color:var(--white)}.btn-outline{border:1px solid var(--text-dark);color:var(--text-dark)}.btn:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.header{padding:3rem 0;background:transparent}.nav{display:flex;justify-content:space-between;align-items:center}.logo.handwritten{font-family:var(--font-handwritten);font-size:3rem;color:var(--text-dark)}.nav-links{display:flex;gap:3rem;font-weight:700;letter-spacing:1px;font-size:.875rem}.nav-links a{color:var(--text-dark);opacity:.8}.nav-links a:hover{opacity:1}.nav-contact{display:flex;align-items:center;gap:1.5rem;font-weight:700}.call-btn{width:50px;height:50px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);color:var(--secondary)}.hero{padding:4rem 0 10rem}.hero-layout{display:grid;grid-template-columns:250px 1fr 250px;align-items:center;gap:2rem;position:relative}.hero-main{text-align:center;position:relative}.hero-main h1{font-size:8rem;font-family:var(--font-heading);font-weight:800;line-height:.9;letter-spacing:-3px;margin-bottom:-5rem;position:relative;z-index:10;color:var(--text-dark)}.hero-image{position:relative;width:600px;height:600px;margin:0 auto;display:flex;justify-content:center;align-items:flex-end}.brush-stroke-bg{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);width:90%;height:80%;background:var(--secondary);z-index:1;clip-path:polygon(10% 25%,90% 10%,100% 75%,15% 90%,0% 50%);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;opacity:.95}.profile-img{width:75%;position:relative;z-index:5;transform:translateY(20px);object-fit:contain}.hero-side{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20rem 0 5rem}.hero-email{color:var(--accent);font-weight:700;font-size:1.25rem;text-decoration:underline}.stats-item .number{font-size:6rem;font-weight:800;font-family:var(--font-heading);display:block;line-height:1}.stats-item .label{font-weight:700;letter-spacing:1px;font-size:.875rem;color:var(--text-dark)}.hero-desc{font-size:1.5rem;font-weight:500;max-width:200px;line-height:1.4}.badge-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.circular-badge{width:100px;height:100px;border:2px solid var(--text-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.circular-badge:after{content:"";position:absolute;width:80%;height:80%;background:url(https://upload.wikimedia.org/wikipedia/commons/e/e4/Twitter_Certified_Badge.svg) no-repeat center;background-size:contain}.badge-text{font-weight:800;font-size:.875rem;letter-spacing:1px}.badge-text .role{display:block;margin-top:5px}@keyframes morph{0%{border-radius:40% 60% 70% 30%/40% 50% 60%}50%{border-radius:70% 30% 30% 70%/60% 40%}to{border-radius:40% 60% 70% 30%/40% 50% 60%}}.profile-img{width:100%;max-width:450px;border-radius:var(--radius-lg);z-index:1}.stats-card{position:absolute;background:var(--white);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;z-index:2}.stats-1{top:20%;left:-10%}.stats-2{bottom:10%;right:-10%}.stats-card .number{font-family:var(--font-heading);font-size:2rem;font-weight:700}.stats-card .label{font-size:.875rem;color:var(--text-muted)}.services{padding:8rem 0}.section-header{text-align:center;max-width:600px;margin:0 auto 5rem}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.service-card{background:var(--white);padding:3.5rem 2.5rem;border-radius:var(--radius-lg);transition:.4s;border:1px solid transparent}.service-card:hover,.service-card.active{box-shadow:var(--shadow-soft);transform:translateY(-10px)}.service-card.active{background:var(--primary)}.service-card.active .icon-box{background:var(--white)}.service-card.active p{color:var(--text-dark);opacity:.8}.icon-box{width:60px;height:60px;background:var(--bg-light);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.service-card h3{font-size:1.75rem;margin-bottom:1rem}.experience{padding:8rem 0}.experience-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:6rem}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#e5e5e5}.timeline-item{position:relative;padding-bottom:3rem}.timeline-item:last-child{padding-bottom:0}.timeline-item .dot{position:absolute;left:-2.3rem;top:.5rem;width:10px;height:10px;background:var(--text-dark);border-radius:50%;border:4px solid var(--bg-light);z-index:2}.timeline-item .date{font-weight:600;margin-bottom:.5rem}.portfolio{padding:8rem 0}.portfolio-filters{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.filter-btn{padding:.75rem 1.5rem;border-radius:100px;border:none;background:var(--white);cursor:pointer;font-weight:500;transition:.3s}.filter-btn.active{background:var(--text-dark);color:var(--white)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;margin-top:4rem}.project-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:.4s}.project-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.5s}.project-card:hover img{transform:scale(1.05)}.project-info{padding:2rem}.project-card h3{font-size:1.5rem;margin-bottom:.5rem}.footer{background:var(--text-dark);color:var(--white);padding:8rem 0 4rem;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.footer-cta{text-align:center;max-width:600px;margin:0 auto 6rem}.footer-cta h2{font-size:4rem;margin-bottom:1.5rem}.footer-cta p{color:#999;margin-bottom:2.5rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:4rem;border-top:1px solid #333}.social-links{display:flex;gap:1.5rem}.social-links a{width:45px;height:45px;background:#222;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:.3s}.social-links a:hover{background:var(--primary);color:var(--text-dark)}@media(max-width:1024px){h1{font-size:4rem}.hero{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-actions{justify-content:center}.hero-image{order:-1}.experience-layout{grid-template-columns:1fr;gap:4rem}.services-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){h1{font-size:3rem}h2{font-size:2.5rem}.nav-links{display:none}.services-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:2rem;text-align:center}}