.custom-swal-popup{border-radius:12px!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-lg)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;font-family:inherit!important}.custom-swal-title{color:var(--text)!important;font-size:1.5rem!important;font-weight:600!important;margin-bottom:.5rem!important}.custom-swal-html{color:var(--muted)!important;font-size:1rem!important;line-height:1.5!important}.custom-swal-actions{gap:.75rem!important;margin-top:1.5rem!important}.custom-swal-confirm{background:var(--accent)!important;color:var(--accent-contrast)!important;border:none!important;border-radius:8px!important;padding:.75rem 1.5rem!important;font-size:1rem!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:var(--shadow)!important;outline:none!important}.custom-swal-confirm:hover{background:var(--accent-hover)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.custom-swal-confirm:focus{outline:2px solid var(--accent)!important;outline-offset:2px!important}.custom-swal-cancel{background:transparent!important;color:var(--accent)!important;border:2px solid var(--accent)!important;border-radius:8px!important;padding:.75rem 1.5rem!important;font-size:1rem!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important;outline:none!important}.custom-swal-cancel:hover{background:var(--accent)!important;color:var(--accent-contrast)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.custom-swal-cancel:focus{outline:2px solid var(--accent)!important;outline-offset:2px!important}.swal2-icon{border:none!important;width:5rem!important;height:5rem!important;margin:1.5rem auto 1rem!important}.swal2-success{border-color:var(--accent)!important}.swal2-success:before{background-color:var(--accent)!important}.swal2-success:after{background-color:var(--accent)!important}.swal2-success-ring,.swal2-success-border{border-color:var(--accent)!important}.swal2-success-line-long,.swal2-success-line-tip{background-color:var(--accent)!important}.swal2-error{border-color:#ef4444!important}.swal2-error:before{background-color:#ef4444!important}.swal2-error:after{background-color:#ef4444!important}.swal2-error-ring{border-color:#ef4444!important}.swal2-error-line-left,.swal2-error-line-right{background-color:#ef4444!important}.swal2-warning{border-color:#f59e0b!important;color:#f59e0b!important}.swal2-info,.swal2-question{border-color:var(--accent)!important;color:var(--accent)!important}.dark-mode .custom-swal-popup{background:var(--card-bg)!important;border-color:var(--border)!important}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__fadeInDown{animation:fadeInDown .5s ease-out}.animate__fadeOutUp{animation:fadeOutUp .5s ease-in}.animate__zoomIn{animation:zoomIn .3s ease-out}.animate__zoomOut{animation:zoomOut .3s ease-in}@media(max-width:480px){.swal2-popup{width:90%!important;padding:1rem!important}.swal2-title{font-size:1.25rem!important}.swal2-html-container{font-size:.9rem!important}.custom-swal-confirm,.custom-swal-cancel{padding:.625rem 1.25rem!important;font-size:.9rem!important}}:root{--bg: #fafbfc;--surface: #ffffff;--footer-bg: #f3f4f6;--text: #474747;--muted: #718096;--more: #3F38B7;--less: #eeeeee;--accent: #154383;--accent-bg: rgba(21, 67, 131, .6);--accent-rgb: 21, 67, 131;--accent-contrast: #ffffff;--accent-hover: #003980;--accent-rgb-hover: 26, 86, 163;--profile-border: #003d92de;--secondary-accent: #2a8386;--secondary-accent-rgb: 42, 131, 134;--secondary-accent-contrast: #ffffff;--border: #cccccc;--pattern-bg: #f4f5fabd;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: 8px;--transition: all .3s ease;--card-bg: #ffffff;--card-hover-bg: #f9fafb;--navbar-bg: rgba(250, 251, 252, .95);--navbar-scrolled-bg: rgba(250, 251, 252, .98);--input-bg: #ffffff;--input-border: #e5e7eb;--badge-bg: rgba(21, 67, 131, .1);--badge-text: #154383;--skill-tag-bg: #f3f4f6;--skill-tag-text: #4b5563}.theme-dark{--bg: #1a202c;--surface: #2d3748;--footer-bg: #0f1419;--text: #e2e8f0;--muted: #a0aec0;--more: #3F38B7;--less: #eeeeee;--accent: #1f6fd1;--accent-bg: rgba(31, 111, 209, .6);--accent-rgb: 31, 111, 209;--accent-contrast: #ffffff;--accent-hover: #3b82f6;--accent-rgb-hover: 59, 130, 246;--secondary-accent: #3aa8ac;--secondary-accent-rgb: 58, 168, 172;--secondary-accent-contrast: #ffffff;--border: #4a5568;--pattern-bg: #3b475f60;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--card-bg: #2d3748;--card-hover-bg: #374151;--navbar-bg: rgba(26, 32, 44, .95);--navbar-scrolled-bg: rgba(26, 32, 44, .98);--input-bg: #2d3748;--input-border: #4a5568;--badge-bg: rgba(31, 111, 209, .2);--badge-text: #a5b4fc;--skill-tag-bg: #374151;--skill-tag-text: #d1d5db}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text);background-color:var(--bg);transition:var(--transition)}@media(prefers-reduced-motion:no-preference){*{transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-duration:.3s;transition-timing-function:ease}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn-secondary:hover{background:var(--accent);color:var(--accent-contrast);transform:translateY(-2px)}.section-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--text);position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--accent)!important;border-radius:var(--radius)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--secondary-color: #64748b;--accent-color: #f59e0b;--text-dark: #1e293b;--text-light: #64748b;--background-light: #f8fafc;--white: #ffffff;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--white)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;transition:all .3s ease;border:none;cursor:pointer;text-align:center}.btn-primary{background:var(--primary-color);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px)}.section{padding:80px 0}.section-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--text-dark);position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--primary-color);border-radius:2px}.App{display:flex;flex-direction:column;min-height:100vh}@media(max-width:768px){.container{padding:0 16px}.section{padding:60px 0}.section-title{font-size:2rem;margin-bottom:2rem}.btn{padding:10px 20px;font-size:14px}}html{scroll-behavior:smooth}.navbar{position:fixed;top:0;width:100%;background:var(--navbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1000;transition:all .3s ease}.navbar.scrolled{background:var(--navbar-scrolled-bg);box-shadow:var(--shadow-md)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{display:flex;align-items:center;text-decoration:none;transition:all .3s ease;cursor:pointer}.logo-image{margin-right:12px;height:36px;width:auto;object-fit:contain;transition:all .3s ease}.logo-text{font-size:1.3rem;font-weight:600;color:var(--text);transition:var(--transition);display:flex;align-items:center;gap:4px}.logo-accent{color:var(--accent);font-style:italic;font-weight:700;font-size:1.6rem}.logo-dev{background:var(--accent);color:var(--accent-contrast);padding:2px 8px;border-radius:4px;font-size:.85rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.logo-slash{color:var(--muted);font-weight:300;padding:0 4px;font-size:1.2rem}.nav-logo:hover .logo-image{transform:scale(1.05)}.nav-logo:hover .logo-text{color:var(--accent-hover)}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-link{text-decoration:none;color:var(--text);font-weight:500;transition:all .3s ease;position:relative;padding:.5rem 0;cursor:pointer;display:flex;align-items:center;gap:.5rem}.nav-link i{font-size:.9rem;width:16px;text-align:center}.nav-link:hover,.nav-link.active{color:var(--accent)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--accent);border-radius:1px}.nav-toggle{display:none;flex-direction:column;cursor:pointer;padding:5px}.bar{width:25px;height:3px;background:var(--text);margin:3px 0;transition:.3s;border-radius:2px}.bar.active:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.bar.active:nth-child(2){opacity:0}.bar.active:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media screen and (max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:var(--bg);width:100%;text-align:left;transition:.3s;box-shadow:var(--shadow-lg);padding:2rem 0;gap:0}.nav-menu.active{left:0}.nav-link{padding:1rem 2rem;display:flex;width:100%;gap:1rem}.nav-link.active:after{display:none}.nav-link.active{background:var(--accent);color:var(--accent-contrast)}.nav-link.active i{color:var(--accent-contrast)}.nav-toggle{display:flex}.logo-image{height:35px}}@media screen and (max-width:480px){.nav-container{padding:0 15px}.logo-image{height:30px}.nav-link{padding:1rem 1.5rem}.nav-link i{font-size:.8rem;width:14px}}@media screen and (max-width:1024px)and (min-width:769px){.nav-link i{display:none}.nav-link{gap:0}}.hero{background:var(--bg);padding:120px 0;position:relative;overflow:hidden}.hero .container{align-items:center;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:3rem;z-index:2}.hero>*{position:relative;z-index:2}.hero-content{max-width:800px}.hero-intro{margin-bottom:2rem}.hero-greeting{font-size:1.2rem;color:var(--muted);margin-bottom:.5rem;font-weight:500}.hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:.5rem;color:var(--text)}.highlight{color:var(--accent);position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:8px;left:0;width:100%;height:12px;background:#0e0c5b33;z-index:-1;border-radius:4px}.hero-aka{font-size:1.3rem;color:var(--muted);font-weight:500}.aka-name{color:var(--secondary-accent);font-weight:600;font-style:italic}.hero-professional{margin-bottom:2rem}.hero-subtitle{font-size:1.4rem;color:var(--text);font-weight:600;margin-bottom:1rem}.hero-badges{display:flex;gap:.8rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--badge-bg);color:var(--badge-text);padding:.6rem 1rem;border-radius:50px;font-size:.9rem;font-weight:500;box-shadow:var(--shadow);border:1px solid var(--border);transition:all .3s ease}.badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.badge i{color:var(--accent);font-size:.8rem}.hero-description{margin-bottom:2.5rem}.hero-description p{font-size:1.1rem;line-height:1.7;color:var(--muted)}.hero-description strong{color:var(--accent);font-weight:600}.hero-stats{display:flex;gap:2rem;margin-bottom:2.5rem;padding:1.5rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow)}.stats{text-align:center;flex:1}.stat-number{font-size:1.8rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--muted);font-weight:500}.hero-actions{display:flex;flex-direction:column;gap:2rem;width:100%}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:14px 28px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;font-size:1rem;border:none;font-family:inherit}.btn-primary{background:var(--accent)!important;color:var(--accent-contrast)!important;box-shadow:var(--shadow-md)!important}.btn-primary:hover{background:var(--accent-hover, #5a4ee0)!important;transform:translateY(-2px)!important;color:var(--accent-contrast)!important;box-shadow:var(--shadow-lg)!important}.btn-secondary{background:transparent;color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);transform:translateY(-2px)}.hero-social{display:flex;flex-direction:column;align-items:center;gap:1rem}.social-label{font-size:.9rem;color:var(--muted);font-weight:500;margin:0}.social-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.social-link{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--card-bg);color:var(--text);text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .3s ease;border:1px solid var(--border)}.social-link:hover{background:var(--accent);color:var(--accent-contrast);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-image{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.profile-container{position:relative;text-align:center}.profile-image{width:400px;height:400px;background:var(--accent-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:var(--shadow-lg);border:6px solid var(--border)}.profile-photo{width:360px;height:360px;border-radius:50%;object-fit:cover;box-shadow:0 10px 25px #0003;border:3px solid #fff;transition:transform .3s ease}.profile-photo:hover{transform:scale(1.05)}.profile-image i{font-size:6rem;color:var(--accent-contrast);opacity:.9}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.scroll-indicator{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;z-index:9999;pointer-events:none;user-select:none;-webkit-user-select:none}.scroll-indicator .mouse{width:clamp(24px,3.2vw,32px);height:calc(clamp(24px,3.2vw,32px)*1.45);border:2px solid var(--muted);border-radius:20px;position:relative;box-sizing:border-box;background:transparent;display:grid;place-items:start;padding-top:6%}.scroll-indicator .wheel{width:6px;height:8px;border-radius:4px;background:var(--text);position:absolute;top:calc(6% + 4px);left:50%;transform:translate(-50%);animation:si-wheel 1.6s infinite;opacity:.95;will-change:transform,opacity}@keyframes si-wheel{0%{transform:translate(-50%);opacity:1}40%{transform:translate(-50%,8px);opacity:.6}80%{transform:translate(-50%,16px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(hover:hover)and (pointer:fine){.scroll-indicator:hover .mouse{transform:translateY(-3px);transition:transform .16s ease}}@media(max-width:480px),(hover:none){.scroll-indicator{display:none}}@media(prefers-reduced-motion:reduce){.scroll-indicator .wheel{animation:none;opacity:1}.scroll-indicator:hover .mouse{transform:none}}.hero .mouse-indicator{position:absolute;left:50%;bottom:-70px;transform:translate(-50%);z-index:9999;cursor:pointer;transition:opacity .3s ease}.mouse-indicator .mouse{width:clamp(20px,3vw,24px);height:clamp(28px,4vw,35px);border:2px solid var(--accent);border-radius:14px;position:relative;display:flex;justify-content:center;padding-top:6px}.mouse-indicator .wheel{width:clamp(3px,.8vw,4px);height:clamp(6px,1.5vw,8px);border-radius:2px;background:var(--accent);position:absolute;top:6px;left:50%;transform:translate(-50%);animation:wheel-scroll 1.6s infinite}@keyframes wheel-scroll{0%{transform:translate(-50%);opacity:1}40%{transform:translate(-50%,6px);opacity:.6}80%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(max-width:768px){.hero .mouse-indicator{bottom:15px}}@media(max-width:480px){.hero .mouse-indicator{bottom:10px}.mouse-indicator .mouse{width:18px;height:25px}.mouse-indicator .wheel{width:3px;height:5px}}@media(max-width:360px){.hero .mouse-indicator{display:none}}@media(prefers-reduced-motion:reduce){.mouse-indicator .wheel{animation:none;opacity:1}}@media(max-width:480px){.hero .mouse-indicator{position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.mouse-indicator .mouse{width:22px;height:32px}.mouse-indicator .wheel{width:4px;height:7px}}@media(max-width:360px){.hero .mouse-indicator{bottom:15px}}#particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.about{background:var(--surface);padding:60px 0;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.about:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cdefs%3E%3ClinearGradient id='grad1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23654ea3' stop-opacity='0.08'/%3E%3Cstop offset='50%25' stop-color='%233f51b5' stop-opacity='0.06'/%3E%3Cstop offset='100%25' stop-color='%230e0c5b' stop-opacity='0.04'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23grad1)' d='M0,160L48,170.7C96,181,192,203,288,218.7C384,235,480,245,576,224C672,203,768,149,864,144C960,139,1056,181,1152,186.7C1248,192,1344,160,1392,144L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3Cpath fill='none' stroke='%23654ea3' stroke-width='1' stroke-opacity='0.1' d='M0,96L48,117.3C96,139,192,181,288,181.3C384,181,480,139,576,128C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z'/%3E%3Cpath fill='none' stroke='%233f51b5' stroke-width='1' stroke-opacity='0.1' d='M0,256L48,261.3C96,267,192,277,288,277.3C384,277,480,267,576,261.3C672,256,768,256,864,234.7C960,213,1056,171,1152,154.7C1248,139,1344,149,1392,154.7L1440,160L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z'/%3E%3C/svg%3E");background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;pointer-events:none}.about .container,.about-content,.about>*{position:relative;z-index:2}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:start}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:2rem;color:var(--muted)}.education-info{margin:2rem 0;display:flex;flex-direction:column;gap:1.5rem}.education-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--card-bg);border-radius:10px;box-shadow:var(--shadow);border-left:4px solid var(--accent);transition:all .3s ease}.education-item:hover{transform:translate(5px);box-shadow:var(--shadow-lg)}.education-item i{color:var(--accent);font-size:1.5rem;margin-top:.2rem;flex-shrink:0}.education-item h4{color:var(--text);margin-bottom:.5rem;font-size:1.1rem}.education-item p{color:var(--muted);margin:0;line-height:1.5}.about-details{display:flex;flex-direction:column;gap:1rem}.detail-item{display:flex;align-items:center;gap:1rem;color:var(--muted)}.detail-item i{color:var(--accent);width:20px}.skills h3{margin-bottom:1.5rem;color:var(--text);text-align:center}.skills-list{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.skill-tag{background:var(--skill-tag-bg);color:var(--skill-tag-text);padding:.6rem 1rem;border:1px solid var(--border);border-radius:20px;font-size:.85rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.skill-tag:hover{background:var(--accent);color:var(--accent-contrast);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.skill-tag i{font-size:.7rem}.projects-section .container,.projects-grid{position:relative;z-index:2}.projects-section>*{position:relative;z-index:2}.projects-section .page-header,.projects-section .filters{position:relative;z-index:2}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0}.project-card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease;border:1px solid var(--border)}.project-card:hover{box-shadow:var(--shadow-lg)}.project-image{position:relative;overflow:hidden;height:200px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:#0e0c5be6;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-links a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--card-bg);color:var(--accent);border-radius:50%;text-decoration:none;transition:all .3s ease}.project-links a:hover{background:var(--secondary-accent);color:var(--secondary-accent-contrast);transform:scale(1.1)}.project-stats{position:absolute;top:12px;left:12px;display:flex;gap:8px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:4px;background:#000c;color:var(--white);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.stat.language{background:var(--card-bg);color:var(--text)}.project-pinned-badge{position:absolute;top:12px;right:12px;background:var(--secondary-accent);color:var(--secondary-accent-contrast);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px}.project-content{padding:1.5rem}.project-content h3{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.project-description{color:var(--muted);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.project-languages{margin-bottom:1rem}.project-languages strong{font-size:.875rem;color:var(--text);display:block;margin-bottom:8px}.languages-list{display:flex;flex-wrap:wrap;gap:6px}.language-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:500;transition:all .2s ease;background:var(--skill-tag-bg);color:var(--skill-tag-text);border:1px solid var(--border)}.language-tag:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.language-tag .fa-circle{font-size:.5rem;color:var(--accent)}.project-actions{margin-bottom:1rem}.project-buttons-row{display:flex;gap:8px;flex-wrap:nowrap}.deployment-link{display:inline-flex;align-items:center;gap:6px;background:#10b981;color:var(--white);padding:8px 16px;border-radius:6px;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s ease;flex:1;justify-content:center;white-space:nowrap}.deployment-link:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.sample-output-link{display:inline-flex;align-items:center;gap:6px;background:#ef4444;color:var(--white);padding:8px 16px;border-radius:6px;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s ease;flex:1;justify-content:center;white-space:nowrap}.sample-output-link:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.project-note{display:flex;align-items:flex-start;gap:6px;font-size:.75rem;color:var(--muted);margin:0;margin-top:1rem;padding:8px;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:4px;line-height:1.4}.project-note i{color:#3b82f6;font-size:.7rem;margin-top:2px;flex-shrink:0}.project-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem}.topic-tag{background:var(--skill-tag-bg);color:var(--skill-tag-text);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.project-technologies{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem}.tech-tag{background:var(--surface);color:var(--muted);padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500}.project-footer,.certificate-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted)}.project-updated,.project-stars,.certificate-date,.certificate-issuer{display:flex;align-items:center;gap:4px}.view-all{text-align:center;margin-top:2rem}.view-all .btn{background:var(--accent);color:var(--accent-contrast);padding:12px 32px}.view-all .btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.project-filter{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;white-space:nowrap;padding-bottom:5px;scrollbar-width:thin}.project-filter::-webkit-scrollbar{height:6px}.project-filter::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.filters{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.filter-btn{padding:.5rem 1.25rem;background:var(--card-bg);border:1px solid var(--border);border-radius:50px;color:var(--text);font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:var(--hover)}.filter-btn.active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.filter-btn .project-count{font-size:.8rem;opacity:.8;margin-left:.25rem}.no-results{text-align:center;padding:3rem;background:var(--card-bg);border-radius:var(--border-radius-md);border:1px solid var(--border)}.no-results i{font-size:3rem;color:var(--muted);margin-bottom:1rem}.no-results h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text)}.no-results p{color:var(--muted)}.page-header h2{font-size:2.5rem;text-align:center;margin-bottom:2rem;position:relative;color:var(--text)}.page-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--accent);border-radius:2px}.section-title{color:var(--text)}.section-title p{font-size:1.2rem;color:var(--muted)}.loading-projects{text-align:center;padding:3rem;color:var(--muted)}.loading-projects .fa-spinner{font-size:2rem;margin-bottom:1rem;color:var(--accent)}.warning-message{background:#fbbf241a;border:1px solid var(--secondary-accent);border-radius:8px;padding:1rem;margin-bottom:2rem;display:flex;align-items:center;gap:12px;color:var(--secondary-accent)}.warning-message .fa-exclamation-triangle{color:#f59e0b;font-size:1.25rem}.github-stats-section{background:var(--surface);border-bottom:1px solid var(--border)!important}.reviews-section{background:var(--bg);border-bottom:1px solid var(--border)!important}.contact-section{background:var(--surface);border-bottom:1px solid var(--border)!important}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:60px 0}.sr-section .reveal-item{will-change:transform,opacity}.fade-in-up{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.see-more-btn{background:none;border:none;color:var(--accent);font-weight:600;font-size:.85rem;cursor:pointer;padding:0;transition:all .2s ease;font-family:inherit;display:inline;margin-left:2px}.see-more-btn:hover{color:var(--accent-hover);text-decoration:underline}.see-more-btn:focus{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}@media(max-width:968px){.hero .container{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-image{order:-1;margin-top:.5rem}.hero-content{max-width:100%}.about-content{grid-template-columns:1fr;gap:2rem}.hero-stats{justify-content:center}.hero-social{flex-direction:column;gap:1rem}.social-links,.hero-badges{justify-content:center}}@media(max-width:768px){.hero{padding:80px 0}.hero-image{order:-1;margin-top:1rem}.hero .container{gap:2rem}.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-aka{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:220px;justify-content:center}.hero-stats{flex-direction:column;gap:1rem}.profile-image{width:220px;height:220px}.profile-photo{width:190px;height:190px}.profile-image i{font-size:4rem}.floating-element{width:40px;height:40px}.floating-element i{font-size:1.2rem}.projects-grid{grid-template-columns:1fr}.education-item{padding:1.2rem;flex-direction:column;text-align:center}.education-item i{margin-top:0}.skills-list{gap:.6rem}.skill-tag{padding:.5rem .8rem;font-size:.8rem}.project-stats{flex-direction:column;gap:4px}.project-footer,.certificate-footer{flex-direction:column;gap:8px;align-items:flex-start}.project-links a{width:40px;height:40px}.project-buttons-row{flex-wrap:wrap}.deployment-link,.sample-output-link{flex:1 1 100%}}@media(max-width:968px){.hero .container{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-image{order:-1;margin-top:.5rem}.hero-content{max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-intro,.hero-professional,.hero-description{text-align:center}.hero-stats{justify-content:center}.hero-social{flex-direction:column;gap:1rem;align-items:center}.social-links,.hero-badges{justify-content:center}}@media(max-width:768px){.hero{padding:80px 0}.hero-image{order:-1;margin-top:1rem}.hero .container{gap:2rem}.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-aka{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center;width:100%}.btn{width:100%;max-width:280px;justify-content:center}.hero-stats{flex-direction:column;gap:1rem;width:100%}.profile-image{width:220px;height:220px}.profile-photo{width:190px;height:190px}.profile-image i{font-size:4rem}.projects-grid{grid-template-columns:1fr}.education-item{padding:1.2rem;flex-direction:column;align-items:center;text-align:center;border-left:none;border-top:4px solid var(--accent)}.education-item i{margin-top:0;margin-bottom:.5rem}.about-details{align-items:center}.detail-item{justify-content:center;text-align:center}}@media(max-width:480px){.hero{padding:60px 0}.hero-image{order:-1;margin-top:1rem;margin-bottom:.5rem}.profile-container{margin-bottom:0}.hero .container{gap:1.5rem}.hero-content{width:100%}.hero-content h1{font-size:2rem;word-wrap:break-word}.hero-greeting,.hero-aka{font-size:1rem}.hero-subtitle{font-size:1.1rem}.hero-badges{flex-direction:column;align-items:center;width:100%}.badge{width:100%;max-width:250px;justify-content:center}.hero-description p{font-size:1rem;text-align:center}.hero-stats{padding:1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}.social-links{flex-wrap:wrap;width:100%;justify-content:center}.social-link{flex:1;min-width:90px;justify-content:center}.profile-image{width:180px;height:180px}.profile-photo{width:155px;height:155px}}@media(max-width:360px){.hero{padding-top:80px}.hero .container{padding:0 .75rem;gap:1rem}.hero-content{padding:0;width:100%}.hero-intro,.hero-professional,.hero-description,.hero-stats,.hero-actions{width:100%;text-align:center}.hero-content h1{font-size:1.75rem;word-break:break-word}.hero-greeting,.hero-aka{font-size:.95rem}.hero-subtitle{font-size:1rem}.hero-badges{width:100%}.badge{width:100%;max-width:100%;font-size:.85rem;padding:.5rem .8rem}.hero-description p{font-size:.95rem}.btn{width:100%;max-width:100%;padding:12px 20px;font-size:.9rem}.hero-buttons{width:100%}.social-label{font-size:.85rem}.social-links{width:100%}.social-link{flex:1 1 calc(50% - .25rem);min-width:0;padding:.5rem;font-size:.8rem;gap:.4rem}.social-link span{display:inline}.profile-image{width:160px;height:160px;border:4px solid var(--bg)}.profile-photo{width:135px;height:135px;border:2px solid #fff}}@media(max-width:300px){.hero .container{padding:0 .5rem}.hero-content{padding:0;width:100%;display:flex;flex-direction:column;align-items:center}.hero-intro,.hero-professional,.hero-description,.hero-stats,.hero-actions{width:100%;max-width:100%;text-align:center}.hero-content h1{font-size:1.5rem;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.hero-greeting,.hero-aka{font-size:.9rem}.hero-subtitle{font-size:.95rem}.hero-badges{width:100%;gap:.6rem}.badge{width:100%;max-width:100%;font-size:.8rem;padding:.5rem .75rem;gap:.4rem}.badge i{font-size:.75rem}.hero-description{margin-bottom:1.5rem}.hero-description p{font-size:.9rem;line-height:1.6}.hero-stats{padding:1rem .5rem;gap:.75rem}.stat-number{font-size:1.3rem}.stat-label{font-size:.7rem}.hero-buttons{width:100%;gap:.75rem}.btn{width:100%;max-width:100%;padding:10px 16px;font-size:.85rem;gap:.5rem}.hero-social{width:100%;gap:.75rem}.social-label{font-size:.8rem}.social-links{width:100%;gap:.5rem;flex-wrap:wrap}.social-link{flex:1 1 calc(50% - .25rem);min-width:0;padding:.5rem;font-size:.75rem;gap:.4rem}.social-link span{display:inline}.profile-image{width:160px;height:160px;border:4px solid var(--bg)}.profile-photo{width:135px;height:135px;border:2px solid #fff}}@media(max-width:480px){.container{padding:0 1.5rem}.section{padding:40px 0}.section-title,.hero-content h1{font-size:2rem}.hero-badges{flex-direction:column;align-items:center}.badge{width:200px;justify-content:center}}@media(max-width:360px){.hero{padding-top:80px}.hero .container{padding:0 1.25rem}.hero-content{padding:0 10px}.hero-badges{flex-direction:column;align-items:center}.badge{width:100%;justify-content:center}.hero-content h1{font-size:1.6rem}.profile-image{width:180px;height:180px}.profile-photo{width:150px;height:150px}.btn{padding:10px 16px;font-size:.85rem}.social-link{min-width:80px;padding:.4rem .6rem;font-size:.75rem}.project-image{height:140px}.section-title{font-size:1.6rem}}@media(max-width:300px){.hero .container{padding:0 1rem}.hero-content{padding:0 10px}.hero-badges{flex-direction:column;align-items:center}.badge{width:100%;justify-content:center}}@media(max-width:968px){.about-content{grid-template-columns:1fr;gap:2rem}}@media(max-width:768px){.education-item{padding:1.2rem;flex-direction:column;align-items:center;text-align:center;border-left:none;border-top:4px solid var(--accent)}.education-item i{margin-top:0;margin-bottom:.5rem}.about-details{align-items:center}.detail-item{justify-content:center;text-align:center}}@media(max-width:480px){.about{padding:40px 0}.education-info{margin:1.5rem 0;gap:1rem}.education-item{padding:1rem}.education-item i{font-size:1.3rem}.education-item h4{font-size:1rem}.education-item p{font-size:.9rem}.about-text p{font-size:1rem}}@media(max-width:360px){.education-item{padding:.9rem}.education-item i{font-size:1.2rem}.education-item h4{font-size:.95rem}.education-item p{font-size:.85rem}.detail-item{font-size:.9rem}}@media(max-width:300px){.about{padding:30px 0}.about-content{gap:1.5rem}.education-info{margin:1rem 0;gap:.8rem}.education-item{padding:.8rem;flex-direction:column;align-items:center;text-align:center}.education-item i{font-size:1.1rem;margin:0;margin-bottom:.4rem}.education-item h4{font-size:.9rem;margin-bottom:.4rem}.education-item p{font-size:.8rem;line-height:1.4}.about-details{gap:.8rem;align-items:center}.detail-item{font-size:.85rem;justify-content:center;flex-wrap:wrap;text-align:center}.detail-item i{width:auto;margin-right:.3rem}.about-text p{font-size:.9rem;line-height:1.6}}@media(hover:none)and (pointer:coarse){.project-card:hover,.btn:hover,.skill-tag:hover,.badge:hover{transform:none}}.show-more-container{display:flex;justify-content:center;margin:20px 0}.btn-show-more{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#007bff;color:#fff;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;position:relative}.btn-show-more:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.btn-show-more:active{transform:translateY(0)}.btn-show-more i{font-size:1.5rem}.btn-show-more{position:relative}.tooltip-text{visibility:hidden;width:auto;white-space:nowrap;padding:5px 12px;background-color:#333;color:#fff;text-align:center;border-radius:6px;position:absolute;z-index:1;bottom:120%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.btn-show-more:hover .tooltip-text{visibility:visible;opacity:1}.certificate-card .project-image{position:relative;overflow:hidden;height:200px;background:var(--card-bg)}.certificate-card .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.certificate-card:hover .project-image img{transform:scale(1.05)}.certificate-badge{position:absolute;top:12px;right:12px;background:var(--secondary-accent);color:var(--secondary-accent-contrast);padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:6px}.certificate-badge i{font-size:.85rem}.certificate-card .project-overlay{position:absolute;inset:0;background:#0e0c5be6;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.certificate-card:hover .project-overlay{opacity:1}.certificate-card .project-overlay .project-links a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--card-bg);color:var(--accent);border-radius:50%;text-decoration:none;transition:all .3s ease}.certificate-card .project-overlay .project-links a:hover{background:var(--secondary-accent);color:var(--secondary-accent-contrast);transform:scale(1.1)}.certificate-card .project-content{padding:1.5rem}.certificate-card .project-content h3{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.certificate-card .project-description{color:var(--muted);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.certificate-card .project-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem}.certificate-tag{background:var(--skill-tag-bg);color:var(--skill-tag-text);padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;transition:all .3s ease}.certificate-action{margin-bottom:1rem}.btn-view-certificate{display:inline-flex;align-items:center;gap:6px;background:#3b82f6;color:var(--white);padding:8px 16px;border-radius:6px;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s ease;flex:1;justify-content:center;white-space:nowrap;width:100%}.btn-view-certificate:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-view-certificate i{font-size:.85rem}.certificate-card .project-stats,.certificate-card .project-pinned-badge,.certificate-card .project-languages,.certificate-card .project-actions,.certificate-card .project-technologies,.certificate-card .project-footer,.certificate-card .project-note{display:none!important}.certificate-card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease;border:1px solid var(--border)}.certificate-card:hover{box-shadow:var(--shadow-lg)}@media(max-width:768px){.certificate-badge{padding:5px 10px;font-size:.7rem;gap:4px}.certificate-issuer{font-size:.85rem;padding:6px 10px}.certificate-date,.credential-id{font-size:.75rem;padding:6px 10px}.btn-view-certificate{padding:10px 16px;font-size:.85rem}.certificate-card .project-image{height:180px}}@media(max-width:480px){.certificate-card .project-image{height:160px}.certificate-badge{padding:4px 8px;font-size:.65rem;gap:4px}.certificate-badge i{font-size:.75rem}.certificate-issuer{font-size:.8rem;gap:6px;padding:6px 8px}.certificate-issuer i{font-size:.8rem}.certificate-date,.credential-id{font-size:.7rem;padding:6px 8px;gap:6px}.credential-id span{font-size:.7rem}.certificate-tag{font-size:.7rem;padding:3px 6px}.btn-view-certificate{padding:10px 14px;font-size:.8rem;gap:6px}.certificate-card .project-content{padding:1.2rem}.certificate-card .project-content h3{font-size:1.1rem}.certificate-card .project-description{font-size:.85rem}}@media(max-width:360px){.certificate-card .project-image{height:140px}.certificate-card .project-content{padding:1rem}.certificate-card .project-content h3{font-size:1rem}.certificate-issuer{font-size:.75rem}.certificate-date,.credential-id{font-size:.65rem}.btn-view-certificate{padding:8px 12px;font-size:.75rem}}.github-stats-page{padding:120px 0 80px;min-height:100vh;background:var(--surface);position:relative;overflow:hidden}.github-stats-page .container,.github-stats-page .page-header,.github-stats-page .stats-grid,.github-stats-page .languages-section,.github-stats-page .achievements-section,.github-stats-page .activity-section,.github-stats-page .contribution-graph{position:relative;z-index:2}.github-stats-page>*{position:relative;z-index:2}.page-header h1{font-size:3rem;color:var(--text);margin-bottom:1rem}.page-header p{font-size:1.2rem;color:var(--muted);max-width:800px;margin:0 auto 2rem}.github-profile{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:var(--shadow);max-width:700px;margin:0 auto}.profile-avatar{width:150px;height:150px;border-radius:50%;margin-bottom:1rem;border:4px solid var(--accent)}.github-profile h2{margin-bottom:1.5rem;color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:3rem 0}.stat-card{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:var(--shadow);display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;border:1px solid var(--border)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-icon{width:60px;height:60px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-contrast);font-size:1.5rem}.stat-content h3{font-size:2rem;color:var(--text);margin-bottom:.5rem}.stat-content p{color:var(--muted);font-weight:500}.languages-section,.activity-section,.contribution-graph{background:var(--card-bg);color:var(--text);padding:2rem;border-radius:12px;box-shadow:var(--shadow);margin:2rem 0;border:1px solid var(--border)}.languages-section h2,.activity-section h2,.contribution-graph h2{margin-bottom:1.5rem;color:var(--text)}.languages-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.language-tag{display:flex;align-items:center;gap:.5rem;background:var(--skill-tag-bg);padding:.5rem 1rem;border-radius:20px;font-weight:500;color:var(--skill-tag-text)}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface);border-radius:8px;transition:all .3s ease}.activity-item:hover{background:var(--accent);color:var(--accent-contrast)}.activity-item i{color:var(--accent);font-size:.5rem}.activity-item:hover i{color:var(--accent-contrast)}.activity-time{margin-left:auto;font-size:.9rem;opacity:.7}.graph-placeholder{background:var(--surface);padding:4rem 2rem;border-radius:8px;text-align:center;color:var(--muted)}.graph-placeholder i{font-size:3rem;margin-bottom:1rem;color:var(--accent)}.loading-spinner,.error-message{text-align:center;padding:4rem 2rem;color:var(--muted)}.loading-spinner i,.error-message i{font-size:3rem;margin-bottom:1rem}.error-message i{color:#ef4444}@media(max-width:768px){.github-stats-page{padding:100px 0 60px}.page-header h1{font-size:2.5rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.5rem}.languages-list{justify-content:center}}.warning-message{background:#fbbf241a;border:1px solid var(--secondary-accent);border-radius:10px;padding:1.5rem;margin:1.5rem 0;display:flex;align-items:center;gap:1rem;color:var(--secondary-accent)}.warning-message i{color:#f39c12;margin-top:.2rem;flex-shrink:0}.warning-message strong{display:block;margin-bottom:.5rem}.graph-container{position:relative;overflow-x:auto;padding-bottom:10px;background:var(--surface);border-radius:10px;border:1px solid var(--border);max-width:100%;margin:0 auto}.repositories-section{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:var(--shadow);margin:2rem 0;border:1px solid var(--border)}.repos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.repo-card{background:var(--surface);padding:1.5rem;border-radius:8px;transition:all .3s ease;border-left:4px solid var(--accent)}.repo-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.repo-card i{font-size:1.5rem;color:var(--accent);margin-bottom:1rem}.repo-card h3{margin-bottom:.5rem;color:var(--text)}.repo-card p{color:var(--muted);margin-bottom:1rem;line-height:1.5}.repo-stats{display:flex;gap:1rem}.repo-stats span{display:flex;align-items:center;gap:.3rem;font-size:.9rem;color:var(--muted)}.repo-stats i{font-size:.8rem;margin:0}@media(max-width:768px){.contribution-chart{min-height:150px}.repos-grid{grid-template-columns:1fr}}.achievements-section{background:none;border:none;padding:2rem;border-radius:12px;box-shadow:var(--shadow);margin:2rem 0}.achievements-section h2,.achievements-section h3,.languages-section h3{margin-bottom:.5rem;color:var(--text);text-align:center}.achievement-summary{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem}.section-subtitle{color:var(--muted);text-align:center}.summary-item{text-align:center;padding:1rem 1.5rem;border-radius:10px}.summary-number{display:block;font-size:2rem;font-weight:700;color:var(--accent)}.summary-label{display:block;font-size:.9rem;color:var(--muted)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.achievement-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:10px;border:2px solid var(--border);transition:all .3s ease;background:var(--card-bg);position:relative}.achievement-card.unlocked{border-color:var(--accent);background:var(--card-bg);box-shadow:var(--shadow)}.achievement-card.locked{opacity:.6;background:var(--surface);border-color:var(--border)}.achievement-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.achievement-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.achievement-card.unlocked .achievement-icon{background:var(--accent);color:var(--accent-contrast)}.achievement-card.locked .achievement-icon{background:var(--surface);color:var(--muted)}.achievement-icon i{font-size:1.2rem}.achievement-content{flex:1}.achievement-content h4{margin-bottom:.5rem;color:var(--text);font-size:1rem}.achievement-content p{color:var(--muted);font-size:.85rem;margin-bottom:.8rem;line-height:1.4}.achievement-progress{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:6px;background:var(--surface);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.achievement-card.locked .progress-fill{background:var(--muted)}.progress-text{font-size:.8rem;color:var(--muted);font-weight:600;min-width:40px}.achievement-status{position:absolute;top:1rem;right:1rem}.achievement-status .unlocked{color:#10b981;font-size:1.2rem}.achievement-status .locked{color:var(--muted);font-size:1.2rem}.achievement-badge{background:#6e5494;color:#fff;padding:.3rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700;position:absolute;left:.5rem;top:.5rem}.github-tips{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:var(--shadow);margin:2rem 0;border:1px solid var(--border)}.github-tips h3{text-align:center;margin-bottom:2rem;color:var(--text)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.tip-card{background:var(--surface);padding:1.5rem;border-radius:10px;text-align:center;transition:all .3s ease;border-left:4px solid var(--accent)}.tip-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.tip-card i{font-size:2rem;color:var(--accent);margin-bottom:1rem}.tip-card h4{margin-bottom:.5rem;color:var(--text);font-size:1.1rem}.tip-card p{color:var(--muted);font-size:.9rem;line-height:1.5}@media(max-width:768px){.achievements-grid{grid-template-columns:1fr}.achievement-card{padding:1.2rem}.achievement-icon{width:40px;height:40px}.achievement-icon i{font-size:1rem}.tips-grid{grid-template-columns:1fr}}.github-stats-component{padding:0}.github-stats-component .page-header{text-align:center;margin-bottom:3rem}.github-stats-component .page-header h2{font-size:2.5rem;color:var(--text);margin-bottom:2rem}.github-stats-component .page-header p{font-size:1.2rem;color:var(--muted)}.contribution-graph{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:var(--shadow);margin:2rem 0;border:1px solid var(--border)}.contribution-graph h3{margin-bottom:1.5rem;color:var(--text);text-align:center}.graph-container{position:relative;background:var(--surface);border-radius:10px;overflow:hidden;border:1px solid var(--border);max-width:100%;margin:0 auto}.contribution-chart{width:100%;height:auto;display:block;max-width:100%}.graph-fallback{display:none;padding:4rem 2rem;text-align:center;color:var(--muted);background:var(--surface)}.graph-fallback i{font-size:3rem;margin-bottom:1rem;color:var(--accent)}.graph-container{background:var(--surface);padding:1rem;border-radius:8px}.contribution-chart{display:block;background:transparent;max-width:100%}.legend-color.less{background:var(--less)!important}.legend-color.more{background:var(--accent)!important}@media(max-width:768px){.github-stats-component .page-header h2{font-size:2rem}.github-stats-component .page-header p{font-size:1rem}.contribution-graph{padding:1.5rem}.graph-container{border-radius:8px}.contribution-chart{min-height:120px}.graph-legend{gap:1rem;font-size:.8rem}.legend-color{width:10px;height:10px}}@media(max-width:480px){.contribution-graph{padding:1rem;margin:1rem 0}.contribution-graph h3{font-size:1.3rem;margin-bottom:1rem}.graph-container{border-radius:6px}.contribution-chart{min-height:100px}}#github-stats .github-stats-component{background:transparent}#github-stats .contribution-graph,#github-stats .languages-section,#github-stats .achievements-section,#github-stats .activity-section{background:var(--card-bg);margin:1.5rem 0}.achievement-categories{display:flex;gap:.8rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.category-filter{padding:10px 20px;border:2px solid var(--border);border-radius:25px;background:var(--card-bg);color:var(--muted);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.category-filter:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.category-filter.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.filter-count{font-size:.8rem;opacity:.8;font-weight:500}.graph-legend{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--muted)}.legend-color{width:16px;height:16px;border-radius:3px;display:inline-block}.legend-color.less{background:#eee}.legend-color.more{background:#0366d6}.loading-spinner{text-align:center;padding:3rem 2rem;color:var(--muted)}.loading-spinner i{font-size:2.5rem;margin-bottom:1rem;color:var(--accent)}.loading-spinner p{margin-bottom:.5rem;font-size:1.1rem}.loading-spinner small{opacity:.7}@media(max-width:768px){.achievement-categories{gap:.5rem}.category-filter{padding:8px 16px;font-size:.8rem}.filter-count{font-size:.7rem}.legend-item{font-size:.8rem}.legend-color{width:14px;height:14px}}@media(max-width:480px){.achievement-categories{flex-direction:column;align-items:center}.category-filter{width:200px;justify-content:center}.graph-legend{gap:1rem}}@media(max-width:400px){.achievements-section{padding:1rem;margin:1rem 0}.achievements-section h3{font-size:1.2rem;margin-bottom:.5rem}.section-subtitle{font-size:.75rem;margin-bottom:1rem}.achievement-summary{flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.summary-item{padding:.6rem 1rem;width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-radius:8px}.summary-number{font-size:1.3rem}.summary-label{font-size:.8rem}.achievement-categories{gap:.4rem;margin-bottom:1.5rem}.category-filter{width:100%;max-width:280px;padding:6px 12px;font-size:.75rem;border-radius:20px}.filter-count{font-size:.65rem}.achievements-grid{grid-template-columns:1fr;gap:1rem}.achievement-card{padding:1rem;gap:.8rem;flex-direction:column;align-items:flex-start}.achievement-badge{font-size:.6rem;padding:.2rem .5rem;left:.5rem;top:.5rem}.achievement-icon{width:35px;height:35px}.achievement-icon i{font-size:.9rem}.achievement-content{width:100%}.achievement-content h4{font-size:.9rem;margin-bottom:.3rem}.achievement-content p{font-size:.75rem;margin-bottom:.6rem;line-height:1.3}.achievement-progress{gap:.6rem;flex-direction:column;align-items:flex-start;width:100%}.progress-bar{width:100%;height:5px}.progress-text{font-size:.7rem;align-self:flex-end}.achievement-status{position:absolute;top:.8rem;right:.8rem}.achievement-status .unlocked,.achievement-status .locked{font-size:1rem}}.reviews-page{padding:60px 0;background:var(--bg);position:relative;overflow:hidden}.reviews-page .container,.reviews-page .page-header,.reviews-page .stats-overview,.reviews-page .carousel-container,.reviews-page .filter-buttons,.reviews-page .reviews-cta{position:relative;z-index:2}.reviews-page>*{position:relative;z-index:2}.page-header{text-align:center;margin-bottom:3rem}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-bottom:3rem;padding:2rem;background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border)}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--muted);font-weight:500}.confidential-notice{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#3b82f61a;color:var(--accent);padding:.75rem 1rem;border-radius:8px;margin-bottom:2rem;font-size:.9rem;font-weight:500;border:1px solid var(--accent)}.confidential-notice i{font-size:1rem}.filter-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.filter-btn{padding:.75rem 1.5rem;border:2px solid var(--border);background:var(--card-bg);color:var(--muted);border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.filter-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.project-count{font-size:.8rem;opacity:.8}.carousel-container{margin-bottom:4rem;position:relative}.carousel-wrapper{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;max-width:1200px;margin:0 auto}.carousel-btn{width:50px;height:50px;border:2px solid var(--border);background:var(--card-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--muted);font-size:1.1rem;flex-shrink:0;z-index:10;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn-prev{left:-25px}.carousel-btn-next{right:-25px}.carousel-btn:hover{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast);transform:translateY(-50%) scale(1.1);box-shadow:var(--shadow-md)}.carousel-btn:active{transform:translateY(-50%) scale(1.05)}.carousel-content{flex:1;overflow:hidden;border-radius:16px;position:relative}.carousel-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.carousel-slide{display:flex;flex:0 0 100%;gap:2rem;padding:1rem;min-width:0}.testimonial-card{background:var(--card-bg);padding:2rem;border-radius:16px;box-shadow:var(--shadow);transition:all .3s ease;border:1px solid var(--border);flex:1;min-width:0;display:flex;flex-direction:column;height:400px}.testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.testimonial-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.client-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-contrast);font-weight:600;font-size:.9rem;flex-shrink:0}.client-info{flex:1;min-width:0}.client-name{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:.25rem;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-project{font-size:.9rem;color:var(--muted);display:flex;align-items:center;gap:.5rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-project i{font-size:.8rem;color:var(--accent);flex-shrink:0}.testimonial-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.testimonial-rating .fa-star{color:var(--border);font-size:1rem}.testimonial-rating .fa-star.filled{color:#fbbf24}.rating-text{font-size:.8rem;color:var(--muted);font-weight:500;margin-left:.5rem}.testimonial-text{color:var(--muted);line-height:1.6;margin-bottom:1.5rem;font-style:italic;position:relative;padding-left:1rem;border-left:3px solid var(--border);flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical}.testimonial-category{display:flex;justify-content:flex-start;margin-top:auto}.category-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.category-tag.web{background:#dbeafe;color:#1e40af}.category-tag.mobile{background:#fce7f3;color:#be185d}.category-tag.desktop{background:#f3e8ff;color:#7c3aed}.category-tag.data{background:#dcfce7;color:#166534}.category-tag.other{background:#fef3c7;color:#92400e}.category-tag i{font-size:.7rem}.carousel-indicators{display:flex;justify-content:center;gap:.75rem;margin-top:2rem;margin-bottom:1rem}.indicator{width:10px;height:10px;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--accent);transform:scale(1.2)}.indicator:hover{background:var(--accent);transform:scale(1.1)}.slide-counter{text-align:center;font-size:.9rem;color:var(--muted);font-weight:600}.current-slide{color:var(--accent);font-weight:700}.divider{opacity:.6;margin:0 .5rem}.reviews-cta{background:var(--card-bg);color:var(--accent-contrast);padding:4rem 2rem;border-radius:16px;text-align:center;margin-top:2rem}.cta-content h2{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:1rem}.cta-content p{font-size:1.1rem;margin-bottom:2rem;color:var(--text);opacity:.9}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--card-bg);color:var(--accent);text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;border:2px solid var(--accent)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--accent);color:var(--accent-contrast)}.btn-primary{background:var(--card-bg);color:var(--accent)}.loading-state,.error-state,.empty-state{text-align:center;padding:4rem 2rem;color:var(--muted)}.loading-state i,.error-state i,.empty-state i{font-size:3rem;margin-bottom:1rem;color:var(--accent)}.error-state i{color:#ef4444}.empty-state i{color:#9ca3af}.loading-state p,.error-state p,.empty-state p{font-size:1.1rem;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.testimonial-card{animation:fadeIn .5s ease-out}@media(min-width:1440px){.reviews-page{padding:0}.carousel-wrapper{max-width:1400px}.testimonial-card{height:420px}}@media(min-width:1200px)and (max-width:1439px){.carousel-wrapper{max-width:1100px}}@media(max-width:1199px){.carousel-wrapper{max-width:900px}.carousel-slide{gap:1.5rem}.testimonial-card{padding:1.75rem;height:390px}}@media(max-width:1023px){.reviews-page{padding:50px 0}.page-header h1{font-size:2.25rem}.stats-overview{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.75rem}.carousel-wrapper{max-width:100%;padding:0 1rem}.carousel-btn-prev{left:-10px}.carousel-btn-next{right:-10px}.carousel-slide{gap:1.25rem;padding:.75rem}.testimonial-card{padding:1.5rem;height:380px}.filter-buttons{gap:.75rem}.filter-btn{padding:.65rem 1.25rem;font-size:.95rem}}@media(max-width:768px){.reviews-page{padding:40px 0}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.stats-overview{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.5rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.85rem}.carousel-wrapper{flex-direction:column;gap:0;padding:0 1rem}.carousel-btn,.carousel-btn-prev,.carousel-btn-next{display:none!important}.carousel-content{width:100%;padding:0;overflow:visible}.carousel-track{scroll-snap-type:x mandatory;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex-direction:column;gap:0;padding:0;scroll-snap-align:center;justify-content:center;align-items:center}.testimonial-card{margin-top:1rem;height:auto;min-height:320px;width:100%;max-width:100%;margin:0 auto}.carousel-indicators{margin-top:1.5rem;margin-bottom:1.5rem}.indicator{width:12px;height:12px}.filter-buttons{gap:.5rem;padding:0 .5rem}.filter-btn{padding:.6rem 1rem;font-size:.9rem}.reviews-cta{padding:3rem 1.5rem}.cta-content h2{font-size:1.75rem}.cta-content p{font-size:1rem}}@media(max-width:480px){.reviews-page{padding:40px 0}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem}.page-header p{font-size:.95rem}.stats-overview{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.confidential-notice{font-size:.85rem;padding:.65rem .85rem;flex-direction:column;text-align:center}.filter-buttons{gap:.5rem;padding:0 .75rem}.filter-btn{padding:.55rem .85rem;font-size:.85rem;flex:1 1 auto;min-width:calc(50% - .25rem)}.project-count{font-size:.75rem}.carousel-wrapper{padding:0 .75rem}.testimonial-card{margin-top:1rem;padding:1.25rem;min-height:300px}.testimonial-header{flex-direction:column;text-align:center;gap:.75rem;align-items:center}.client-avatar{width:45px;height:45px;font-size:.85rem}.client-info{text-align:center}.client-name{font-size:1rem;white-space:normal}.client-project{font-size:.85rem;justify-content:center;white-space:normal;text-align:center}.testimonial-rating{justify-content:center}.testimonial-text{font-size:.9rem;padding-left:.75rem;-webkit-line-clamp:6;line-clamp:6}.testimonial-category{justify-content:center}.category-tag{padding:.4rem .85rem;font-size:.75rem}.carousel-indicators{gap:.5rem;margin-top:1.25rem}.indicator{width:10px;height:10px}.slide-counter{font-size:.85rem}.reviews-cta{padding:2.5rem 1.25rem}.cta-content h2{font-size:1.5rem}.cta-content p{font-size:.95rem}.btn{padding:.85rem 1.5rem;font-size:.9rem}}@media(max-width:375px){.page-header h1{font-size:1.5rem}.stats-overview{padding:1rem}.stat-number{font-size:1.35rem}.testimonial-card{margin-top:1rem;padding:1rem}.client-avatar{width:40px;height:40px;font-size:.8rem}.testimonial-text{font-size:.85rem}.cta-content h2{font-size:1.35rem}.btn{padding:.75rem 1.25rem;font-size:.85rem}}@media(max-height:500px)and (orientation:landscape){.reviews-page{padding:30px 0}.page-header{margin-bottom:1.5rem}.stats-overview{grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem}.testimonial-card{margin-top:1rem;height:auto;min-height:250px}.reviews-cta{padding:2rem 1.5rem}}.contact-page{padding:60px 0;background:var(--surface);position:relative;overflow:hidden}.contact-page .container,.contact-page .contact-content,.contact-page .process-section{position:relative;z-index:2}.contact-page>*{position:relative;z-index:2}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start;justify-items:center}.contact-info{position:sticky;top:100px}.info-card{background:var(--card-bg);padding:2.5rem;border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border);max-width:700px;width:100%;box-sizing:border-box}.info-card h2{color:var(--text);margin-bottom:1rem;font-size:1.8rem}.info-description{color:var(--muted);line-height:1.6;margin-bottom:2rem}.services-highlight{margin-bottom:2rem;padding:1.5rem;background:var(--surface);border-radius:12px;border-left:4px solid var(--accent)}.services-highlight h4{color:var(--text);margin-bottom:1rem}.services-list{display:flex;flex-direction:column;gap:1rem}.service-item{display:flex;align-items:center;gap:1rem;padding:.8rem;background:var(--card-bg);border-radius:8px;transition:all .3s ease}.service-item:hover{transform:translate(5px);box-shadow:var(--shadow)}.service-item i{color:var(--accent);width:20px;text-align:center;flex-shrink:0}.service-item span{color:var(--text);font-weight:500;font-size:.95rem}.contact-details{margin-bottom:2rem}.contact-details h4{color:var(--text);margin-bottom:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.contact-item:last-child{border-bottom:none}.contact-icon{width:45px;height:45px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent-contrast);flex-shrink:0}.contact-text{flex:1;min-width:0}.contact-text h5{margin-bottom:.3rem;color:var(--text);font-size:.9rem}.contact-text a,.contact-text span{color:var(--muted);text-decoration:none;transition:color .3s ease;font-size:.9rem;word-break:break-word}.contact-text a:hover{color:var(--accent)}.social-links h4{color:var(--text);margin-bottom:1rem}.social-icons{display:flex;gap:.8rem;flex-wrap:wrap}.social-icons a{display:flex;align-items:center;gap:.5rem;background:var(--surface);color:var(--muted);padding:.8rem 1.2rem;border-radius:8px;text-decoration:none;transition:all .3s ease;flex:1;justify-content:center;min-width:120px}.social-icons a:hover{background:var(--accent);color:var(--accent-contrast);transform:translateY(-2px)}.contact-form{background:var(--card-bg);padding:2.5rem;border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border);max-width:700px;width:100%;box-sizing:border-box}.form-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border)}.form-header h3{color:var(--text);margin-bottom:.5rem;font-size:1.5rem}.form-header p{color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--input-border);border-radius:8px;font-size:16px;transition:all .3s ease;background:var(--input-bg);color:var(--text);font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51a}.form-group textarea{resize:vertical;min-height:120px}.char-count{text-align:right;font-size:.8rem;color:var(--muted);margin-top:.5rem}.submit-btn{width:100%;justify-content:center;position:relative;margin-top:1rem;padding:15px 24px;font-size:1.1rem;box-sizing:border-box}.submit-btn:disabled{cursor:not-allowed!important;opacity:.6}.submit-btn:not(:disabled):not(.loading){background:var(--accent);border-color:var(--accent);color:#fff;transition:all .3s ease}.submit-btn:not(:disabled):not(.loading):hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 5px 15px #654ea34d}.submit-btn:disabled:not(.loading){background:var(--muted);border-color:var(--border)}.submit-btn.loading{pointer-events:none;opacity:.8}.status-message{padding:1.5rem;border-radius:12px;margin-top:1.5rem;display:flex;align-items:flex-start;gap:1rem;animation:slideIn .3s ease}.status-message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-message.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.status-message i{font-size:1.5rem;flex-shrink:0;margin-top:.2rem}.status-message h4{margin-bottom:.5rem}.status-message p{margin:0;line-height:1.5}.form-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center}.form-footer p{color:var(--muted);font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.form-footer i{color:var(--accent)}.process-section{margin-top:4rem;padding:3rem 0;text-align:center}.process-section h2{color:var(--text);margin-bottom:3rem;font-size:2.2rem}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.process-step{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:var(--shadow);transition:all .3s ease;position:relative;border:1px solid var(--border)}.process-step:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.step-number{width:50px;height:50px;background:var(--accent);color:var(--accent-contrast);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;margin:0 auto 1rem}.step-content h4{color:var(--text);margin-bottom:1rem;font-size:1.2rem}.step-content p{color:var(--muted);line-height:1.5}.recaptcha-container{display:flex;justify-content:center;margin-bottom:1.5rem;width:100%;overflow:hidden;min-height:78px;position:relative}.recaptcha{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:304px;transform-origin:center center}.recaptcha>div{display:flex!important;justify-content:center!important;width:100%!important;transform-origin:center center!important}.g-recaptcha{display:flex!important;justify-content:center!important;width:100%!important;overflow:hidden!important;background:var(--surface)!important;border-radius:8px!important;border:1px solid var(--border)!important}.g-recaptcha>div{width:100%!important;background:var(--surface)!important}.g-recaptcha iframe{max-width:100%!important;transform-origin:center center!important;background:var(--surface)!important}.theme-dark .recaptcha>div{filter:invert(.1)}.recaptcha-error{color:var(--accent-hover);font-size:.9rem;margin-top:.5rem;display:flex;align-items:center;gap:.5rem;text-align:center;justify-content:center;padding:0 1rem}.recaptcha-error i{font-size:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1440px){.contact-page{padding:0}}@media(max-width:1024px){.contact-content{grid-template-columns:1fr;gap:2rem}.contact-info{position:static}}@media(max-width:968px){.contact-page{padding:0}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-info{position:static}.info-card{padding:2rem}}@media(max-width:768px){.contact-page{padding:40px 0}.contact-page .container{padding:0 1rem}.contact-content{gap:1.5rem}.info-card{padding:1.5rem}.info-card h2{font-size:1.5rem}.form-row{grid-template-columns:1fr}.contact-form{padding:2rem 1.5rem}.form-header h3{font-size:1.3rem}.process-section h2{font-size:1.8rem}.process-steps{grid-template-columns:1fr;gap:1.5rem}.social-icons{gap:.6rem}.social-icons a{min-width:100px;padding:.7rem 1rem;font-size:.9rem}.recaptcha-container{min-height:74px}.recaptcha>div{transform:scale(.95)}}@media(max-width:480px){.contact-page{padding:30px 0}.contact-page .container{padding:0 .5rem}.contact-content{gap:1.5rem}.info-card{padding:1.2rem;border-radius:12px;margin:0 auto}.info-card h2{font-size:1.3rem;margin-bottom:.8rem}.info-description{font-size:.9rem;margin-bottom:1.5rem}.services-highlight{padding:1.2rem}.services-highlight h4{font-size:.95rem}.service-item{padding:.7rem;gap:.8rem}.service-item span{font-size:.85rem}.contact-icon{width:40px;height:40px}.contact-text h5{font-size:.85rem}.contact-text a,.contact-text span{font-size:.8rem}.contact-form{padding:1.5rem 1rem;border-radius:12px;margin:0 auto}.form-header{margin-bottom:1.5rem;padding-bottom:1.2rem}.form-header h3{font-size:1.2rem}.form-header p{font-size:.9rem}.form-group{margin-bottom:1.2rem}.form-group label{font-size:.85rem}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:14px}.submit-btn{padding:12px 20px;font-size:1rem}.status-message{padding:1.2rem;gap:.8rem;font-size:.9rem}.status-message i{font-size:1.2rem}.form-footer p{font-size:.75rem}.process-section{margin-top:3rem;padding:2rem 0}.process-section h2{font-size:1.5rem;margin-bottom:2rem}.process-step{padding:1.5rem}.step-number{width:45px;height:45px;font-size:1.1rem}.step-content h4{font-size:1.1rem}.step-content p{font-size:.9rem}.social-icons{flex-direction:column}.social-icons a{min-width:auto;width:100%}.recaptcha-container{min-height:70px;margin-bottom:1rem}.recaptcha{max-width:100%;transform:scale(.9)}.recaptcha>div{transform:scale(.9)}}@media(max-width:400px){.contact-page{padding:20px 0}.contact-page .container{padding:0 .5rem}.contact-content{gap:1rem}.info-card{padding:1rem;margin:0 auto}.info-card h2{font-size:1.1rem}.contact-form{padding:1.2rem .8rem;margin:0 auto}.form-header h3{font-size:1.1rem}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;font-size:14px}.recaptcha-container{min-height:65px;margin-bottom:.5rem;overflow:visible}.recaptcha{transform:scale(.85);max-width:280px}.recaptcha>div{transform:scale(.85)!important}.g-recaptcha{transform:scale(.85);transform-origin:center center}}@media(max-width:360px){.contact-page{padding:20px 0}.contact-page .container{padding:0 .5rem}.info-card{padding:.8rem;margin:0 auto}.info-card h2{font-size:1rem}.contact-form{padding:1rem .6rem;margin:0 auto}.recaptcha-container{min-height:60px}.recaptcha{transform:scale(.8);max-width:260px}.recaptcha>div{transform:scale(.8)!important}}@media(max-width:320px){.contact-page{padding:15px 0}.contact-page .container{padding:0 .3rem}.contact-content{gap:.8rem}.info-card{padding:.7rem;margin:0 auto}.contact-form{padding:.8rem .5rem;margin:0 auto}.recaptcha-container{min-height:55px}.recaptcha{transform:scale(.75);max-width:240px}.recaptcha>div{transform:scale(.75)!important}}@media(max-width:300px){*{word-wrap:break-word;overflow-wrap:break-word}.contact-page .container{padding:0 .3rem}.info-card,.contact-form,.process-step{min-width:0;max-width:100%}.recaptcha-container{min-height:50px}.recaptcha{transform:scale(.7);max-width:220px}.recaptcha>div{transform:scale(.7)!important}.recaptcha-error{font-size:.75rem;padding:0 .3rem}}.g-recaptcha{overflow:hidden!important;display:flex!important;justify-content:center!important}.g-recaptcha>div{width:100%!important;display:flex!important;justify-content:center!important}.g-recaptcha iframe{max-width:100%!important;height:auto!important}.footer{background:var(--footer-bg);color:var(--text);padding:3rem 0 1rem;border-top:1px solid var(--border);margin-top:auto}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.footer-info h3{color:var(--accent);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.footer-info p{color:var(--muted);margin-bottom:1.5rem;line-height:1.6}.footer-social{display:flex;gap:1rem}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface);color:var(--accent);border-radius:50%;text-decoration:none;transition:all .3s ease;border:2px solid var(--border)}.footer-social a:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow)}.footer-links h4,.footer-contact h4{color:var(--accent);margin-bottom:1rem;font-size:1.2rem;font-weight:600}.footer-links{display:flex;flex-direction:column;gap:.8rem}.footer-links a{color:var(--muted);text-decoration:none;transition:all .3s ease;position:relative;display:inline-block;width:fit-content}.footer-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.footer-links a:hover{color:var(--accent)}.footer-links a:hover:after{width:100%}.footer-contact p{display:flex;align-items:center;gap:.8rem;color:var(--muted);margin-bottom:1rem}.footer-contact i{color:var(--accent);width:20px;flex-shrink:0}.footer-bottom{border-top:1px solid var(--border);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.9rem}.footer-bottom p{margin:0}.scroll-top{display:flex;align-items:center;gap:.8rem}.scroll-top a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--surface);color:var(--accent);border-radius:50%;text-decoration:none;transition:all .3s ease;border:2px solid var(--border)}.scroll-top a:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow)}.built-with{display:flex;align-items:center;gap:.8rem}.built-with a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface);color:var(--accent);border-radius:50%;text-decoration:none;transition:all .3s ease;border:2px solid var(--border)}.built-with a:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow)}@media(max-width:968px){.footer-content{grid-template-columns:1fr 1fr;gap:2.5rem}.footer-info{grid-column:1 / -1}}@media(max-width:768px){.footer{padding:2.5rem 0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-info{grid-column:auto}.footer-social{justify-content:center}.footer-links a{width:100%}.footer-links a:after{left:50%;transform:translate(-50%)}.footer-contact p{justify-content:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.built-with{flex-direction:column;gap:1rem}}@media(max-width:480px){.footer{padding:2rem 0 1rem}.footer-content{gap:1.5rem}.footer-info h3{font-size:1.3rem}.footer-info p{font-size:.9rem}.footer-social a{width:36px;height:36px;font-size:.9rem}.footer-links h4,.footer-contact h4{font-size:1.1rem}.footer-links a,.footer-contact p{font-size:.9rem}.footer-bottom{font-size:.85rem}}@media(max-width:360px){.footer{padding:1.5rem 0 .8rem}.footer-content{gap:1.2rem}.footer-info h3{font-size:1.2rem}.footer-info p{font-size:.85rem;margin-bottom:1rem}.footer-social{gap:.8rem}.footer-social a{width:34px;height:34px;font-size:.85rem}.footer-links h4,.footer-contact h4{font-size:1rem;margin-bottom:.8rem}.footer-links{gap:.6rem}.footer-links a,.footer-contact p{font-size:.85rem}.footer-contact p{gap:.6rem;margin-bottom:.8rem}.footer-bottom{padding-top:1.5rem;font-size:.8rem}}@media(max-width:320px){.footer{padding:1.2rem 0 .6rem}.footer-content{gap:1rem}.footer-info h3{font-size:1.1rem}.footer-info p{font-size:.8rem}.footer-social a{width:32px;height:32px;font-size:.8rem}.footer-links h4,.footer-contact h4{font-size:.95rem}.footer-links a,.footer-contact p{font-size:.8rem}.footer-bottom{font-size:.75rem}}@supports (-webkit-appearance:none){.footer-bottom{box-sizing:border-box;-webkit-box-sizing:border-box;flex-wrap:wrap;-webkit-flex-wrap:wrap}.built-with{align-items:center;-webkit-align-items:center}}.theme-toggle{position:fixed!important;right:1.5rem;bottom:1.5rem;width:3rem;height:3rem;border-radius:50%;background:var(--accent);color:var(--accent-contrast);border:none;cursor:pointer;display:flex!important;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:var(--shadow-lg);z-index:99999!important;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;-webkit-tap-highlight-color:transparent;visibility:visible!important;opacity:1!important;max-width:3rem;max-height:3rem;flex-shrink:0}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:var(--shadow-lg)}.theme-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.theme-toggle:active{transform:scale(.95)}.theme-toggle i{animation:iconRotate .5s cubic-bezier(.4,0,.2,1);pointer-events:none;display:block}@keyframes iconRotate{0%{transform:rotate(-180deg) scale(0);opacity:0}50%{transform:rotate(-90deg) scale(.5);opacity:.5}to{transform:rotate(0) scale(1);opacity:1}}body,body *{transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1),fill .4s cubic-bezier(.4,0,.2,1),stroke .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}body *:not(.theme-toggle):not(.theme-toggle *){transition-property:background-color,border-color,color,fill,stroke,box-shadow,opacity}@media(prefers-reduced-motion:reduce){body,body *,.theme-toggle,.theme-toggle i{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(min-width:410px)and (min-height:900px){.theme-toggle{right:1.2rem!important;bottom:1.2rem!important;width:2.8rem!important;height:2.8rem!important;font-size:1.2rem!important}}@media(min-width:410px)and (max-width:420px)and (min-height:890px){.theme-toggle{right:1rem!important;bottom:1rem!important;width:2.75rem!important;height:2.75rem!important;font-size:1.15rem!important}}@media(min-width:385px)and (max-width:395px)and (min-height:840px){.theme-toggle{right:1rem!important;bottom:1rem!important;width:2.75rem!important;height:2.75rem!important;font-size:1.15rem!important}}@media(max-width:480px)and (min-height:800px){.theme-toggle{right:1rem!important;bottom:1rem!important;width:2.75rem!important;height:2.75rem!important;font-size:1.15rem!important;position:fixed!important;display:flex!important;visibility:visible!important;opacity:1!important;z-index:99999!important}}@media(max-width:1024px)and (min-width:769px){.theme-toggle{right:1.2rem;bottom:1.2rem;width:2.8rem;height:2.8rem;font-size:1.2rem}}@media(max-width:768px)and (max-height:799px){.theme-toggle{right:1rem;bottom:1rem;width:2.75rem;height:2.75rem;font-size:1.15rem;box-shadow:0 4px 12px #00000026}}@media(max-width:480px)and (max-height:799px){.theme-toggle{right:.8rem;bottom:.8rem;width:2.5rem;height:2.5rem;font-size:1.1rem}}@media(max-width:360px){.theme-toggle{right:.6rem;bottom:.6rem;width:2.3rem;height:2.3rem;font-size:1rem}}@media(max-height:600px){.theme-toggle{bottom:.8rem!important}}@media(max-width:896px)and (orientation:landscape){.theme-toggle{right:.8rem!important;bottom:.8rem!important;width:2.3rem!important;height:2.3rem!important}}@media(max-width:768px){.theme-toggle{bottom:calc(1rem + env(safe-area-inset-bottom,0))!important;right:calc(1rem + env(safe-area-inset-right,0))!important}}.theme-toggle{contain:layout style paint!important;will-change:transform!important}@media only screen and (min-device-width:390px)and (max-device-width:430px)and (min-device-height:844px)and (max-device-height:932px){.theme-toggle{position:fixed!important;right:1rem!important;bottom:1.5rem!important;width:2.75rem!important;height:2.75rem!important;display:flex!important;visibility:visible!important;z-index:999999!important}}
