*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #0f172a;--text-color: #f1f5f9;--card-bg: rgba(15, 23, 42, .85);--border-color: rgba(56, 189, 248, .15);--primary-color: #38bdf8;--primary-light: #7dd3fc;--shadow-color: rgba(0, 0, 0, .2);--hover-bg: rgba(56, 189, 248, .1)}[data-theme=light]{--bg-color: #f8fafc;--text-color: #0f172a;--card-bg: rgba(255, 255, 255, .9);--border-color: rgba(56, 189, 248, .1);--primary-color: #0ea5e9;--primary-light: #38bdf8;--shadow-color: rgba(0, 0, 0, .1);--hover-bg: rgba(56, 189, 248, .05)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.home-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;position:relative;overflow:hidden;width:100%;max-width:none}.interactive-cursor{position:fixed;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.15) 0%,transparent 70%);pointer-events:none;z-index:9999;left:var(--cursor-x);top:var(--cursor-y)}.home-bg-element{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.05) 0%,transparent 70%);top:-10%;right:-10%;z-index:-1;width:400px;height:400px;animation:rotateAndScale 20s linear infinite}.profile-image-container{display:flex;justify-content:center;align-items:center;position:relative;flex:0 0 auto}.profile-image{width:280px;height:280px;border-radius:50%;object-fit:cover;border:4px solid #38bdf8;transition:all .3s ease}.profile-image-glow{position:absolute;border-radius:50%;z-index:-1;width:calc(100% + 40px);height:calc(100% + 40px);animation:pulseGlow 2s infinite}.intro-content{display:grid;grid-template-columns:1fr;text-align:center;flex:1;gap:1.5rem}.name-heading{font-size:2.5rem;line-height:1.1;margin:0;transition:color .3s ease}.name-highlight{color:#38bdf8}.title-text{font-size:1.5rem;font-weight:400;opacity:.9;margin:0;padding:.5rem 0}.bio-section{padding:1rem;border-radius:8px}.bio-text{font-size:1.1rem;line-height:1.6;opacity:.9;margin:0}.buttons-container{display:grid;grid-template-columns:1fr;gap:1rem;justify-content:center}.base-button{border-radius:12px;text-decoration:none;font-weight:600;border:none;cursor:pointer;white-space:nowrap;text-align:center;transition:all .3s ease;padding:.8rem 1.5rem;font-size:.95rem}.primary-button{background-color:#38bdf8;color:#0f172a}.secondary-button{background-color:transparent;color:#38bdf8;border:2.5px solid #38bdf8}.base-button:hover{transform:scale(1.05)}.base-button:active{transform:scale(.95)}.primary-button:hover{box-shadow:0 10px 30px #38bdf866}.secondary-button:hover{background-color:#38bdf81a;box-shadow:0 10px 30px #38bdf833}@keyframes pulseGlow{0%,to{box-shadow:0 0 30px #38bdf84d}50%{box-shadow:0 0 50px #38bdf880}}@media(min-width:769px){.home-container{flex-direction:row;padding:clamp(3rem,5vw,6rem) clamp(1.5rem,8vw,8rem);gap:6rem}.intro-content{text-align:left;gap:2rem;max-width:600px}.buttons-container{grid-template-columns:repeat(3,auto);justify-content:flex-start}.desktop-bio-section{background:#38bdf805;border:1px solid rgba(56,189,248,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.desktop-title-text{padding:.5rem 1rem;background:#38bdf80d;border-radius:8px}.desktop-profile-image{cursor:pointer}}@media(min-width:1200px){.home-container{gap:7rem;padding:clamp(4rem,6vw,6rem) clamp(2rem,10vw,10rem)}.intro-content{max-width:650px;gap:2.5rem}.name-heading{font-size:4rem}.title-text{font-size:2.2rem}.bio-text{font-size:1.4rem}.profile-image{width:400px;height:400px;border:5px solid #38bdf8}.home-bg-element{width:550px;height:550px;right:3%}.base-button{padding:1.1rem 2.2rem;font-size:1.15rem}}@media(min-width:1400px){.home-container{gap:8rem;padding:clamp(4rem,8vw,8rem) clamp(2rem,12vw,14rem)}.intro-content{max-width:700px;gap:3rem}.name-heading{font-size:4.5rem}.title-text{font-size:2.5rem}.bio-text{font-size:1.5rem}.profile-image{width:420px;height:420px;border:6px solid #38bdf8}.home-bg-element{width:600px;height:600px;right:5%}.base-button{padding:1.2rem 2.5rem;font-size:1.2rem}}@media(min-width:769px)and (max-width:1023px){.home-container{gap:4rem}.profile-image{width:320px;height:320px}.name-heading{font-size:3rem}.title-text{font-size:1.7rem}.bio-text{font-size:1.2rem}.home-bg-element{width:450px;height:450px;right:-5%}}@media(max-width:768px){.home-container{flex-direction:column;gap:3rem}.profile-image-container{order:1}.intro-content{order:2}.interactive-cursor,.desktop-only{display:none}}.experience-container{min-height:100vh;width:100%;position:relative;background:transparent;padding:3rem 1.5rem}.experience-bg-element{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.03) 0%,transparent 70%);top:10%;left:-10%;z-index:-1;animation:rotateAndScale 25s linear infinite}.experience-title-container{text-align:center;margin-bottom:4rem;max-width:1000px;margin-left:auto;margin-right:auto}.experience-title{margin-bottom:1rem;position:relative;display:inline-block;font-size:2.5rem}.experience-title-text{color:#38bdf8;position:relative}.experience-title-underline{height:4px;background:linear-gradient(90deg,#38bdf8,transparent);border-radius:2px;margin:.5rem auto 0;transform-origin:left center;width:60px}.experience-subtitle{opacity:.8;margin-top:1rem;font-size:1rem}.experience-tabs-container{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.experience-tab{font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:capitalize;border-radius:12px;border:2px solid;background:transparent;padding:.6rem 1.5rem;font-size:.95rem}.experience-tab:hover{transform:scale(1.05)}.experience-tab:active{transform:scale(.95)}.experience-tab-active{background:#38bdf826;color:#38bdf8;border-color:#38bdf880}.experience-tab-inactive{color:#ffffffb3;border-color:#ffffff1a}.experience-grid{display:grid;gap:2rem;margin:0 auto;max-width:100%}.experience-card{background:#0f172ad9;border:1px solid rgba(56,189,248,.15);border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease;padding:2rem}.experience-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #38bdf81f}.timeline-dot{position:absolute;left:-12px;top:3rem;width:16px;height:16px;border-radius:50%;background:#38bdf8;border:4px solid rgba(15,23,42,.9);animation:pulse 2s infinite}.experience-card-content{margin-left:.5rem}.experience-card-header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.experience-role-container{flex:1}.experience-role{margin-bottom:.3rem;line-height:1.2;transition:color .3s ease;font-size:1.4rem}.experience-role:hover{color:#38bdf8}.experience-company{color:#38bdf8;font-weight:500;margin-bottom:.3rem;font-size:1.1rem}.experience-date{padding:.4rem 1.2rem;background:#38bdf81a;border-radius:20px;font-weight:500;white-space:nowrap;align-self:flex-start;transition:transform .3s ease;font-size:.8rem}.experience-date:hover{transform:scale(1.05)}.tech-stack-container{margin-bottom:1.5rem}.tech-stack-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.tech-stack-item{padding:.3rem .8rem;background:#38bdf81a;border-radius:15px;font-weight:500;color:#7dd3fc;transition:all .3s ease;font-size:.75rem}.tech-stack-item:hover{transform:scale(1.05);background-color:#38bdf833}.experience-points-list{line-height:1.6;padding-left:1rem;font-size:.95rem}.experience-point{margin-bottom:.7rem;position:relative;list-style:none}.experience-point-bullet{position:absolute;left:-1rem;color:#38bdf8;font-size:1rem}.education-container{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;width:100%}.education-card{background:#0f172ad9;border:1px solid rgba(56,189,248,.15);border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;transition:all .3s ease;padding:3rem}.education-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #38bdf81a}.education-header{text-align:center;margin-bottom:2.5rem}.education-degree{margin-bottom:.5rem;line-height:1.3;transition:color .3s ease;font-size:2rem}.education-degree:hover{color:#38bdf8}.education-university{color:#38bdf8;font-weight:500;margin-bottom:.5rem;font-size:1.3rem}.education-meta{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:1.5rem}.education-meta-item{padding:.5rem 1.5rem;background:#38bdf81a;border-radius:24px;font-weight:500;transition:transform .3s ease;font-size:.95rem}.education-meta-item:hover{transform:scale(1.05)}.education-description{background:#38bdf808;border-left:4px solid #38bdf8;border-radius:10px;margin-bottom:2.5rem;padding:1.5rem}.education-description-text{line-height:1.7;opacity:.9;font-size:1.1rem}.education-courses-title{margin-bottom:1.5rem;text-align:center;color:#38bdf8;font-size:1.3rem}.education-courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.education-course-item{padding:.8rem 1rem;background:#38bdf80d;border-radius:12px;text-align:center;font-weight:500;transition:all .3s ease;font-size:.95rem}.education-course-item:hover{transform:scale(1.05) translateY(-3px);background-color:#38bdf81a}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(min-width:769px){.experience-container{padding:clamp(3rem,5vw,4rem) clamp(1.5rem,5vw,4rem)}.experience-card-content{margin-left:1.5rem}.experience-points-list{padding-left:1.2rem}.experience-point-bullet{left:-1.2rem}.experience-title{font-size:3rem}.experience-title-underline{width:80px}.experience-subtitle{font-size:1.1rem}.experience-card{padding:2.2rem}.experience-role{font-size:1.6rem}.experience-company{font-size:1.2rem}.experience-date{font-size:.85rem}.experience-points-list{font-size:1rem}.tech-stack-item{font-size:.8rem}.experience-bg-element{width:350px;height:350px;left:-5%}.timeline-dot{width:18px;height:18px}}@media(min-width:1024px){.experience-container{padding:clamp(3rem,5vw,6rem) clamp(1.5rem,6vw,6rem)}.experience-grid{gap:2.5rem;max-width:1200px}.experience-card{padding:2.5rem}.experience-title{font-size:3.5rem}.experience-title-underline{width:100px}.experience-subtitle{font-size:1.2rem}.experience-tab{padding:.8rem 2rem;font-size:1.1rem}.experience-role{font-size:1.8rem}.experience-company{font-size:1.3rem}.experience-date{font-size:.9rem}.experience-points-list{font-size:1.05rem;line-height:1.7}.tech-stack-item{font-size:.85rem}.experience-bg-element{width:400px;height:400px;left:-2%}.timeline-dot{width:20px;height:20px}.education-degree{font-size:2rem}.education-university{font-size:1.3rem}.education-meta-item{font-size:.95rem}}@media(min-width:1200px){.experience-container{padding:clamp(4rem,6vw,6rem) clamp(2rem,8vw,8rem)}.experience-grid{max-width:1300px;gap:2.8rem}.experience-card{padding:2.8rem}.experience-title{font-size:4rem}.experience-title-underline{width:130px}.experience-subtitle{font-size:1.3rem}.experience-tab{padding:.9rem 2.2rem;font-size:1.15rem}.experience-role{font-size:2rem}.experience-company{font-size:1.4rem}.experience-date{font-size:.95rem}.experience-points-list{font-size:1.1rem;line-height:1.8}.tech-stack-item{font-size:.9rem}.experience-bg-element{width:450px;height:450px;left:3%}.timeline-dot{width:22px;height:22px}}@media(min-width:1400px){.experience-container{padding:clamp(4rem,8vw,8rem) clamp(2rem,10vw,12rem)}.experience-grid{max-width:1400px;gap:3rem}.experience-card{padding:3rem}.experience-title{font-size:4.5rem}.experience-title-underline{width:150px}.experience-subtitle{font-size:1.4rem}.experience-tab{padding:1rem 2.5rem;font-size:1.2rem}.experience-tabs-container{gap:3rem}.experience-role{font-size:2.2rem}.experience-company{font-size:1.5rem}.experience-date{font-size:1rem}.experience-points-list{font-size:1.15rem;line-height:1.9}.tech-stack-item{font-size:.95rem}.experience-point-bullet{font-size:1.2rem}.experience-bg-element{width:500px;height:500px;left:5%}.timeline-dot{width:24px;height:24px}.education-card{padding:3.5rem}.education-degree{font-size:2.2rem}.education-university{font-size:1.4rem}.education-description{padding:2rem}.education-description-text{font-size:1.15rem}.education-courses-title{font-size:1.4rem}.education-meta-item{font-size:1rem}.education-course-item{padding:1rem;font-size:1.05rem}.education-courses-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(max-width:768px){.experience-tabs-container{gap:1.5rem}.experience-card-header{flex-direction:column;gap:.5rem}.experience-date{align-self:flex-start}.education-meta{gap:1rem}}.skills-container{min-height:100vh;width:100%;margin:0 auto;position:relative;padding:3rem 1.5rem;overflow:hidden}.skills-bg-element{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.03) 0%,transparent 70%);bottom:10%;right:-10%;z-index:-1;animation:rotateAndScale 30s linear infinite}.skills-header{text-align:center;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto}.skills-title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1.5rem;position:relative;display:inline-block}.skills-title-text{color:#38bdf8;position:relative}.skills-title-underline{height:4px;background:linear-gradient(90deg,#38bdf8,transparent);border-radius:2px;margin:.5rem auto 0;transform-origin:left center;width:120px}.skills-subtitle{opacity:.8;font-size:1.1rem;line-height:1.6;margin-top:1.5rem}.skills-grid{width:100%;display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:4rem}.skill-card{background:#0f172ad9;border:1px solid rgba(56,189,248,.15);border-radius:22px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease;width:100%;min-height:220px;display:flex;flex-direction:column}.skill-card:hover{transform:translateY(-8px);box-shadow:0 15px 50px #38bdf81f}.skill-category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.skill-icon-container{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.skill-header-content{flex:1}.skill-title{font-size:1.2rem;font-weight:600;line-height:1.2}.skill-description{font-size:.9rem;line-height:1.6;opacity:.9;margin-bottom:1rem;flex-shrink:0}.skill-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(56,189,248,.1)}.tech-stack-item{padding:.3rem .7rem;background:#38bdf812;border:1px solid rgba(56,189,248,.1);border-radius:8px;font-size:.75rem;font-weight:500;color:#7dd3fc;white-space:nowrap}.tools-container{width:100%;margin:4rem 0;overflow:hidden}.tools-title{font-size:1.8rem;text-align:center;margin-bottom:2.5rem;color:#38bdf8}.tools-title-highlight{background:linear-gradient(90deg,#38bdf8,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tools-slider{display:flex;gap:2rem;width:max-content;will-change:transform;animation:slide 40s linear infinite}.tool-item{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.2rem 1.5rem;background:#0f172acc;border:1px solid rgba(56,189,248,.1);border-radius:16px;min-width:120px;transition:all .3s ease;cursor:pointer;flex-shrink:0}.tool-item:hover{background:#38bdf81a;border-color:#38bdf84d;transform:translateY(-5px);box-shadow:0 10px 25px #38bdf826}.tool-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.tool-logo{filter:grayscale(30%)}.tool-item:hover .tool-logo{filter:grayscale(0%) brightness(1.2)}.tool-name{font-size:.9rem;font-weight:500;text-align:center}.learning-container{padding:2rem;background:#38bdf808;border-left:4px solid #38bdf8;border-radius:16px;text-align:center;max-width:900px;margin:3rem auto 0}.learning-text{font-size:1.1rem;opacity:.9;line-height:1.7}.learning-highlight{color:#38bdf8;font-weight:500}@keyframes rotateAndScale{0%{rotate:0deg;scale:1}50%{scale:1.05}to{rotate:360deg;scale:1}}@media(min-width:769px){.skills-container{padding:clamp(3rem,5vw,4rem) clamp(1.5rem,5vw,4rem)}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.skill-card{padding:1.8rem;min-height:240px}.skill-icon-container{width:52px;height:52px;font-size:1.6rem}.skill-title{font-size:1.3rem}.skill-description{font-size:.95rem}.tech-stack-item{font-size:.8rem;padding:.4rem .8rem}.skills-bg-element{width:350px;height:350px;right:-5%}.tools-title{font-size:2rem}.tool-item{min-width:140px;padding:1.5rem}.tool-icon{width:45px;height:45px}.tool-name{font-size:1rem}}@media(min-width:1024px){.skills-container{padding:clamp(3rem,5vw,6rem) clamp(1.5rem,6vw,6rem)}.skills-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.skill-card{padding:2rem;min-height:260px}.skill-icon-container{width:56px;height:56px;font-size:1.8rem}.skill-title{font-size:1.4rem}.skill-description{font-size:1rem}.tech-stack-item{font-size:.85rem}.skills-bg-element{width:400px;height:400px;right:0%}.skills-title-underline{width:100px}.skills-subtitle{font-size:1.2rem}.tools-title{font-size:2.2rem}.tool-item{min-width:150px}.tool-icon{width:50px;height:50px}}@media(min-width:1200px){.skills-container{padding:clamp(4rem,6vw,6rem) clamp(1.5rem,8vw,8rem)}.skills-grid{gap:2rem}.skill-card{padding:2.2rem;min-height:280px}.skill-icon-container{width:60px;height:60px;font-size:2rem}.skill-title{font-size:1.5rem}.skill-description{font-size:1.05rem}.tech-stack-item{font-size:.9rem}.skills-bg-element{width:450px;height:450px;right:3%}.skills-title-underline{width:130px}.skills-subtitle{font-size:1.3rem}.tools-title{font-size:2.4rem}.tool-item{min-width:160px}.tool-icon{width:55px;height:55px}}@media(min-width:1400px){.skills-container{padding:clamp(4rem,8vw,8rem) clamp(2rem,10vw,10rem)}.skills-grid{gap:2.5rem}.skill-card{padding:2.5rem;min-height:300px}.skill-icon-container{width:70px;height:70px;font-size:2.2rem}.skill-title{font-size:1.6rem}.skill-description{font-size:1.1rem}.tech-stack-item{font-size:.95rem;padding:.5rem 1rem}.skills-bg-element{width:500px;height:500px;right:5%}.skills-title{font-size:4.5rem}.skills-title-underline{width:150px}.skills-subtitle{font-size:1.4rem}.tools-title{font-size:2.8rem}.tool-item{min-width:180px;padding:2rem}.tool-icon{width:60px;height:60px}.tool-name{font-size:1.1rem}.learning-container{padding:3rem}.learning-text{font-size:1.4rem}}.dual-sliders-container{width:100%;margin:4rem 0}.slider-section{margin-bottom:4rem}.slider-section:last-child{margin-bottom:0}.slider-title{font-size:1.8rem;text-align:center;margin-bottom:2.5rem;display:flex;align-items:center;justify-content:center;gap:.8rem}.slider-title-icon{font-size:2rem}.frontend-title{color:#38bdf8}.backend-title{color:#0ea5e9}.slider-wrapper{position:relative;width:100%;overflow:hidden;padding:1rem 0}.tool-item{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.2rem 1.5rem;border-radius:16px;min-width:120px;transition:all .3s ease;cursor:pointer;flex-shrink:0}.frontend-tool{background:#38bdf80d;border:1px solid rgba(56,189,248,.15)}.frontend-tool:hover{background:#38bdf826;border-color:#38bdf84d;transform:translateY(-5px);box-shadow:0 10px 25px #38bdf826}.backend-tool{background:#0ea5e90d;border:1px solid rgba(14,165,233,.15)}.backend-tool:hover{background:#0ea5e926;border-color:#0ea5e94d;transform:translateY(-5px);box-shadow:0 10px 25px #0ea5e926}.tools-slider{display:flex;gap:1.5rem;width:max-content;will-change:transform}.reverse-slider{animation:slideReverse 40s linear infinite}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.tool-logo{width:100%;height:100%;object-fit:contain;transition:all .3s ease}.frontend-tool:hover .tool-logo{filter:drop-shadow(0 0 8px rgba(56,189,248,.3))}.backend-tool:hover .tool-logo{filter:drop-shadow(0 0 8px rgba(14,165,233,.3))}@media(min-width:769px){.slider-title{font-size:2rem}.slider-title-icon{font-size:2.2rem}.tool-item{min-width:140px;padding:1.5rem}.tool-name{font-size:1rem}}@media(min-width:1024px){.dual-sliders-container{margin:5rem 0}.slider-section{margin-bottom:5rem}.slider-title{font-size:2.2rem}.tool-item{min-width:150px}}@media(min-width:1200px){.slider-title{font-size:2.4rem}.tool-item{min-width:160px;padding:1.8rem}.tool-name{font-size:1.1rem}}@media(min-width:1400px){.slider-title{font-size:2.8rem}.tool-item{min-width:180px;padding:2rem}.tool-name{font-size:1.2rem}}.freelance-container{min-height:100vh;width:100%;position:relative;padding:3rem 1.5rem;overflow:hidden}.freelance-bg-element{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.03) 0%,transparent 70%);top:10%;right:-10%;z-index:-1;animation:rotateAndScale 25s linear infinite}.freelance-header{text-align:center;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.freelance-title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem;position:relative;display:inline-block}.freelance-title-text{color:#38bdf8;position:relative;z-index:2}.freelance-title-underline{height:4px;background:linear-gradient(90deg,#38bdf8,transparent);border-radius:2px;margin:.5rem auto 0;transform-origin:left center;width:120px;position:relative;z-index:2}.freelance-subtitle{opacity:.8;font-size:1.1rem;margin-top:1.5rem;line-height:1.6;position:relative;z-index:2}.filter-container{display:flex;justify-content:center;gap:.8rem;margin-bottom:3rem;flex-wrap:wrap;padding:0 1rem;position:relative;z-index:1}.filter-button{padding:.6rem 1.2rem;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);border-radius:20px;color:#7dd3fc;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.4rem}.filter-button:hover{background:#38bdf833;transform:translateY(-2px)}.filter-button.active{background:#38bdf840;border-color:#38bdf8;color:#38bdf8;box-shadow:0 4px 15px #38bdf833}.projects-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;position:relative;z-index:1}.no-projects{text-align:center;padding:3rem;background:#38bdf808;border-radius:16px;border:1px solid rgba(56,189,248,.1);position:relative;z-index:1}.no-projects-title{font-size:1.5rem;color:#38bdf8;margin-bottom:1rem}.no-projects-text{opacity:.8;font-size:1rem}.project-card{background:#0f172ad9;border:1px solid rgba(56,189,248,.15);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;display:flex;flex-direction:column;cursor:pointer;height:480px}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #38bdf81f}.gradient-background{position:absolute;inset:0;z-index:1}.gradient-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%);opacity:1;transition:opacity .3s ease;z-index:2}.project-card:hover .gradient-overlay{background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 40%)}.category-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:#ffffffe6;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.project-card:hover .category-icon{background:#0006;transform:translate(-50%,-50%) scale(1.05);color:#fff}.freelance-badge{position:absolute;top:1rem;left:1rem;padding:.4rem .9rem;background:#22c55e33;border:1px solid rgba(34,197,94,.3);border-radius:20px;font-size:.8rem;color:#4ade80;font-weight:500;z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;gap:.3rem}.category-badge{position:absolute;top:1rem;right:1rem;padding:.4rem .9rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:20px;font-size:.8rem;color:#a78bfa;font-weight:500;z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;position:relative;z-index:3;margin-top:auto;background:linear-gradient(to top,rgba(15,23,42,.95) 0%,rgba(15,23,42,.85) 50%,transparent 100%)}.project-title{font-size:1.3rem;font-weight:600;line-height:1.3;color:#fff;margin-bottom:.8rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.project-description{font-size:.9rem;line-height:1.6;color:#ffffffe6;margin-bottom:1.2rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3)}.tech-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.tech-item{padding:.3rem .7rem;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;font-size:.75rem;font-weight:500;color:#fff;border:1px solid rgba(255,255,255,.15)}.view-button{padding:.9rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:.4rem;color:#fff;font-weight:600;font-size:.9rem;transition:all .3s ease;cursor:pointer;margin-top:auto;position:relative;z-index:3;background:#0f172af2}.view-button:hover{background-color:#38bdf833;color:#7dd3fc}.load-more-container{text-align:center;margin-top:2rem;position:relative;z-index:1}.load-more-button{padding:.8rem 2rem;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#0f172a;border-radius:10px;border:none;font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.load-more-button:hover{transform:scale(1.05);box-shadow:0 10px 30px #38bdf866}.load-more-button:active{transform:scale(.95)}.load-more-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-container{background:#0f172af2;border-radius:20px;width:95%;max-height:90vh;overflow:auto;border:1px solid rgba(56,189,248,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.modal-close-button{position:absolute;top:.8rem;right:.8rem;background:#38bdf81a;border:1px solid rgba(56,189,248,.3);color:#38bdf8;width:35px;height:35px;border-radius:50%;font-size:1rem;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center}.modal-gradient-background{position:relative;width:100%;height:150px;border-radius:16px 16px 0 0;overflow:hidden}.modal-gradient-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.9) 0%,transparent 50%)}.modal-content{padding:1.5rem}.modal-title-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(56,189,248,.1)}.modal-title{font-size:1.8rem;margin-bottom:.3rem;line-height:1.2;color:#38bdf8}.modal-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.modal-badge{padding:.3rem .8rem;background:#38bdf81a;border-radius:20px;font-size:.8rem;color:#38bdf8;display:flex;align-items:center;gap:.3rem}.modal-badge-green{background:#22c55e1a;color:#4ade80}.modal-badge-purple{background:#8b5cf61a;color:#a78bfa}.modal-grid{display:grid;grid-template-columns:1fr;gap:2rem}.modal-section-title{font-size:1.3rem;margin-bottom:.8rem;color:#38bdf8}.modal-description{line-height:1.7;margin-bottom:1.5rem;font-size:.95rem;opacity:.9}.modal-details-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.detail-item{display:flex;align-items:center;gap:.8rem;padding:.8rem;background:#38bdf80d;border-radius:12px;border:1px solid rgba(56,189,248,.1)}.detail-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#38bdf81a;border-radius:10px;color:#38bdf8}.detail-label{font-size:.8rem;color:#7dd3fc;opacity:.8;margin-bottom:.2rem}.detail-value{font-size:1rem;font-weight:600;color:#38bdf8}.modal-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.modal-tech-item{padding:.4rem .8rem;background:#38bdf812;border-radius:12px;font-size:.9rem;color:#7dd3fc;border:1px solid rgba(56,189,248,.1)}.modal-view-button{padding:.8rem 1.5rem;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#0f172a;border-radius:10px;border:none;font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;text-decoration:none;width:100%;justify-content:center;margin-top:1rem}.modal-view-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #38bdf866}@keyframes rotateAndScale{0%{rotate:0deg;scale:1}50%{scale:1.1}to{rotate:360deg;scale:1}}@media(min-width:769px){.freelance-container{padding:clamp(3rem,5vw,4rem) clamp(1.5rem,5vw,4rem)}.filter-container{gap:1rem;margin-bottom:3rem}.filter-button{padding:.7rem 1.5rem;font-size:.9rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.project-card{height:500px}.category-icon{width:100px;height:100px}.project-content{padding:1.8rem}.project-title{font-size:1.4rem}.project-description{font-size:.95rem}.freelance-bg-element{width:350px;height:350px;right:-5%}.load-more-button{padding:1rem 2.5rem;font-size:1rem}.modal-overlay{padding:1rem}.modal-container{max-width:90%;max-height:85vh}.modal-close-button{top:1.5rem;right:1.5rem;width:40px;height:40px;font-size:1.2rem}.modal-gradient-background{height:200px}.modal-content{padding:2.5rem}.modal-title{font-size:2.2rem}.modal-badge{font-size:.9rem}.modal-grid{grid-template-columns:2fr 1fr;gap:3rem}.modal-section-title{font-size:1.5rem}.modal-description{font-size:1.1rem}.modal-tech-item{font-size:.9rem}.modal-view-button{padding:1rem 1.5rem;font-size:1.1rem}}@media(min-width:1024px){.freelance-container{padding:clamp(3rem,5vw,6rem) clamp(1.5rem,6vw,6rem)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}.project-card{height:520px}.category-icon{width:120px;height:120px}.project-content{padding:2rem}.project-title{font-size:1.5rem}.project-description{font-size:1rem}.freelance-bg-element{width:400px;height:400px;right:0%}.freelance-title-underline{width:100px}.freelance-subtitle{font-size:1.2rem}.modal-container{max-width:800px}.modal-title{font-size:2.5rem}.modal-gradient-background{height:250px}}.contact-section{min-height:100vh;padding:clamp(3rem,5vw,6rem) clamp(1.5rem,4vw,4rem);max-width:1400px;margin:0 auto;position:relative;overflow:hidden}.contact-animated-bg-1{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.05) 0%,transparent 70%);top:10%;right:5%;z-index:-1}.contact-animated-bg-2{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.03) 0%,transparent 70%);bottom:15%;left:5%;z-index:-1}.contact-header{text-align:center;margin-bottom:4rem}.contact-title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem;position:relative;display:inline-block}.contact-title span{color:#38bdf8}.contact-title-line{height:3px;background:linear-gradient(90deg,#38bdf8,transparent);border-radius:2px;margin:.5rem auto 0;width:0}.contact-subtitle{opacity:.8;font-size:1.1rem;max-width:700px;margin:1rem auto 0;line-height:1.6}.contact-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;align-items:stretch}.contact-left-column,.contact-right-column{display:flex;flex-direction:column;gap:3rem}.contact-card{background:#0f172ad9;border-radius:20px;border:1px solid rgba(56,189,248,.15);padding:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.contact-form-card,.contact-info-card{height:650px}.contact-card-sm{height:300px;justify-content:center;background:linear-gradient(135deg,#38bdf80d,#8b5cf60d)}.contact-card-header{font-size:1.8rem;margin-bottom:1.5rem;color:#38bdf8;display:flex;align-items:center;gap:.5rem}.contact-form{flex:1;display:flex;flex-direction:column}.contact-form-fields{display:flex;flex-direction:column;gap:1.5rem;flex:1}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column}.form-label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#7dd3fc;font-weight:500}.form-input,.form-textarea{width:100%;padding:.8rem 1rem;background:#38bdf80d;border:1px solid rgba(56,189,248,.2);border-radius:10px;color:#f8fafc;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#38bdf8;background:#38bdf814}.form-textarea{min-height:180px;resize:vertical}.form-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#0f172a;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.form-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}.form-button:disabled{background:#38bdf880;cursor:not-allowed;transform:none!important;box-shadow:none!important}.form-status{padding:1rem;border-radius:10px;text-align:center;font-size:.95rem;margin-top:1rem}.form-status.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.form-status.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.opportunities-emoji{font-size:3rem;margin-bottom:1.5rem;text-align:center;color:#38bdf8}.opportunities-title{font-size:1.5rem;margin-bottom:1rem;color:#38bdf8;text-align:center}.opportunities-text{font-size:1rem;opacity:.8;line-height:1.6;margin-bottom:1.5rem;text-align:center}.opportunities-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;background:#38bdf81a;border-radius:20px;border:1px solid rgba(56,189,248,.3);font-size:.95rem;color:#38bdf8;font-weight:500;margin:0 auto;width:fit-content}.contact-info-grid{display:grid;gap:1.2rem;flex:1}.contact-info-item{display:flex;align-items:center;gap:1rem;text-decoration:none;padding:1.2rem;background:#38bdf808;border-radius:12px;border:1px solid rgba(56,189,248,.1);transition:all .3s ease;cursor:pointer}.contact-info-item:hover{transform:translate(5px);background:#38bdf812;border-color:#38bdf84d}.contact-info-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.contact-info-content{flex:1}.contact-info-title{font-size:.9rem;color:#7dd3fc;margin-bottom:.2rem}.contact-info-value{font-size:1rem;color:#f8fafc;font-weight:500}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;flex:1}.social-item{padding:1.2rem .8rem;background:#38bdf80d;border:1px solid rgba(56,189,248,.2);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;text-decoration:none;color:#f8fafc;transition:all .3s ease;min-height:110px}.social-item:hover{transform:translateY(-3px) scale(1.1);background:#38bdf81a;box-shadow:0 8px 20px #38bdf833}.social-icon{font-size:1.8rem;color:#38bdf8}.social-label{font-size:.9rem;font-weight:500;text-align:center}.location-badge{margin-top:3rem;text-align:center}.location-content{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#38bdf80d;border-radius:20px;border:1px solid rgba(56,189,248,.2)}.location-icon{color:#38bdf8}.location-text{font-size:.95rem;opacity:.9}.spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}