:root{--bg:#070709}body{color:#e0e0e0;background:linear-gradient(135deg,#070709 0%,#0c0f12 50%,#070709 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.hero{color:#fff;background:#0a0a0f;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding:3rem 5vw;display:flex;position:relative;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.4px;color:#d0d0d0;opacity:0;background:#00000080;border:1px solid #32324699;border-radius:999px;align-items:center;gap:.9rem;padding:.55rem 1.1rem;font-size:.92rem;font-weight:500;animation:.6s forwards fadeInUp;display:flex}.dot{background:#38bb38;border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 12px #38bb38,0 0 24px #38bb3899}.content{max-width:780px;margin-top:4rem}h1{letter-spacing:-.8px;color:#fff;opacity:0;margin-bottom:1.4rem;font-size:clamp(2.8rem,7vw,5.2rem);font-weight:100;line-height:1.05;animation:.7s .1s forwards fadeInLeft}.description{color:#b0b0c0;opacity:.92;opacity:0;margin-bottom:3rem;font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.55;animation:.7s .2s forwards fadeInLeft}.social-buttons{flex-wrap:wrap;gap:1rem;display:flex}.social-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e0e0ff;opacity:0;background:#00000080;border:1px solid #32324699;border-radius:40px;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.4rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .22s;animation:.6s forwards fadeInUp;display:inline-flex}.social-btn:first-child{animation-delay:.3s}.social-btn:nth-child(2){animation-delay:.4s}.social-btn:nth-child(3){animation-delay:.5s}.social-btn:nth-child(4){animation-delay:.6s}.social-btn:hover{background:#32324699;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.social-btn:hover .btn-icon{transform:scale(1.1)}.btn-text{display:inline-block}.social-btn.github:hover{color:#ddd;border-color:#555}.social-btn.linkedin:hover{color:#e3f2fd;border-color:#0a66c2}.social-btn.email:hover{color:#ffebee;border-color:#e74c3c}.social-btn.explore{color:#000;background:linear-gradient(90deg,#38b763,#4ade80);border:none;gap:.4rem;font-weight:600}.social-btn.explore:hover{background:linear-gradient(90deg,#4ade80,#38b763);transform:translateY(-3px)scale(1.03)}.arrow-icon{font-size:1.2rem;transition:transform .2s}.social-btn.explore:hover .arrow-icon{transform:translate(4px)}.pin-button{cursor:pointer;opacity:0;background:#ffffff1a;border:1px solid #4ade804d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:.5rem;transition:all .3s;animation:.5s 50ms forwards fadeInScale;display:flex;position:relative;overflow:hidden}.pin-button:before{content:"";background:#4ade804d;border-radius:50%;width:0;height:0;transition:width .3s,height .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pin-button:hover:before{width:100%;height:100%}.pin-button:hover{background:#4ade8033;border-color:#4ade80;transform:scale(1.05)}.pin-icon{z-index:1;font-size:1rem;transition:all .3s;position:relative}.pin-icon.pinned{color:#4ade80;transform:rotate(0)}.pin-icon.unpinned{color:#b0b0c0;transform:rotate(45deg)}@keyframes pinPop{0%{transform:rotate(0)scale(1)}50%{transform:rotate(45deg)scale(1.2)}to{transform:rotate(45deg)scale(1)}}@keyframes pinUnpop{0%{transform:rotate(45deg)scale(1)}50%{transform:rotate(0)scale(1.2)}to{transform:rotate(0)scale(1)}}.pin-icon.pinned{animation:.3s pinUnpop}.pin-icon.unpinned{animation:.3s pinPop}#navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;opacity:0;background:#00000080;border:1px solid #32324699;border-radius:999px;align-items:center;gap:1.6rem;padding:.4rem 1.2rem;transition:all .3s;animation:.6s forwards slideInDown;display:flex;left:50%!important;transform:translate(-50%)!important}#navigation.fixed-nav{position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}#navigation.absolute-nav{position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.nav-link{color:#d0d0d0;opacity:0;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem .8rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;animation:.5s forwards fadeInScale;display:flex}.nav-link:nth-child(2){animation-delay:.1s}.nav-link:nth-child(3){animation-delay:.15s}.nav-link:nth-child(4){animation-delay:.2s}.nav-link:nth-child(5){animation-delay:.25s}.nav-link:hover{color:#fff;background:#50506466}.nav-icon{opacity:.9;font-size:1.1rem}@media (width<=1024px){.social-btn{padding:.7rem 1.2rem}.btn-icon{font-size:1.2rem}}@media (width<=768px){.hero{text-align:center;align-items:center;padding:2.5rem 6vw}.status-badge{margin-bottom:3rem;position:static}.content{margin-top:1rem}h1{font-size:clamp(2.4rem,9vw,4rem)}.description{font-size:1.1rem}.social-buttons{justify-content:center}.btn-text{display:none}.social-btn{aspect-ratio:1;border-radius:50%;padding:.9rem}.btn-icon{margin:0;font-size:1.4rem}.social-btn.explore{aspect-ratio:auto;border-radius:40px;padding:.9rem 1.2rem}.social-btn.explore .btn-text{font-size:.9rem;display:inline-block}.arrow-icon{font-size:1rem}}@media (width<=640px){.pin-button{width:28px;height:28px}.pin-icon{font-size:.9rem}#navigation{gap:1rem;padding:.5rem 1rem}#navigation.fixed-nav,#navigation.absolute-nav{top:1rem}.nav-link{padding:.6rem;font-size:0}.nav-link:hover{background:0 0}.nav-icon{font-size:1.3rem}}@media (width<=480px){.social-buttons{gap:.8rem}.social-btn{padding:.8rem}.btn-icon{font-size:1.2rem}.social-btn.explore{padding:.8rem 1rem}.status-badge{gap:.6rem;padding:.4rem .9rem;font-size:.8rem}.dot{width:8px;height:8px}.pin-button{width:24px;height:24px;margin-right:.2rem}.pin-icon{font-size:.8rem}#navigation{gap:.8rem;padding:.4rem .8rem}}.pin-button:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.social-btn,.btn-icon,.arrow-icon,.nav-link,.pin-button,.pin-icon,.pin-button:before,#navigation,.status-badge,h1,.description{opacity:1;transition:none;animation:none;transform:none}.pin-icon.pinned,.pin-icon.unpinned{animation:none}.social-btn:hover,.social-btn:hover .btn-icon,.social-btn:hover .arrow-icon{transform:none}.pin-button:hover:before{width:0;height:0}}.about-section{color:#fff;background:#0a0a0f;min-height:auto;padding:2rem 5vw;position:relative;overflow:hidden}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.about-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;opacity:0;margin-bottom:2.5rem;animation:.6s forwards fadeInUp}.about-grid{grid-template-rows:repeat(8,auto);grid-template-columns:repeat(8,1fr);gap:1.2rem;display:grid}.div1{grid-area:1/1/5/3}.div2{grid-area:1/3/2/5}.div3{grid-area:2/3/5/5}.div4{grid-area:1/5/5/9}.div5{grid-area:5/1/9/5}.div6{grid-area:5/5/9/9}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#00000080;border:1px solid #32324699;border-radius:1.2rem;flex-direction:column;padding:1.2rem;transition:all .3s;animation:.6s forwards fadeInUp;display:flex;position:relative;overflow:hidden}.div1{animation-delay:.1s}.div2{animation-delay:.15s}.div3{animation-delay:.2s}.div4{animation-delay:.25s}.div5{animation-delay:.3s}.div6{animation-delay:.35s}.card:hover{border-color:#505064cc;transform:translateY(-3px);box-shadow:0 15px 30px #0000004d}.card-icon{color:#4ade80;opacity:0;margin-bottom:.8rem;font-size:1.8rem;animation:.5s .2s forwards fadeInScale;display:inline-block}.card-icon-small{color:#4ade80;opacity:0;font-size:1.2rem;animation:.5s .25s forwards fadeInScale;display:inline-block}.card h3{color:#fff;letter-spacing:-.3px;opacity:0;margin-bottom:.8rem;font-size:1.2rem;font-weight:600;animation:.5s .3s forwards fadeInRight}.photo-card{justify-content:center;align-items:center}.photo-placeholder{opacity:0;background:linear-gradient(135deg,#313131,#7b7c7b);border-radius:50%;justify-content:center;align-items:center;width:100%;max-width:180px;height:180px;animation:.6s .15s forwards fadeInScale;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #fcfcfc4d}.profile-image{object-fit:cover;border-radius:50%;width:100%;height:100%;transition:transform .3s}.photo-card:hover .profile-image{transform:scale(1.05)}.avatar-initials{color:#fff;text-shadow:2px 2px 4px #0000004d;z-index:1;font-size:3rem;font-weight:700}.location-card{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.location-compact{opacity:0;flex:1;justify-content:flex-end;align-items:center;gap:.8rem;animation:.5s .35s forwards fadeInLeft;display:flex}.location-text{color:#b0b0c0;font-size:.9rem;font-weight:500}.flag-icon-small{color:#ff4d4d;font-size:1.2rem}.languages-card{flex-direction:column;display:flex}.language-list{flex-direction:column;gap:.8rem;margin-top:.5rem;display:flex}.language-item{opacity:0;background:#ffffff0d;border-radius:10px;align-items:center;gap:.8rem;padding:.6rem;transition:all .2s;animation:.5s forwards fadeInRight;display:flex}.language-item:first-child{animation-delay:.4s}.language-item:nth-child(2){animation-delay:.45s}.language-item:nth-child(3){animation-delay:.5s}.language-item:hover{background:#ffffff1a;transform:translate(5px)}.language-flag{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.flag-image{object-fit:cover;border-radius:4px;width:28px;height:28px;box-shadow:0 2px 4px #0003}.language-name{color:#fff;flex:1;font-size:.9rem;font-weight:500}.language-level{border-radius:20px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.language-level.native{color:#4ade80;background:#38b76333;border:1px solid #38b76366}.language-level.c1{color:#4ade80;background:#4ade8026;border:1px solid #4ade804d}.language-level.b2{color:#b0b0c0;background:#4ade801a;border:1px solid #4ade8033}.about-text-card p{color:#b0b0c0;opacity:0;margin-bottom:.8rem;font-size:.9rem;line-height:1.5;animation:.5s .35s forwards fadeInLeft}.about-text-card p:last-child{margin-bottom:0}.about-footer{border-top:1px solid #4ade8033;flex-wrap:wrap;gap:1.5rem;margin-top:1.2rem;padding-top:1rem;display:flex}.interests-section,.social-section{opacity:0;flex:1;min-width:150px;animation:.5s forwards fadeInUp}.interests-section{animation-delay:.45s}.social-section{animation-delay:.5s}.section-title{align-items:center;gap:.5rem;margin-bottom:.8rem;display:flex}.section-icon{color:#4ade80;font-size:1rem}.section-title h4{color:#fff;margin:0;font-size:.9rem;font-weight:600}.interests-list{flex-wrap:wrap;gap:.5rem;display:flex}.interest-tag{color:#b0b0c0;opacity:0;background:#4ade801a;border:1px solid #4ade8033;border-radius:20px;padding:.3rem .7rem;font-size:.75rem;transition:all .2s;animation:.4s forwards fadeInScale}.interest-tag:first-child{animation-delay:.55s}.interest-tag:nth-child(2){animation-delay:.6s}.interest-tag:nth-child(3){animation-delay:.65s}.interest-tag:nth-child(4){animation-delay:.7s}.interest-tag:nth-child(5){animation-delay:.75s}.interest-tag:nth-child(6){animation-delay:.8s}.interest-tag:hover{color:#4ade80;background:#4ade8033;transform:translateY(-2px)}.social-links-mini{flex-wrap:wrap;gap:.8rem;display:flex}.social-mini-link{color:#b0b0c0;opacity:0;background:#ffffff0d;border:1px solid #4ade804d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;text-decoration:none;transition:all .2s;animation:.4s forwards fadeInScale;display:flex}.social-mini-link:first-child{animation-delay:.55s}.social-mini-link:nth-child(2){animation-delay:.6s}.social-mini-link:nth-child(3){animation-delay:.65s}.social-mini-link:hover{color:#4ade80;background:#4ade8033;border-color:#4ade80;transform:translateY(-3px)}.education-details{margin-top:.5rem}.school{opacity:0;animation:.5s .4s forwards fadeInLeft}.school h4{color:#fff;margin-bottom:.3rem;font-size:1rem;font-weight:600}.school-field{color:#4ade80;margin-bottom:.3rem;font-size:.85rem;font-weight:500}.school-year{color:#b0b0c0;background:#ffffff0d;border-radius:20px;padding:.2rem .6rem;font-size:.8rem;display:inline-block}.tech-badges-container{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.7rem;margin-top:.5rem;display:flex}.tech-badge{color:#b0b0c0;white-space:nowrap;cursor:default;opacity:0;background:#ffffff0d;border:1px solid #ffffff26;border-radius:30px;padding:.4rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;animation:.4s forwards fadeInScale}.tech-badge:first-child{animation-delay:.4s}.tech-badge:nth-child(2){animation-delay:.43s}.tech-badge:nth-child(3){animation-delay:.46s}.tech-badge:nth-child(4){animation-delay:.49s}.tech-badge:nth-child(5){animation-delay:.52s}.tech-badge:nth-child(6){animation-delay:.55s}.tech-badge:nth-child(7){animation-delay:.58s}.tech-badge:nth-child(8){animation-delay:.61s}.tech-badge:nth-child(9){animation-delay:.64s}.tech-badge:nth-child(10){animation-delay:.67s}.tech-badge:nth-child(11){animation-delay:.7s}.tech-badge:nth-child(12){animation-delay:.73s}.tech-badge:nth-child(13){animation-delay:.76s}.tech-badge:nth-child(14){animation-delay:.79s}.tech-badge:nth-child(15){animation-delay:.82s}.tech-badge:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.tech-badge.main-tech{color:#4ade80;background:#4ade8026;border:1px solid #4ade8080;font-weight:600;box-shadow:0 0 8px #4ade8033}.tech-badge.main-tech:hover{background:#4ade8040;border-color:#4ade80;transform:translateY(-2px)scale(1.05);box-shadow:0 0 15px #4ade8066}.card{isolation:isolate;position:relative}.card:before{content:"";transform-origin:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,#38b763,#4ade80);border-radius:1.2rem 1.2rem 0 0;height:2px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card:hover:before{transform:scaleX(1)}@media (width<=1024px){.about-section{padding:1.5rem 5vw}.about-grid{gap:1rem}.card{padding:1rem}.tech-badge{padding:.35rem .9rem;font-size:.8rem}}@media (width<=768px){.about-section{padding:1.5rem 4vw}.about-grid{grid-template-rows:auto;grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.div1,.div2,.div3,.div4,.div5,.div6{grid-area:auto}.div1{grid-column:span 2}.div2,.div3{grid-column:span 1}.div4,.div5,.div6{grid-column:span 2}.photo-placeholder{width:150px;height:150px}.avatar-initials{font-size:2.5rem}.location-text{font-size:.85rem}.about-footer{flex-direction:column;gap:1rem}.interests-section,.social-section{width:100%}.tech-badges-container{gap:.6rem}.tech-badge{padding:.3rem .8rem;font-size:.75rem}}@media (width<=480px){.about-section{padding:1rem 4vw}.about-grid{grid-template-columns:1fr;gap:.8rem}.div1,.div2,.div3,.div4,.div5,.div6{grid-column:span 1}.photo-placeholder{width:120px;height:120px}.avatar-initials{font-size:2rem}.location-card,.location-compact{justify-content:center}.card h3{font-size:1.1rem}.flag-image{width:24px;height:24px}.interest-tag{padding:.25rem .6rem;font-size:.7rem}.social-mini-link{width:28px;height:28px;font-size:.9rem}.tech-badges-container{gap:.5rem}.tech-badge{padding:.25rem .7rem;font-size:.7rem}}@media (prefers-reduced-motion:reduce){.card,.card:before,.language-item,.tech-badge,.interest-tag,.social-mini-link,.section-header,.card-icon,.card h3,.photo-placeholder,.location-compact,.language-item,.about-text-card p,.interests-section,.social-section,.interest-tag,.social-mini-link,.school,.tech-badge{opacity:1;transition:none;animation:none;transform:none}.card:hover{transform:none}}@media (width>=1400px){.about-container{max-width:1600px}.card{padding:1.5rem}.tech-badge{padding:.5rem 1.2rem;font-size:.9rem}}.projects-section{color:#fff;background:#0a0a0f;min-height:100vh;padding:2rem 5vw;position:relative;overflow:hidden}.projects-container{max-width:1400px;margin:0 auto}.projects-grid{grid-template-rows:repeat(6,auto);grid-template-columns:repeat(8,1fr);gap:1.2rem;display:grid}.project-1{grid-area:1/1/3/5}.project-2{grid-area:1/5/3/9}.project-3{grid-area:3/1/5/4}.project-4{grid-area:3/4/5/6}.project-5{grid-area:3/6/5/9}.project-6{grid-area:5/1/7/9}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#00000080;border:1px solid #32324699;border-radius:1rem;transition:all .3s;position:relative;overflow:hidden}.project-card:hover{border-color:#4ade8080;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.project-image{aspect-ratio:16/9;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.view-details{color:#000;background:linear-gradient(90deg,#38b763,#4ade80);border-radius:30px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:transform .3s;transform:translateY(20px)}.project-card:hover .view-details{transform:translateY(0)}.project-content{padding:1.2rem}.project-content h3{color:#fff;margin-bottom:.3rem;font-size:1.2rem;font-weight:600}.project-domain{color:#4ade80;margin-bottom:.8rem;font-family:monospace;font-size:.85rem}.project-description{color:#b0b0c0;margin-bottom:1rem;font-size:.85rem;line-height:1.5}.project-tech{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{color:#b0b0c0;background:#4ade801a;border:1px solid #4ade804d;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;transition:all .2s}.tech-tag:hover{color:#4ade80;background:#4ade8033}.modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#000000f2;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0fe6;border:1px solid #4ade804d;border-radius:1.5rem;width:95vw;height:90vh;animation:.3s slideUp;position:relative;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:#fff3;transform:scale(1.1)}.modal-content{height:100%;display:flex;overflow-y:auto}.modal-gallery{background:#000;flex-direction:column;flex:1.5;display:flex;position:relative}.gallery-main{background:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.gallery-main img{object-fit:contain;max-width:100%;max-height:100%}.gallery-nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background:#4ade8080;transform:translateY(-50%)scale(1.1)}.gallery-nav.prev{left:1rem}.gallery-nav.next{right:1rem}.gallery-thumbnails{background:#00000080;gap:.5rem;padding:1rem;display:flex;overflow-x:auto}.thumbnail{cursor:pointer;border:2px solid #0000;border-radius:.5rem;width:80px;height:60px;transition:all .2s;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%}.thumbnail:hover{transform:scale(1.05)}.thumbnail.active{border-color:#4ade80}.modal-info{flex:1;padding:2rem;overflow-y:auto}.modal-info h2{background:linear-gradient(135deg,#fff 0%,#b0b0c0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:600}.modal-domain{color:#4ade80;margin-bottom:1rem;font-family:monospace;font-size:1rem}.modal-tech{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.modal-description{margin-bottom:2rem}.modal-description h3{color:#fff;margin-bottom:.8rem;font-size:1.2rem;font-weight:600}.modal-description p{color:#b0b0c0;font-size:.95rem;line-height:1.6}.modal-links{gap:1rem;display:flex}.modal-link{border-radius:40px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.modal-link.github{color:#fff;background:#ffffff1a;border:1px solid #fff3}.modal-link.github:hover{background:#fff3;transform:translateY(-2px)}.modal-link.live{color:#000;background:linear-gradient(90deg,#38b763,#4ade80)}.modal-link.live:hover{transform:translateY(-2px);box-shadow:0 5px 20px #38b76366}.biggest-project{position:relative}.biggest-badge{color:#fff;letter-spacing:.5px;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:30px;padding:.4rem .8rem;font-size:.7rem;font-weight:600;animation:2s infinite pulse;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 10px #dc26264d}@keyframes pulse{0%{transform:scale(1);box-shadow:0 2px 10px #dc26264d}50%{transform:scale(1.05);box-shadow:0 4px 20px #dc262680}to{transform:scale(1);box-shadow:0 2px 10px #dc26264d}}@media (width<=768px){.biggest-badge{white-space:nowrap;padding:.3rem .6rem;font-size:.6rem;top:.5rem;right:.5rem}}@media (width<=480px){.biggest-badge{padding:.2rem .5rem;font-size:.55rem;top:.3rem;right:.3rem}}@media (width<=1024px){.projects-section{padding:1.5rem 5vw}.modal-content{flex-direction:column}.modal-gallery{flex:1;min-height:300px}.modal-info{flex:1}}@media (width<=768px){.projects-grid{flex-direction:column;gap:1rem;display:flex}.project-card{width:100%}.project-1,.project-2,.project-3,.project-4,.project-5,.project-6{grid-area:auto}.modal-container{width:98vw;height:95vh}.modal-info{padding:1.5rem}.modal-info h2{font-size:1.5rem}.modal-links{flex-direction:column}.thumbnail{width:60px;height:45px}}@media (width<=480px){.projects-section{padding:1rem 4vw}.section-header{margin-bottom:2rem}.project-content{padding:1rem}.project-content h3{font-size:1rem}.modal-container{border-radius:0;width:100vw;height:100vh}.modal-info{padding:1rem}.modal-info h2{font-size:1.3rem}.gallery-nav{width:30px;height:30px}.thumbnail{width:50px;height:40px}}@media (prefers-reduced-motion:reduce){.project-card,.project-image img,.project-overlay,.view-details,.modal-overlay,.modal-container{transition:none;animation:none}.project-card:hover{transform:none}}.certificates-section{color:#fff;background:#0a0a0f;min-height:auto;padding:2rem 5vw;position:relative;overflow:hidden}.certificates-container{max-width:1400px;margin:0 auto}.certificates-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;display:grid}.certificate-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid #32324699;border-radius:1.2rem;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden}.certificate-card:hover{border-color:#4ade8080;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.certificate-icon-wrapper{text-align:center;background:linear-gradient(135deg,#38b7631a,#4ade800d);border-bottom:1px solid #4ade8033;padding:2rem 1.5rem 1rem}.certificate-icon{font-size:3rem;transition:transform .3s}.certificate-card:hover .certificate-icon{transform:scale(1.1)}.certificate-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.certificate-content h3{color:#fff;margin-bottom:1rem;font-size:1.2rem;font-weight:600;line-height:1.4}.certificate-meta{border-bottom:1px solid #4ade8033;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;padding-bottom:.8rem;display:flex}.issuer,.date{color:#b0b0c0;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.meta-icon{color:#4ade80;font-size:.8rem}.certificate-description{color:#b0b0c0;flex:1;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.certificate-footer{text-align:right;margin-top:auto}.certificate-badge{color:#fff;background-color:#4ade80;border-radius:30px;padding:.3rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-block}.certificate-card:hover .certificate-badge{transform:scale(1.05);box-shadow:0 0 10px #4ade8080}.certificate-card:before{content:"";transform-origin:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#38b763,#4ade80);height:2px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.certificate-card:hover:before{transform:scaleX(1)}@media (width<=1024px){.certificates-section{padding:1.5rem 5vw}.certificates-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.2rem}.certificate-content h3{font-size:1.1rem}}@media (width<=768px){.certificates-section{padding:1.5rem 4vw}.certificates-grid{grid-template-columns:1fr;gap:1rem}.certificate-icon-wrapper{padding:1.5rem 1rem 1rem}.certificate-icon{font-size:2.5rem}.certificate-content{padding:1.2rem}.certificate-content h3{font-size:1rem}.certificate-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (width<=480px){.certificates-section{padding:1rem 4vw}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.5rem}.section-subtitle{font-size:.85rem}.certificate-icon-wrapper{padding:1.2rem 1rem .8rem}.certificate-icon{font-size:2rem}.certificate-content{padding:1rem}.certificate-content h3{font-size:.95rem}.issuer,.date{font-size:.75rem}.certificate-description{margin-bottom:1rem;font-size:.8rem}.certificate-badge{padding:.25rem .8rem;font-size:.7rem}}@media (width>=1400px){.certificates-container{max-width:1600px}.certificates-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1.8rem}.certificate-content h3{font-size:1.3rem}.certificate-description{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.certificate-card,.certificate-icon,.certificate-badge,.certificate-card:before{transition:none;animation:none}.certificate-card:hover,.certificate-card:hover .certificate-icon{transform:none}}.contact-section{color:#fff;background:#0a0a0f;min-height:auto;padding:2rem 5vw;position:relative;overflow:hidden}.contact-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{background:linear-gradient(135deg,#fff 0%,#b0b0c0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.8rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:600}.header-line{background:linear-gradient(90deg,#38b763,#4ade80);border-radius:3px;width:60px;height:2px;margin:0 auto 1rem}.section-subtitle{color:#b0b0c0;max-width:600px;margin:0 auto;font-size:1rem}.contact-wrapper{grid-template-columns:1fr 1.5fr;align-items:start;gap:3rem;display:grid}.contact-info{flex-direction:column;gap:1.5rem;display:flex}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid #32324699;border-radius:1rem;align-items:center;gap:1.2rem;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.info-card:before{content:"";transform-origin:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#38b763,#4ade80);height:2px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.info-card:hover:before{transform:scaleX(1)}.info-card:hover{border-color:#4ade8080;transform:translateY(-3px);box-shadow:0 15px 30px #0000004d}.info-icon{color:#4ade80;background:#4ade801a;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex}.info-card:hover .info-icon{background:#4ade8033;transform:scale(1.1)}.info-content{flex:1}.info-content h3{color:#fff;margin-bottom:.3rem;font-size:1rem;font-weight:600}.info-content p,.info-content a{color:#b0b0c0;font-size:.9rem;text-decoration:none;transition:color .2s}.info-content a:hover{color:#4ade80}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid #32324699;border-radius:1rem;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.contact-form:before{content:"";transform-origin:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#38b763,#4ade80);height:2px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.contact-form:hover:before{transform:scaleX(1)}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:flex}.input-icon{color:#4ade80;font-size:.9rem}.form-group input,.form-group textarea{color:#fff;background:#ffffff0d;border:1px solid #32324699;border-radius:.8rem;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{background:#4ade800d;border-color:#4ade80;outline:none;box-shadow:0 0 0 3px #4ade801a}.form-group input::placeholder,.form-group textarea::placeholder{color:#b0b0c080}.submit-btn{color:#000;cursor:pointer;background:linear-gradient(90deg,#38b763,#4ade80);border:none;border-radius:.8rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #38b76366}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.btn-icon{font-size:.9rem;transition:transform .3s}.submit-btn:hover .btn-icon{transform:translate(3px)}.status-message{text-align:center;border-radius:.8rem;margin-top:1rem;padding:.8rem;font-size:.9rem;font-weight:500;animation:.3s fadeIn}.status-message.success{color:#4ade80;background:#38b76333;border:1px solid #38b76366}.status-message.error{color:#ef4444;background:#dc262633;border:1px solid #dc262666}@media (width<=1024px){.contact-section{padding:1.5rem 5vw}.contact-wrapper{gap:2rem}.contact-form{padding:1.5rem}}@media (width<=768px){.contact-section{padding:1.5rem 4vw}.contact-wrapper{grid-template-columns:1fr;gap:2rem}.contact-info{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.info-card{padding:1.2rem}.info-icon{width:40px;height:40px;font-size:1.2rem}.info-content h3{font-size:.9rem}.info-content p,.info-content a{font-size:.8rem}}@media (width<=640px){.contact-section{padding:1rem 4vw}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.8rem}.section-subtitle{font-size:.9rem}.contact-info{grid-template-columns:1fr;gap:1rem}.info-card{padding:1rem}.contact-form{padding:1.2rem}.form-group{margin-bottom:1rem}.form-group input,.form-group textarea{padding:.7rem .8rem;font-size:.9rem}.submit-btn{padding:.8rem;font-size:.9rem}.status-message{padding:.6rem;font-size:.85rem}}@media (width<=480px){.contact-section{padding:1rem 3vw}.info-card{padding:.8rem}.info-icon{width:35px;height:35px;font-size:1rem}.info-content h3{font-size:.85rem}.info-content p,.info-content a{font-size:.75rem}.contact-form{padding:1rem}.form-group label{font-size:.85rem}}@media (width>=1400px){.contact-container{max-width:1600px}.contact-wrapper{gap:4rem}.contact-form{padding:2.5rem}.form-group input,.form-group textarea{padding:1rem 1.2rem;font-size:1rem}}@media (prefers-reduced-motion:reduce){.info-card,.info-card:before,.contact-form:before,.submit-btn,.btn-icon,.status-message{transition:none;animation:none}.info-card:hover,.submit-btn:hover,.submit-btn:hover .btn-icon{transform:none}.submit-btn:before{display:none}}