:root{--clr-primary: #0F172A;--clr-primary-light: #1E293B;--clr-primary-lighter: #334155;--clr-accent-teal: #14B8A6;--clr-accent-teal-dark: #0D9488;--clr-accent-gold: #D4A843;--clr-accent-gold-light: #F5D78E;--clr-bg: #F8F6F3;--clr-bg-alt: #F1EDE8;--clr-bg-dark: #0B1121;--clr-text: #1E293B;--clr-text-light: #64748B;--clr-text-white: #F1F5F9;--clr-white: #FFFFFF;--clr-glass: rgba(255, 255, 255, .08);--clr-glass-border: rgba(255, 255, 255, .15);--clr-glass-light: rgba(255, 255, 255, .65);--clr-glass-light-border: rgba(255, 255, 255, .45);--grad-teal: linear-gradient(135deg, #14B8A6, #0EA5E9);--grad-gold: linear-gradient(135deg, #D4A843, #F5D78E);--grad-hero: linear-gradient(135deg, #0B1121 0%, #0F172A 40%, #132041 100%);--grad-card: linear-gradient(135deg, rgba(20, 184, 166, .05), rgba(212, 168, 67, .05));--ff-heading: "Outfit", sans-serif;--ff-body: "Inter", sans-serif;--fs-hero: clamp(2.5rem, 6vw, 4.5rem);--fs-h1: clamp(2rem, 4vw, 3.2rem);--fs-h2: clamp(1.6rem, 3vw, 2.5rem);--fs-h3: clamp(1.2rem, 2vw, 1.5rem);--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .75rem;--section-py: clamp(4rem, 8vw, 7rem);--container-px: clamp(1.25rem, 4vw, 6rem);--container-max: 1280px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 8px 40px rgba(0,0,0,.12);--shadow-glow-teal: 0 0 30px rgba(20, 184, 166, .3);--shadow-glow-gold: 0 0 30px rgba(212, 168, 67, .3);--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-fast: .2s var(--ease-out);--transition-md: .4s var(--ease-out);--transition-slow: .6s var(--ease-out)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--ff-body);font-size:var(--fs-body);color:var(--clr-text);background:var(--clr-bg);line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--ff-heading);line-height:1.2;font-weight:700}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}ul{list-style:none}button{font-family:var(--ff-body);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--ff-body);outline:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-px)}.section{padding:var(--section-py) 0}.section-dark{background:var(--clr-primary);color:var(--clr-text-white)}.section-title{font-size:var(--fs-h1);text-align:center;margin-bottom:.5rem}.section-subtitle{text-align:center;color:var(--clr-text-light);font-size:var(--fs-body);margin-bottom:3.5rem;max-width:600px;margin-left:auto;margin-right:auto}.section-dark .section-subtitle{color:#f1f5f999}.gradient-text{background:var(--grad-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--clr-glass-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--clr-glass-light-border);border-radius:var(--radius-lg);padding:2rem;transition:transform var(--transition-md),box-shadow var(--transition-md)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.glass-card-dark{background:var(--clr-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--clr-glass-border);border-radius:var(--radius-lg);padding:2rem;transition:transform var(--transition-md),box-shadow var(--transition-md)}.glass-card-dark:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow-teal);border-color:#14b8a64d}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;border-radius:50px;font-weight:600;font-size:var(--fs-sm);transition:all var(--transition-md);letter-spacing:.02em}.btn-primary{background:var(--grad-teal);color:var(--clr-white);box-shadow:0 4px 15px #14b8a659}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #14b8a680}.btn-outline{background:transparent;color:var(--clr-white);border:2px solid rgba(255,255,255,.3)}.btn-outline:hover{border-color:var(--clr-accent-teal);color:var(--clr-accent-teal);transform:translateY(-2px)}.btn-outline-dark{background:transparent;color:var(--clr-primary);border:2px solid var(--clr-primary-lighter)}.btn-outline-dark:hover{border-color:var(--clr-accent-teal);color:var(--clr-accent-teal);transform:translateY(-2px)}.btn-gold{background:var(--grad-gold);color:var(--clr-primary);box-shadow:0 4px 15px #d4a84359}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4a84380}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--clr-primary)}::-webkit-scrollbar-thumb{background:var(--clr-accent-teal);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--clr-accent-teal-dark)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(3deg)}}@keyframes float-reverse{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(20px) rotate(-3deg)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.08) 0%,transparent 70%);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:opacity .3s}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--grad-teal);z-index:10001;transition:none}.navbar{position:fixed;top:0;left:0;right:0;z-index:10000;padding:1rem 0;transition:all var(--transition-md)}.navbar.scrolled{background:#0f172ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.6rem 0;box-shadow:0 4px 30px #00000026}.navbar .container{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--ff-heading);font-size:1.5rem;font-weight:800;color:var(--clr-white);letter-spacing:-.02em}.nav-logo span{background:var(--grad-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:#ffffffb3;font-size:var(--fs-sm);font-weight:500;transition:color var(--transition-fast);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--grad-teal);transition:width var(--transition-md)}.nav-links a:hover,.nav-links a.active{color:var(--clr-white)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:10002}.nav-toggle span{display:block;width:24px;height:2px;background:var(--clr-white);border-radius:2px;transition:all var(--transition-fast)}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{min-height:100vh;background:var(--grad-hero);display:flex;align-items:center;position:relative;overflow:hidden}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.hero-content{color:var(--clr-text-white)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#14b8a61f;border:1px solid rgba(20,184,166,.25);padding:.4rem 1rem;border-radius:50px;font-size:var(--fs-xs);color:var(--clr-accent-teal);font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.1em}.hero-title{font-size:var(--fs-hero);font-weight:900;line-height:1.08;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-subtitle{font-size:clamp(1rem,1.5vw,1.2rem);color:#f1f5f9a6;line-height:1.7;margin-bottom:2.5rem;max-width:520px}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-image-wrapper{display:flex;justify-content:center;align-items:center;position:relative}.hero-image-ring{position:relative;width:clamp(280px,26vw,420px);height:clamp(280px,26vw,420px);border-radius:50%;display:flex;align-items:center;justify-content:center}.hero-image-ring:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--grad-teal);z-index:0;animation:spin-slow 8s linear infinite;opacity:.6}.hero-image-ring:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--clr-primary);z-index:1}.hero-image-container{position:relative;z-index:2;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;overflow:hidden;box-shadow:0 0 60px #14b8a633}.hero-image-container img{width:100%;height:100%;object-fit:cover}.hero-glow{position:absolute;width:140%;height:140%;top:-20%;left:-20%;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.15) 0%,transparent 60%);z-index:0;animation:pulse-glow 4s ease-in-out infinite}.floating-orb{position:absolute;border-radius:50%;filter:blur(60px);z-index:0}.orb-1{width:400px;height:400px;background:#14b8a626;top:-10%;right:-5%;animation:float 8s ease-in-out infinite}.orb-2{width:300px;height:300px;background:#d4a8431a;bottom:-5%;left:-5%;animation:float-reverse 10s ease-in-out infinite}.orb-3{width:200px;height:200px;background:#0ea5e91a;top:40%;left:30%;animation:float 12s ease-in-out infinite}.about{background:var(--clr-bg)}.about .container{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.about-image-wrapper{position:relative}.about-image{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);position:relative}.about-image img{width:100%;height:500px;object-fit:cover}.about-image-accent{position:absolute;width:100%;height:100%;top:20px;left:20px;border-radius:var(--radius-xl);border:2px solid var(--clr-accent-teal);opacity:.3;z-index:-1}.about-content h2{font-size:var(--fs-h2);margin-bottom:.5rem}.about-content .highlight{color:var(--clr-accent-teal);font-weight:700}.about-content .about-role{color:var(--clr-text-light);font-size:var(--fs-h3);margin-bottom:1.5rem;font-weight:500}.about-content p{color:var(--clr-text-light);margin-bottom:1.5rem;line-height:1.8}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.about-stat{text-align:center;padding:1.2rem;background:var(--clr-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.about-stat h3{font-size:var(--fs-h2);background:var(--grad-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-stat p{font-size:var(--fs-xs);color:var(--clr-text-light);margin:0}.skills{background:var(--clr-primary);color:var(--clr-text-white);position:relative;overflow:hidden}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.skill-card{background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:2rem;transition:all var(--transition-md)}.skill-card:hover{background:#ffffff14;border-color:#14b8a64d;transform:translateY(-4px);box-shadow:0 8px 32px #14b8a626}.skill-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.skill-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.skill-icon.web{background:#14b8a626;color:var(--clr-accent-teal)}.skill-icon.ai{background:#8b5cf626;color:#8b5cf6}.skill-icon.marketing{background:#f9731626;color:#f97316}.skill-icon.design{background:#ec489926;color:#ec4899}.skill-card h3{font-size:var(--fs-h3)}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.35rem .85rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:var(--fs-xs);color:#f1f5f9cc;transition:all var(--transition-fast)}.skill-card:hover .skill-tag{border-color:#14b8a633}.services{background:var(--clr-bg)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.service-card{background:var(--clr-white);border-radius:var(--radius-lg);padding:2.5rem 2rem;border:1px solid rgba(0,0,0,.06);transition:all var(--transition-md);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-teal);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-md)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001a}.service-icon{width:56px;height:56px;border-radius:var(--radius-md);background:#14b8a614;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--clr-accent-teal);margin-bottom:1.5rem}.service-card h3{font-size:var(--fs-h3);margin-bottom:.75rem}.service-card p{color:var(--clr-text-light);font-size:var(--fs-sm);line-height:1.7;margin-bottom:1.5rem}.service-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--clr-accent-teal);font-weight:600;font-size:var(--fs-sm);transition:gap var(--transition-fast)}.service-link:hover{gap:.8rem}.projects{background:var(--clr-primary);color:var(--clr-text-white)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.project-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-md)}.project-card:hover{transform:translateY(-6px);border-color:#14b8a64d;box-shadow:0 12px 40px #14b8a626}.project-image{width:100%;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-md)}.project-card:hover .project-image img{transform:scale(1.05)}.project-info{padding:1.5rem}.project-info h3{font-size:var(--fs-h3);margin-bottom:.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.project-tech span{padding:.25rem .6rem;background:#14b8a61a;border:1px solid rgba(20,184,166,.2);border-radius:50px;font-size:var(--fs-xs);color:var(--clr-accent-teal)}.project-links{display:flex;gap:.75rem}.project-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:50px;font-size:var(--fs-xs);font-weight:600;transition:all var(--transition-fast)}.project-link.live{background:var(--grad-teal);color:var(--clr-white)}.project-link.live:hover{box-shadow:0 4px 15px #14b8a666}.project-link.github{background:#ffffff14;color:var(--clr-text-white);border:1px solid rgba(255,255,255,.15)}.project-link.github:hover{background:#ffffff26}.testimonials{background:var(--clr-bg-alt)}.testimonials-carousel{position:relative;max-width:800px;margin:0 auto;overflow:hidden}.testimonial-track{display:flex;transition:transform var(--transition-slow)}.testimonial-card{min-width:100%;padding:0 1rem}.testimonial-inner{background:var(--clr-white);border-radius:var(--radius-xl);padding:3rem;text-align:center;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.04)}.testimonial-stars{display:flex;justify-content:center;gap:.25rem;margin-bottom:1.5rem;color:var(--clr-accent-gold);font-size:1.25rem}.testimonial-inner blockquote{font-size:clamp(1rem,1.5vw,1.15rem);color:var(--clr-text);line-height:1.8;margin-bottom:1.5rem;font-style:italic}.testimonial-author{font-weight:700;color:var(--clr-primary)}.testimonial-role{font-size:var(--fs-sm);color:var(--clr-text-light)}.testimonial-nav{display:flex;justify-content:center;gap:.75rem;margin-top:2rem}.testimonial-dot{width:10px;height:10px;border-radius:50%;background:#0f172a26;border:none;cursor:pointer;transition:all var(--transition-fast);padding:0}.testimonial-dot.active{background:var(--clr-accent-teal);width:30px;border-radius:5px}.testimonial-arrows{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.testimonial-arrow{width:44px;height:44px;border-radius:50%;background:var(--clr-white);border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--clr-primary);cursor:pointer;transition:all var(--transition-fast)}.testimonial-arrow:hover{background:var(--clr-accent-teal);color:var(--clr-white);border-color:var(--clr-accent-teal)}.cv-section{background:var(--clr-primary);color:var(--clr-text-white);text-align:center}.cv-card{max-width:700px;margin:0 auto;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:3rem}.cv-card p{color:#f1f5f9b3;margin-bottom:2rem;line-height:1.8}.cv-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.social-section{background:var(--clr-bg);text-align:center;padding:3rem 0}.social-icons{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap}.social-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:all var(--transition-md);border:1px solid rgba(0,0,0,.08);background:var(--clr-white);color:var(--clr-primary)}.social-icon:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow-teal);background:var(--clr-accent-teal);color:var(--clr-white);border-color:var(--clr-accent-teal)}.contact{background:var(--clr-bg-alt)}.contact .container{max-width:740px}.contact-form{background:var(--clr-white);border-radius:var(--radius-xl);padding:3rem;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.04)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:var(--fs-sm);color:var(--clr-primary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.9rem 1.2rem;border:2px solid rgba(0,0,0,.08);border-radius:var(--radius-md);font-size:var(--fs-body);background:var(--clr-bg);color:var(--clr-text);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--clr-accent-teal)}.form-group textarea{resize:vertical;min-height:140px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-submit{width:100%;padding:1rem;border-radius:50px;background:var(--grad-teal);color:var(--clr-white);font-weight:700;font-size:var(--fs-body);border:none;cursor:pointer;transition:all var(--transition-md);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #14b8a659}.form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #14b8a680}.form-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-message{text-align:center;margin-top:1rem;padding:.75rem;border-radius:var(--radius-sm);font-weight:500}.form-message.success{background:#14b8a61a;color:var(--clr-accent-teal-dark)}.form-message.error{background:#ef44441a;color:#dc2626}.footer{background:var(--clr-primary);color:#f1f5f980;text-align:center;padding:2rem 0;font-size:var(--fs-sm)}.footer a{color:var(--clr-accent-teal);transition:color var(--transition-fast)}.footer a:hover{color:var(--clr-accent-gold)}.loader-wrapper{position:fixed;inset:0;background:var(--clr-primary);display:flex;align-items:center;justify-content:center;z-index:99999;transition:opacity .5s,visibility .5s}.loader-wrapper.hidden{opacity:0;visibility:hidden}.loader{display:flex;gap:.5rem}.loader span{width:12px;height:12px;border-radius:50%;background:var(--clr-accent-teal);animation:loader-bounce 1.4s ease-in-out infinite both}.loader span:nth-child(1){animation-delay:-.32s}.loader span:nth-child(2){animation-delay:-.16s}@keyframes loader-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media(max-width:1024px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-content{order:2}.hero-image-wrapper{order:1}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.about .container{grid-template-columns:1fr;text-align:center}.about-image{max-width:400px;margin:0 auto}.about-image-accent{display:none}.skills-grid{grid-template-columns:1fr}.services-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#0f172af7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;gap:1.5rem;transition:right var(--transition-md);z-index:10001}.nav-links.open{right:0}.nav-links a{font-size:1.1rem}.nav-toggle{display:flex}.services-grid,.projects-grid,.form-row{grid-template-columns:1fr}.hero-image-ring{width:250px;height:250px}.about-stats{grid-template-columns:repeat(3,1fr);gap:.75rem}.about-stat h3{font-size:var(--fs-h3)}}@media(max-width:480px){.about-stats{grid-template-columns:1fr}.cv-card,.contact-form,.testimonial-inner{padding:2rem 1.5rem}}