#cursorCircle{position:fixed;height:38px;width:38px;border-radius:100%;border:solid 2px #444342;left:0;top:0;pointer-events:none;z-index:-1}.trianglePattern{position:absolute;height:14px;width:14px;left:0;top:0;border-right:14px solid #444342;border-top:14px solid transparent;opacity:0;animation:triangleAnimation 2s ease;transition:2s;pointer-events:none;z-index:-1}.triangleClick{position:absolute;height:14px;width:14px;left:0;top:0;border-right:14px solid var(--primary-red);border-top:14px solid transparent;opacity:0;animation:triangleAnimation 1s ease;transition:1s ease;pointer-events:none;z-index:-1}@keyframes triangleAnimation{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media screen and (max-width: 925px){#cursorCircle,.trianglePattern{display:none}}*,*:before,*:after{box-sizing:border-box;font-family:Poppins,sans-serif}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word}:where([draggable=true]){-webkit-user-drag:element}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;appearance:textfield}:root{--primary-red: #e51717;--primary-pink: #e61550;--gradient: linear-gradient(90deg, #e51717 0%, #e61550 100%);--background: #141414;--card-background: #232323;--card-background-2: #1a1a1a;--white: #ffffff;--title-white: #fdf0f0;--black: #000000;--gray: #444342;--title-font: "Alfa Slab One", serif;--text-font: "Itim", cursive}html{scroll-behavior:smooth;max-width:100dvw;overflow-x:hidden}body{margin:0;padding:0;font-family:var(--text-font);background-color:var(--background);color:#fff;max-width:100dvw;overflow-x:hidden;position:relative}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--black)}body::-webkit-scrollbar-thumb{background-color:var(--primary-red);border-radius:20px;border:3px solid var(--black)}.main{display:flex;flex-direction:column;align-items:center}.homeSection{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100dvh;padding:20px 20px 110px}.background-circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-2}.circle{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.3;filter:blur(2px)}.circle-1{width:150px;height:150px;top:20%;left:10%;animation:float 15s infinite ease-in-out}.circle-2{width:100px;height:100px;top:60%;left:20%;animation:float 12s infinite ease-in-out;animation-delay:-2s}.circle-3{width:200px;height:200px;top:40%;right:15%;animation:float 18s infinite ease-in-out;animation-delay:-4s}.circle-4{width:80px;height:80px;bottom:20%;right:25%;animation:float 10s infinite ease-in-out;animation-delay:-6s}.circle-5{width:120px;height:120px;top:30%;right:30%;animation:float 14s infinite ease-in-out;animation-delay:-8s}@keyframes float{0%{transform:translate(0) rotate(0)}25%{transform:translate(20px,40px) rotate(90deg)}50%{transform:translate(40px,20px) rotate(180deg)}75%{transform:translate(20px,-40px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}.homeTopLine{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--gradient);z-index:1}.home__patternSvg{position:absolute;top:-40px;left:0;width:100%;object-fit:cover;z-index:-1}.home__title{font-size:2.8rem;font-weight:500;color:var(--white);font-family:var(--title-font);margin:0;text-align:center;position:relative;z-index:1}.home__title--2{font-size:4rem;font-weight:500;background:linear-gradient(270deg,var(--primary-red) 50%,#ff6a6a,var(--primary-red) 60%);width:100%;text-align:center;margin:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--title-font);background-size:300% 300%;position:relative;z-index:1}.home__title--3{font-family:Poppins,sans-serif;font-size:2rem;font-weight:800;background:var(--white);width:100%;text-align:center;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 300%;margin:0;position:relative;z-index:1}.cursor{display:inline-block;width:3px;height:1.2em;background-color:var(--white);margin-left:3px;animation:blink 1s infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.home__subTitle{font-family:var(--text-font);color:var(--white);font-size:22px;margin:40px 0 18px;text-align:center}.home__div--1{width:100%;display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0;position:relative;z-index:1}.home__button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-weight:700;font-size:18px;color:var(--white);background:linear-gradient(45deg,var(--primary-red),var(--primary-red),var(--primary-pink),var(--primary-red),var(--primary-red)) no-repeat;background-size:400% 400%;padding:14px 0;width:50%;max-width:250px;border-radius:1000px;cursor:pointer;outline-width:0px;transition:.3s;text-decoration:none;border:solid transparent;animation:linear-btn-animation 2s linear infinite}.home__button.button--2{color:var(--background);background:var(--title-white)}.home__button ion-icon{font-size:28px}.home__button:hover{color:#0e76a8;background:var(--white)}.home__button.button--2:hover{color:var(--white);background:transparent;border:solid 3px var(--white)}.home__downArrow{position:absolute;bottom:130px;margin:0;font-size:30px;animation:upDown 2s ease-in-out infinite;z-index:1}@keyframes upDown{0%{transform:translateY(14px)}50%{transform:translateY(0)}to{transform:translateY(14px)}}@keyframes gradiendAnimation{0%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes linear-btn-animation{0%{background-position:100% 50%}to{background-position:0% 50%}}@media screen and (max-width: 925px){.homeSection{height:auto;min-height:auto;padding:50px 20px 20px}.home__downArrow{display:none}.home__title{font-size:28px;line-height:200%;letter-spacing:2px}.home__title--2{line-height:100%;font-size:52px;letter-spacing:2px}.home__patternSvg{top:auto}.home__div--1{flex-direction:column;width:100%;margin:40px 0}.home__button{width:100%;max-width:460px}.circle{background:#ffffff4d}.circle-1{width:80px;height:80px;top:15%;left:5%}.circle-2{width:60px;height:60px;top:70%;left:10%}.circle-3{width:120px;height:120px;top:50%;right:5%}.circle-4{width:50px;height:50px;bottom:15%;right:15%}.circle-5{width:70px;height:70px;top:30%;right:20%}}.header{display:flex;align-items:center;justify-content:center;gap:40px;margin:30px 0 0}.header__container{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:var(--card-background);padding:8px 10px;border-radius:12px;border:solid 2px var(--gray);gap:10px}.header__container:after{content:"";position:absolute;height:50px;width:50px;right:-20px;border-right:50px solid var(--card-background);border-top:50px solid transparent;rotate:-45deg}.header__resumeBtn{background:linear-gradient(90deg,var(--primary-red) 0%,var(--primary-pink) 100%);color:var(--white);border:0px;outline-width:0px;padding:0;height:50px;width:50px;border-radius:10px;font-size:30px;cursor:pointer;transition:.2s cubic-bezier(.67,.52,1,2.54)}.header__resumeBtn:hover{transform:scale(1.05)}.header__nav{display:flex;flex-direction:row;align-items:center;gap:5px}.header__navLink{text-decoration:none;color:var(--white);padding:4px 20px;border-radius:1000px;font-size:18px;font-family:var(--text-font);transition:.3s ease}.header__navLink.active{background:var(--gray)}.header__navLink:hover{color:var(--primary-red);transform:scale(1.1)}.header__navLink.active:hover{color:var(--white)}.header__line{width:2px;height:30px;background:var(--gray);margin:0 -5px}.header__logo{width:120px}.menutoggle-btn{padding:0;margin:0;height:25px;width:35px;display:none;flex-direction:column;align-items:center;justify-content:center;outline:0px;border:0px;cursor:pointer;background-color:transparent;transition:.5s;z-index:3}.menutoggle-btn:after{content:"";background-color:var(--primary-red);width:100%;height:3px;box-shadow:0 11px 0 var(--primary-red);transition:.5s}.menutoggle-btn:before{content:"";background-color:var(--primary-red);width:100%;height:3px;transform:translateY(-8px);transition:.5s}.menutoggle-btn.active{transform:rotate(180deg)}.menutoggle-btn.active:after{box-shadow:0 0 0 var(--primary-red);transform:translateY(-2px) rotate(-45deg)}.menutoggle-btn.active:before{transform:translateY(2px) rotate(45deg)}@media screen and (max-width: 925px){.header{width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:0px;margin:0;padding:20px}.header__logo{height:50px;width:auto}.header__container{display:none;transition:0s}.header__container:after{display:none}.header a{display:flex;align-items:center;justify-content:center}.menutoggle-btn{display:flex}.header__container.active{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;right:0;gap:20px;padding:20px;width:100dvw;height:100dvh;border:solid 2px var(--gray);background:var(--card-background);z-index:2;border-radius:0}.header__container.active:after{display:none}.header__nav{flex-direction:column;gap:20px}.header__navLink{font-size:24px;padding:10px 40px}.header__line{display:none}a .header__resumeBtn{position:absolute;left:20px;top:20px}.header__container.active>:last-child{position:absolute;left:20px;top:90px;width:50px;height:50px}}.language-toggle{z-index:3;background:var(--card-background);border:2px solid var(--primary-red);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;outline:none}.language-toggle:hover{transform:scale(1.1);background:var(--primary-red)}.flag{font-family:Poppins,sans-serif;font-weight:600;font-size:12px;color:var(--white)}.flag-pt,.flag-en{color:#fff}.cubesAnimatedDiv{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:25vw;padding:20px;overflow:hidden}.cube{display:flex;align-items:center;justify-content:center;text-align:center;font-size:7em;width:calc(25% - 14px);aspect-ratio:1/1;background:#fff;color:var(--black);border-radius:14px}.cube.cube1{animation:cubeAnimation1 4s ease-in-out infinite}.cube.cube2{animation:cubeAnimation2 4s ease-in-out infinite;border-radius:100%}.cube.cube3{animation:cubeAnimation3 4s ease-in-out infinite}.cube.cube4{animation:cubeAnimation4 4s ease-in-out infinite;border-radius:100%}@keyframes cubeAnimation1{0%{transform:translateY(0) rotate(90deg)}15%{transform:translateY(calc(-100% - 20px))}40%{transform:translateY(calc(-100% - 20px)) translate(calc(100% + 20px))}60%{transform:translateY(0) translate(calc(100% + 20px))}to{transform:translateY(0) rotate(0)}}@keyframes cubeAnimation2{0%{transform:translateY(0)}28%{transform:translate(calc(-100% - 20px))}40%{transform:translate(calc(-100% - 20px)) translateY(calc(-100% - 20px));border-radius:100%}60%{transform:translate(calc(100% + 18px)) translateY(calc(-100% - 20px))}80%{transform:translate(calc(100% + 18px)) translateY(0);border-radius:14px}to{transform:translate(0) translateY(0)}}@keyframes cubeAnimation3{0%{transform:translateY(0)}30%{transform:translate(calc(-100% - 20px)) translateY(0)}40%{transform:translate(calc(-100% - 20px)) translateY(0)}60%{transform:translate(calc(-100% - 20px)) translateY(calc(100% + 20px))}80%{transform:translate(0) translateY(calc(100% + 20px))}94%{transform:translate(0) translateY(calc(100% + 20px))}to{transform:translate(0) translateY(0)}}@keyframes cubeAnimation4{0%{transform:translateY(0)}30%{transform:translate(calc(-100% - 20px))}60%{transform:translateY(0) translate(0)}80%{transform:translateY(0) translate(0)}to{transform:translateY(0)}}@media screen and (max-width: 925px){.cube{font-size:8vw}.cubesAnimatedDiv{margin-bottom:40px}}.musicButton{position:relative;box-sizing:content-box;display:flex;justify-content:flex-end;align-items:center;position:fixed;bottom:20px;right:20px;width:80px;padding:4px;background-color:var(--background);border:none;border-radius:1000px;cursor:pointer;transition:.5s ease;z-index:3}.musicButton.active ion-icon{transform:translate(-40px);background:var(--primary-red);color:var(--background)}.musicButton ion-icon{display:flex;align-items:center;justify-content:center;height:20px;width:20px;padding:10px;border-radius:100%;color:var(--primary-red);background:var(--background);transition:.5s ease}.musicButton ion-icon:after{content:"";position:absolute;width:25px;height:2px;background-color:var(--primary-red);rotate:45deg;transition:.5s ease}.musicButton.active ion-icon:after{content:"";position:absolute;width:25px;height:2px;background-color:var(--primary-red);rotate:45deg;opacity:0}.experienceSection{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100vh;padding:40px 20px;gap:30px}.experienceSection__logosDiv{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr auto;gap:8px}.experienceSection__logoCard{display:flex;align-items:center;justify-content:center;padding:20px;background:var(--card-background-2);border-radius:12px}.experienceSection__logoCard img{max-width:100%;max-height:100%;object-fit:contain}.experienceSection__logoCard.logoCard--column{flex-direction:column;gap:5px}.experienceSection__logoCard.logoCard--column img{max-width:60%;max-height:60%}.large-item{grid-column:span 2;height:auto}.large-item img{width:100%;height:70%}.experienceSection__textDiv{display:flex;flex-direction:column;gap:20px;width:fit-content;max-width:560px}.experienceSection__title{display:flex;align-items:center;justify-content:flex-start;font-size:2.7em;line-height:110%;letter-spacing:3px;font-weight:lighter;color:var(--title-white);font-family:var(--title-font);margin:0 0 30px;text-align:left;gap:12px}.experienceSection__title ion-icon{background:var(--gradient);padding:12px;height:26px;width:26px;min-width:26px;border-radius:10px}.experienceSection__title i{display:flex;align-items:center;justify-content:center;background:var(--gradient);padding:12px;height:50px;width:50px;font-size:32px;border-radius:10px}.experienceSection__text{font-family:var(--text-font);color:var(--white);font-size:24px;padding:0 40px 0 0}.experienceSection__button{font-family:Inter,sans-serif;text-decoration:none;font-weight:700;font-size:18px;color:var(--background);background:var(--title-white);padding:16px 50px;border-radius:1000px;cursor:pointer;border:solid 2px transparent;outline-width:0px;width:fit-content;transition:.3s}.experienceSection__button:hover{color:var(--title-white);background:transparent;border:solid 2px var(--title-white)}@media screen and (max-width: 925px){.experienceSection{flex-direction:column-reverse;height:auto;min-height:100vh}.experienceSection__textDiv{align-items:flex-start;gap:10px;margin-bottom:10px}.experienceSection__title{font-size:30px;flex-direction:row-reverse;align-items:center;justify-content:flex-start;text-align:left}.experienceSection__button{padding:14px 29px}.experienceSection__text{padding:0;margin-bottom:10px;margin-top:0}}.projectsSection{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:40px 20px;gap:38px}.projectWindowDiv{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;max-width:950px;aspect-ratio:1/.6;max-height:100vh;border-radius:32px;overflow:hidden;padding:24px 0;background:linear-gradient(-45deg,var(--card-background) 50%,var(--gray),var(--card-background) 60%);background-size:300% 300%;animation:loadingAnimation 1s linear infinite;z-index:0}.projectWindow__banner{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-1}.projectWindow__div--1{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 60px;width:100%;min-height:70%}.projectWindow__div--2{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:50%;gap:24px}.projectWindow__logoLink{padding:0;cursor:pointer}.projectWindow__logo{width:160px}.projectWindow__projectText{font-size:2.7em;line-height:115%;font-weight:lighter;color:var(--title-white);font-family:var(--title-font);margin:0;text-align:left;text-wrap-style:balance}.projectWindow__viewButton{font-family:Inter,sans-serif;font-weight:700;font-size:18px;color:var(--title-white);background:var(--gradient);padding:10px 50px;border-radius:1000px;cursor:pointer;border:solid 2px transparent;outline-width:0px;width:fit-content;transition:.3s;margin:20px 0 0}.projectWindow__viewButton:hover{transform:scale(1.1)}.projectWindow__model{width:calc(50% - 20px)}.projectWindow__div--3{display:flex;align-items:center;justify-content:center;gap:40px;margin:28px 0 0}.projectWindow__slideButton{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:100%;border:0px;outline-width:0px;background:var(--gradient);color:var(--title-white);font-size:25px;height:50px;width:50px;padding:0;margin:0;cursor:pointer}.sideAnime{animation:sideIn 1s ease}.projectWindow__buttonsDiv{width:100%;max-width:950px;display:flex;align-items:center;justify-content:flex-start;gap:12px}.projectWindow__showButton{display:flex;align-items:center;justify-content:center;gap:12px;font-family:Inter,sans-serif;font-weight:700;font-size:18px;color:var(--white);background:transparent;padding:10px 32px;border-radius:10px;cursor:pointer;border:solid 2px var(--white);outline-width:0px;width:fit-content;transition:.3s}.projectWindow__showButton.active{background:var(--white);color:var(--background);border:solid 2px var(--white)}.projectWindow__showButton ion-icon{font-size:24px}.projectWindow__projectsList{width:100%;max-width:950px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.projectWindow__projectsList.listMode{flex-direction:column;align-items:center;justify-content:center;gap:20px}.projectWindow__projectCard{position:relative;width:auto;min-width:310px;max-width:calc(50% - 5px);border:solid 2px transparent;height:auto;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;cursor:pointer}.projectWindow__projectCard ion-icon{position:absolute;left:12px;top:12px;height:22px;width:22px;padding:10px;border-radius:8px;background:var(--gradient);opacity:0;transition:.5s}.projectCard__div--1{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:.3s ease}.projectCard__logo{max-width:calc(100% - 40px)}.projectWindow__projectCard.active ion-icon{opacity:1}.projectWindow__projectCard.active .projectCard__div--1{background:#fff0;transition:.3s ease}.projectWindow__projectCard.listMode{width:100%;max-width:950px;height:80px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;padding:0;border:solid 2px var(--gray)}.projectWindow__projectCard.listMode .projectCard__projectImage{width:100%;height:100%;object-fit:cover}.projectWindow__projectCard.listMode ion-icon{top:auto}.projectWindow__projectCard.listMode .projectCard__logo{width:auto;max-width:none;height:calc(100% - 20px)}.projectWindow__projectCard.active{border:solid 2px var(--primary-red)}@keyframes sideIn{0%{opacity:0;transform:translate(-10px)}50%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes loadingAnimation{0%{background-position:100% 50%}to{background-position:0% 50%}}@media screen and (max-width: 925px){.projectWindowDiv{height:calc(100vh - 80px);max-height:550px;border-radius:20px;padding:20px 0}.projectWindow__div--1{flex-direction:column-reverse;padding:0 20px;align-items:center;justify-content:center}.projectWindow__div--2{width:100%;gap:15px}.projectWindow__model{position:absolute;z-index:-2;top:20px}.projectWindow__slideButton{height:38px;width:38px;font-size:20px}.projectWindow__projectText{font-size:32px;width:100%;text-wrap-style:auto}}.project-modal-overlay{position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.project-modal-content{position:relative;width:90%;max-width:1200px;max-height:calc(100vh - 40px);background:var(--card-background-2);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000080;padding:0 0 10px;animation:slideIn .3s ease-out}.project-modal-close{position:absolute;top:20px;right:20px;background:var(--gradient);color:#fff;border:none;width:40px;height:40px;border-radius:100%;cursor:pointer;font-size:25px;display:flex;justify-content:center;align-items:center;z-index:1001;transition:.3s ease}.project-modal-close:hover{transform:rotate(90deg)}.project-modal-logo-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0 0 20px;border-bottom:solid 4px var(--primary-red);gap:10px}.project-modal-logo{max-width:140px;max-height:140px;object-fit:contain}.project-modal-title{font-family:var(--title-font);color:var(--title-white);margin:0;font-size:2.2rem;font-weight:500;width:100%;padding:0 40px 0 0}.project-modal-body{display:flex;flex-direction:row;padding:30px 40px 30px 30px;overflow:auto;gap:30px}.project-modal-info-section{flex:1;display:flex;flex-direction:column;gap:20px;padding:0;margin:0;min-width:0}.project-modal-image-container{flex:0 0 45%;display:flex;justify-content:center;align-items:center}.project-modal-image{width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:10px}.project-modal-description{font-family:var(--text-font);color:var(--white);font-size:18px;line-height:1.6;margin:0;padding:0;word-wrap:break-word}.project-modal-description h3,.project-modal-tags h3,.project-modal-links h3{font-family:Poppins,sans-serif;font-weight:700;color:var(--white);font-size:1.3rem;margin:0 0 20px}.project-modal-description p{color:var(--title-white);font-size:1.1rem;line-height:1.6;margin:0}.project-modal-tags-container{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:14px 20px}.project-modal-tag{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.project-modal-tag p{font-family:Poppins,sans-serif;font-size:14px;margin:0;font-weight:600;color:var(--white);text-transform:uppercase}.projectTag__icon{font-size:36px;color:var(--icon-clr)}.project-modal-tag img{width:36px;height:36px;color:var(--icon-clr)}.project-modal-links-container{display:flex;gap:15px;flex-wrap:wrap;padding:0 0 20px}.project-modal-link-button{display:flex;align-items:center;gap:8px;background:var(--gradient);color:var(--white);padding:12px 34px;border-radius:30px;text-decoration:none;font-weight:600;transition:.3s ease;white-space:nowrap}.project-modal-link-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.project-modal-link-button.github{background:#000;color:#fff}@media (max-width: 1024px){.project-modal-content{width:95%;max-height:90vh}.project-modal-body{flex-direction:column;gap:20px}.project-modal-logo-container{align-items:center}.project-modal-info-section{order:2}.project-modal-image-container{flex:0 0 auto;order:1;width:100%}.project-modal-image{max-height:50vh}.project-modal-title{font-size:1.8rem;padding:0;margin:5px 0}.project-modal-tags{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.project-modal-links-container{justify-content:center;padding:10px 0}}@media (max-width: 768px){.project-modal-content{width:95%;max-height:95vh;border-radius:15px}.project-modal-title{font-size:1.5rem}.project-modal-body{padding:15px 20px;flex-direction:column;gap:20px}.project-modal-description h3,.project-modal-tags h3,.project-modal-links h3{font-size:1.3rem}.project-modal-link-button{padding:10px 16px;font-size:.9rem}.project-modal-link-button ion-icon{font-size:1.2rem}.project-modal-image{max-height:40vh}.project-modal-tags-container{justify-content:center}.project-modal-tag{background:var(--gradient);padding:8px 16px;border-radius:30px;gap:6px}.projectTag__icon,.project-modal-tag img{display:none}}@media (max-width: 480px){.project-modal-overlay{padding:0}.project-modal-content{width:100%;border-radius:0;max-height:100dvh}.project-modal-title{font-size:1.3rem}.project-modal-body{padding:20px 20px 40px;gap:20px}.project-modal-links-container{flex-direction:column}.project-modal-link-button{justify-content:center;width:100%}.project-modal-image{max-height:35vh}}.skillsSection{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:42px 20px 20px}.skillsSection__div--1{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:20px}.skillsSection__h3{display:flex;align-items:center;justify-content:flex-start;font-size:1.5em;line-height:110%;font-weight:lighter;color:var(--title-white);font-family:var(--title-font);margin:0 0 0 40px;text-align:left;gap:12px}.skillsSection__h3 ion-icon{background:var(--gradient);padding:8px;height:20px;width:20px;border-radius:10px;margin:0}.skillsSection__div--2{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:15px 12px;width:100%;margin:0 0 40px}.skillsSection__techCard{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-background);color:var(--icon-clr);padding:30px;gap:10px;height:180px;width:170px;border-radius:10px;cursor:pointer;transition:.3s ease;transition-delay:.6s}.skillsSection__techCard:hover{background:transparent;color:var(--primary-red);transition-delay:0s}.techCard__icon{width:100%;height:100%;color:var(--icon-clr)}.skillsSection__techCard i.bi{font-size:3.6em;color:var(--icon-clr)}.skillsSection__techCard .svg-inline--fa,.skillsSection__techCard img{width:100%;height:100%;max-height:80px;color:var(--icon-clr)}.techCard__p{font-family:Poppins,sans-serif;font-weight:800;font-size:20px;margin:0;color:var(--title-white)}.skillsSection__div--3{display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:0 20px 20px}.skillsSection__div--4{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.skillsSection__techsList{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;list-style:disc;gap:6px;margin:0}.skillsSection__techsList__li{font-size:24px;font-family:var(--text-font);color:var(--title-white)}.skillsSection__techsList__line{width:calc(100% - 80px);height:6px;background:var(--card-background);margin:14px 40px}@media screen and (max-width: 925px){.skillsSection__div--1{margin:30px 0 0}.skillsSection__h3{margin:0}.skillsSection__techCard{width:calc(50% - 5px);max-width:190px;height:-webkit-fill-available;aspect-ratio:1/.8;padding:14px}.skillsSection__div--2{gap:10px}.techCard__p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;text-align:center;height:auto;min-height:min-content}.skillsSection__techCard .svg-inline--fa{width:60%;height:60%;max-height:80px}.skillsSection__div--3{flex-direction:column;padding:0}.skillsSection__div--4{border-bottom:solid 6px var(--card-background);padding:20px 0}.skillsSection__techsList{padding-left:24px}.skillsSection__techsList__line{width:100%;margin:14px 0}}.contactSection{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:62px 20px 20px}.experienceSection__title.noMargin{margin:0}.experienceSection__subTitle{font-family:var(--text-font);font-size:20px;margin:14px 0 0;color:var(--text-font);text-align:center}.contactSection__form{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;padding:40px 20px;width:100%;max-width:640px}.contactSection__inputGroup{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:var(--white);font-family:Poppins,sans-serif;font-weight:600;font-size:18px;line-height:100%;margin:0;gap:6px;width:100%}.contactSection__inputGroup div{background:var(--card-background);color:var(--white);border:solid 2px transparent;border-radius:12px;padding:12px 18px;display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;transition:.3s ease}.contactSection__inputGroup ion-icon{font-size:20px;color:currentColor;border-right:solid 2px var(--gray);padding:0 10px 0 0;transition:.3s ease}.contactSection__inputGroup input,.contactSection__inputGroup textarea{font-family:Poppins,sans-serif;font-size:16px;font-weight:500;padding:0;background:transparent;border:0px;outline-width:0px;color:var(--white);width:100%;height:100%;resize:vertical;transition:.3s ease}.contactSection__inputGroup input:-webkit-autofill,.contactSection__inputGroup input:-webkit-autofill:hover,.contactSection__inputGroup input:-webkit-autofill:focus{-webkit-text-fill-color:var(--white)!important;-webkit-box-shadow:0 0 0px 1000px #00000000 inset!important;transition:background-color 5000s ease-in-out 0s;background-color:transparent!important}.contactSection__inputGroup input::placeholder,.contactSection__inputGroup textarea::placeholder{opacity:.5}.contactSection__inputGroup:has(input:focus){color:var(--primary-red)}.contactSection__inputGroup div:has(input:focus){background:transparent;border:solid 2px var(--primary-red);color:var(--primary-red)}.contactSection__inputGroup input:disabled,.contactSection__inputGroup textarea:disabled{opacity:.7;cursor:not-allowed}.contactSection__submitBtn{font-family:Poppins,sans-serif;border:0px;outline-width:0px;font-size:24px;font-weight:600;line-height:100%;padding:16px 0;border-radius:12px;color:var(--white);background:var(--gradient);cursor:pointer;width:50%;min-width:164px;text-align:center;display:flex;align-items:center;justify-content:center;margin:10px 0 0;transition:.3s ease;gap:10px}.contactSection__submitBtn:hover:not(:disabled){transform:scale(1.08)}.contactSection__submitBtn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loader{width:20px;height:20px;border:3px solid #ffffff;border-bottom-color:transparent;border-radius:50%;display:inline-block;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contactSection__div--2{display:flex;flex-direction:row;align-items:center;justify-content:center;width:auto;gap:12px;margin:20px 0 10px}.contactSection__linkCard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--card-background);padding:20px 0;width:142px;border-radius:16px;text-decoration:none;color:var(--white);transition:.3s ease}.contactSection__linkCard:hover{background:var(--hover-color);color:var(--white)}.contactSection__linkCard ion-icon{font-size:52px}.contactSection__linkText{font-family:var(--text-font);line-height:100%;font-size:20px;margin:0}@media screen and (max-width: 925px){.contactSection__form{padding:40px 0}.contactSection__submitBtn{border-radius:1000px;font-size:20px}.contactSection__div--2{flex-wrap:wrap;width:100%;gap:10px}.contactSection__linkCard{width:calc(50% - 5px);border-radius:16px;text-decoration:none;color:var(--white);transition:.3s ease}}.notification{position:fixed;display:flex;align-items:center;justify-content:center;text-align:center;top:20px;left:50%;transform:translate(-50%) translateY(-100px);z-index:1000;padding:10px 24px;border-radius:8px;font-family:var(--text-font);font-weight:500;font-size:16px;opacity:0;visibility:hidden;transition:all .3s ease;min-width:300px}.notification--success{background-color:#4caf50;box-shadow:0 4px 12px #4caf4fb7;color:#fff}.notification--error{background-color:#f44336;box-shadow:0 4px 12px #f44336b7;color:#fff}.notification--info{background-color:#2196f3;box-shadow:0 4px 12px #2195f3b7;color:#fff}.notification--visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.notification__content{display:flex;align-items:center;justify-content:center;gap:8px}.notification__message{margin:0;font-size:14px}.notification__icon{font-size:22px}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(-100px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-100px)}}.footer{width:100%;padding:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:var(--black);z-index:3}.footer__topLine{width:100%;height:3px;background:var(--gradient)}.footer__title{font-size:1.4rem;letter-spacing:2px;font-weight:lighter;color:var(--white);font-family:var(--title-font);margin:0;text-align:left}.footer__div--1,.footer__div--2{height:-webkit-fill-available;display:flex;flex-direction:column;justify-content:space-between}.footer__copy{font-family:var(--text-font);color:var(--white);font-size:18px;margin:20px 0 0;text-wrap:balance}.footer__listTitle{font-family:Poppins,sans-serif;font-size:22px;font-weight:700;margin:0 0 14px}.footer__ul{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:100%;gap:12px;padding:0;margin:0}.footer__li{display:flex;align-items:center;justify-content:flex-start;margin:0;padding:0;width:100%}.footer__li a{text-decoration:none;color:var(--white);font-family:var(--text-font);font-size:19px;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:4px;opacity:.6;transition:.3s ease}.footer__li a ion-icon{font-size:28px}.footer__nav{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 30px}.footer__nav__a{text-decoration:none;color:var(--white);font-family:var(--text-font);font-size:19px;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:8px;opacity:.6;transition:.3s ease}.footer__nav__a:hover,.footer__li a:hover{opacity:1;color:var(--primary-red)}.footer__div--4{height:-webkit-fill-available;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:20px}@media screen and (max-width: 925px){.footer{flex-direction:column}.footer__title{text-align:center;width:100%}.footer__copy{text-align:center}.footer__div--4{margin:20px 0 40px;align-items:center}}.historySection{min-height:100vh;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.historySection__div--1{width:100%;max-width:1280px;padding:70px 40px 30px;display:flex;align-items:center;justify-content:space-between;gap:40px}.historySection__div--2{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;max-width:700px}.history.home__title--2{line-height:100%;margin:0 0 20px;text-align:left}.historySection__myResume{font-family:var(--text-font);color:var(--white);font-size:24px;padding:0;margin:0;text-align:left}.historySection__div--3{width:auto;min-width:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--gradient);padding:0 5px 5px;border-radius:100%}.historySection__div--3 img{width:100%;height:100%;max-width:400px;max-height:400px;object-fit:contain;margin:0;border-radius:100%;transform:translateY(-5px)}.historySection__line{width:250px;height:4px;background:var(--gray);margin:0 40px 20px}.historySection__historysDiv{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 40px 80px;gap:60px}.historySection__historyCard{width:100%;max-width:1200px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.historyCard__div--1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px;border-radius:18px;background:var(--card-background);border:solid 3px var(--gray);width:40%;min-width:400px;max-width:40vw}.historyCard__img{width:100%;height:auto;max-height:250px;object-fit:cover;border-radius:9px;border:solid 3px var(--gray);cursor:pointer}.historyCard__imgDescription{font-family:var(--text-font);color:var(--white);font-size:18px;padding:0 10px;margin:0;text-align:center}.historyCard__title{display:flex;align-items:center;justify-content:flex-start;font-size:2.7em;line-height:110%;letter-spacing:3px;font-weight:lighter;color:var(--title-white);font-family:var(--title-font);margin:0;text-align:left;gap:12px}.historyCard__text{font-family:var(--text-font);color:var(--white);font-size:22px;padding:18px 0 0;margin:0;text-align:left}.historySection__certifiesDiv{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;padding:40px;gap:20px}.historySection__certifyCard{width:calc(50% - 10px);max-width:490px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px;position:relative}.certifyCard__div{display:flex;align-items:center;justify-content:center;padding:15px;border-radius:18px;background:var(--card-background);border:solid 3px var(--gray);position:relative;transition:transform .3s ease}.certifyCard__div:hover{transform:translateY(-5px)}.certifyCard__img{width:100%;height:100%;object-fit:cover;border-radius:9px;border:solid 3px var(--gray);cursor:pointer;transition:all .3s ease}.certifyCard__img:hover{border-color:var(--primary-red)}.certifyCard__expandBtn{position:absolute;top:30px;right:30px;background:var(--gradient);color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:22px;display:flex;justify-content:center;align-items:center;opacity:0;transition:all .3s ease;box-shadow:0 4px 10px #0000004d}.certifyCard__div:hover .certifyCard__expandBtn{opacity:1;transform:scale(1.1)}.certifyCard__expandBtn:hover{background:var(--primary-red);transform:scale(1.2)!important}.certifyCard__title{font-family:Inter,sans-serif;font-weight:700;color:var(--white);font-size:24px;padding:0 10px;margin:10px 0 0;text-align:center;text-transform:capitalize}.certifyCard__date{font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:var(--light-gray);padding:0 10px;margin:0;text-align:center}.certifiesDiv__viewMoreBtn{font-family:Inter,sans-serif;text-decoration:none;font-weight:700;font-size:18px;color:var(--background);background:var(--title-white);padding:16px 50px;border-radius:1000px;cursor:pointer;border:solid 2px transparent;outline-width:0px;width:fit-content;margin:0 0 80px;transition:.3s}.certifiesDiv__viewMoreBtn:hover{color:var(--title-white);background:transparent;border:solid 2px var(--title-white)}@media screen and (max-width: 825px){.historySection__certifyCard{width:100%}.historySection__div--1{flex-direction:column-reverse;padding:20px 20px 30px;align-items:center;justify-content:center;text-align:center;gap:20px}.historySection__div--3{width:auto;min-width:250px}.historySection__div--3 img{max-width:250px;max-height:250px}.historySection__div--2{align-items:center}.history.home__title--2,.historySection__myResume{text-align:center}.historySection__historysDiv{padding:20px 20px 50px;gap:40px}.historyCard__div--1{width:100%;max-width:calc(100vw - 40px);min-width:auto}.historySection__historyCard{flex-direction:column!important;gap:10px}.historyCard__div--2{display:flex;flex-direction:column;align-items:center;justify-content:center}.historyCard__title{text-align:center;font-size:1.8em;margin:10px 0 0}.historyCard__text{text-align:center;padding:0;font-size:18px}.historySection__certifiesDiv{padding:30px 20px 40px;gap:25px}.certifyCard__div{padding:10px}.certifyCard__expandBtn{opacity:1;top:25px;right:25px;width:40px;height:40px;font-size:20px;opacity:.9}}.certificate-modal-overlay{position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.certificate-modal-content{position:relative;width:90%;max-width:1200px;max-height:90vh;background:linear-gradient(145deg,#1a1a1a,#232323);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000080;animation:slideIn .3s ease-out;scrollbar-width:thin}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.certificate-modal-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--gradient)}.certificate-modal-title{color:#fff;margin:0;font-size:1.8rem;font-weight:600}.certificate-modal-close{background:#fff3;color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:24px;display:flex;justify-content:center;align-items:center;z-index:1001;transition:all .3s ease}.certificate-modal-close:hover{background:var(--primary-red);transform:rotate(90deg)}.certificate-modal-body{display:flex;flex-direction:column;padding:20px;overflow:auto}.certificate-modal-image-container{display:flex;justify-content:center;align-items:center;flex:1;padding:20px;background:#0000004d;border-radius:15px;margin-bottom:20px}.certificate-modal-image{max-width:100%;object-fit:contain;border-radius:10px;box-shadow:0 10px 30px #0000004d}.certificate-modal-info{background:#ffffff0d;border-radius:15px;padding:20px;text-align:center}.certificate-modal-cert-title{color:var(--white);margin:0 0 15px;font-size:1.5rem;font-weight:600}.certificate-modal-date{color:var(--title-white);margin:0;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:10px}.certificate-modal-date ion-icon{color:var(--primary-red)}@media (max-width: 768px){.certificate-modal-content{width:100%;max-height:95vh}.certificate-modal-header{padding:10px 15px}.certificate-modal-title{font-size:1.5rem}.certificate-modal-close{width:40px;height:40px;font-size:20px}.certificate-modal-cert-title{font-size:1.3rem}.certificate-modal-date{font-size:1rem}}@media (max-width: 480px){.certificate-modal-overlay{padding:0}.certificate-modal-content{width:100%;border-radius:0}.certificate-modal-header{padding:10px 12px}.certificate-modal-title{font-size:1.3rem}.certificate-modal-body{padding:15px}.certificate-modal-image-container{padding:0}.certificate-modal-info{padding:15px}.certificate-modal-cert-title{font-size:1.1rem}}#section-loading{width:100vw;height:100vh;background-color:var(--background);position:fixed;z-index:100;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease-out;opacity:1}#section-loading.fade-out{opacity:0}.loading__container{position:relative;display:flex;align-items:center;justify-content:center}.loading__ring{width:200px;height:200px;border:solid 0px var(--background);border-radius:50%;position:absolute;filter:blur(1px)}.loading__ring:nth-child(1){border-bottom-width:8px;border-color:var(--primary-red);animation:loading-rotate-1 2s linear infinite}@keyframes loading-rotate-1{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(360deg)}}.loading__ring:nth-child(2){border-right-width:8px;border-color:var(--white);animation:loading-rotate-2 2s linear infinite}@keyframes loading-rotate-2{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{transform:rotateX(50deg) rotateY(10deg) rotate(360deg)}}.loading__ring:nth-child(3){border-top-width:8px;border-color:var(--primary-pink);animation:loading-rotate-3 3s linear infinite}@keyframes loading-rotate-3{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{transform:rotateX(35deg) rotateY(55deg) rotate(360deg)}}.loading__span{color:var(--white);font-family:Poppins,sans-serif;margin:0;font-size:16px}.password-protection{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--background);padding:20px}.password-form-container{background-color:var(--card-background);padding:30px;border-radius:10px;box-shadow:0 4px 12px #0000004d;width:100%;max-width:400px;text-align:center}.password-form-container h2{color:var(--white);margin-bottom:10px}.password-form-container p{color:var(--title-white);margin-bottom:25px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;color:var(--white);margin-bottom:8px;font-weight:500}.form-group input[type=password]{width:100%;padding:12px;border:1px solid var(--gray);border-radius:5px;background-color:var(--card-background-2);color:var(--white);font-size:16px;box-sizing:border-box}.form-group input[type=password]:focus{outline:none;border-color:var(--primary-red)}.checkbox-group{margin-bottom:25px;text-align:left}.checkbox-label{display:flex;align-items:center;color:var(--white);font-weight:400;cursor:pointer;position:relative;padding-left:30px}.checkbox-label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;left:0;height:20px;width:20px;background-color:var(--card-background-2);border:1px solid var(--gray);border-radius:3px}.checkbox-label:hover input~.checkmark{background-color:var(--card-background)}.checkbox-label input:checked~.checkmark{background:var(--gradient);border-color:var(--primary-red)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-label input:checked~.checkmark:after{display:block}.checkbox-label .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.error-message{color:var(--primary-red);margin-bottom:15px;font-size:14px}.submit-button{background:var(--gradient);color:#fff;border:none;padding:12px 25px;font-size:16px;border-radius:5px;cursor:pointer;width:100%;font-weight:600;transition:transform .2s,box-shadow .2s}.submit-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.submit-button:active{transform:translateY(0)}.dashboard{padding:20px;background-color:var(--background);min-height:100vh}.dashboard-header{text-align:center;margin-bottom:30px;padding:20px}.dashboard-header h1{color:var(--white);font-size:2.5rem;margin-bottom:10px}.admin-notice{background:var(--gradient);color:#fff;padding:10px;border-radius:5px;margin:15px auto;max-width:600px}.admin-notice p{margin:0;font-weight:500}.dashboard-header p{color:var(--title-white);font-size:1.2rem;max-width:600px;margin:0 auto}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--white);font-size:1.2rem}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px}.card{background-color:var(--card-background);border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0003;transition:transform .3s ease}.card.full-width{grid-column:1 / -1}.card:hover{transform:translateY(-5px)}.card-header{background:var(--gradient);padding:15px 20px}.card-header h3{color:#fff;margin:0;font-size:1.3rem;text-align:center}.card-content{padding:25px;text-align:center}.metric-value{font-size:2.5rem;font-weight:700;color:var(--white);margin:10px 0}.metric-description{color:var(--title-white);font-size:1rem}.top-buttons-list{text-align:left}.button-item{display:flex;justify-content:space-between;align-items:center;padding:15px 10px;border-bottom:1px solid var(--gray)}.button-item:last-child{border-bottom:none}.button-rank{font-weight:700;color:var(--primary-red);width:40px}.button-name{flex-grow:1;color:var(--white);padding:0 15px}.button-count{color:var(--title-white);font-weight:500;background-color:var(--card-background-2);padding:5px 10px;border-radius:20px}.no-data{color:var(--title-white);font-style:italic;margin:20px 0}.dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.chart-container{background-color:var(--card-background);border-radius:10px;padding:20px;box-shadow:0 4px 12px #0003}.chart-container h3{color:var(--white);margin-top:0;margin-bottom:20px;text-align:center}.chart-placeholder{height:200px;display:flex;align-items:flex-end;justify-content:center;background-color:var(--card-background-2);border-radius:5px;padding:20px}.chart-bars{display:flex;align-items:flex-end;height:100%;gap:10px}.chart-bar{background:var(--gradient);width:30px;border-radius:3px 3px 0 0;min-height:5px}@media (max-width: 768px){.dashboard-cards,.dashboard-charts{grid-template-columns:1fr}.dashboard-header h1{font-size:2rem}.button-item{flex-direction:column;align-items:flex-start;gap:8px}.button-name{padding:0}}