@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{--topography-bg: url(/assets/topography_lightmode-trHnTQjS.webp);--padding: 60px 130px 40px 130px;--shadow-rgba-1: rgba(0, 0, 0, .1);--shadow-rgba-2: rgba(0, 0, 0, .2);--transparent-bg: rgba(189, 194, 186, .1);--primary-color: rgb(255, 102, 102);--secondary-color: rgb(74, 143, 211);--third-color: rgb(242, 250, 250);--header-color: rgb(33, 33, 38);--paragraph-color: rgb(110, 109, 122);--background-color: rgb(253, 253, 253);--inner-button-color: rgb(249, 249, 249);--light-color: rgb(253, 253, 253);--ccc: rgb(204, 204, 204);--fs-display: 64px;--fs-display-2: 24px;--fs-h1: 38px;--fs-h2: 32px;--fs-title: 26px;--fs-title-2: 52px;--fs-links: 20px;--fs-p: 18px;--fs-label: 16px;--fs-date: 14px;--fw-1: 200;--fw-2: 300;--fw-3: 400;--fw-4: 500;--fw-5: 700;--border-color: rgb(121, 121, 121)}.dark-mode{--topography-bg: url(/assets/topography_darkmode--KeCSBl-.webp);--shadow-rgba-1: rgba(0, 0, 0, .1);--shadow-rgba-2: rgba(0, 0, 0, .2);--transparent-bg: rgba(189, 194, 186, .1);--third-color: rgb(30, 30, 30);--header-color: rgb(249, 249, 249);--paragraph-color: rgb(222, 222, 222);--background-color: rgb(39, 39, 39);--inner-button-color: rgb(249, 249, 249);--light-color: rgb(253, 253, 253);--ccc: rgb(80, 80, 80)}html{overflow-x:hidden;scroll-behavior:smooth}html::-webkit-scrollbar{width:.8rem}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:var(--header-color);border-radius:5rem}*{margin:0;padding:0;box-sizing:border-box;transition:all .1s ease-out;font-family:Outfit,serif;font-weight:var(--fw-3);text-decoration:none}body{background:var(--background-color)}section{padding:var(--padding)}h1{color:var(--header-color);text-align:center;font-size:var(--fs-h1);font-weight:var(--fw-5);line-height:40px;margin-bottom:60px}h1.where-to-find-me{color:var(--header-color);font-size:var(--fs-h1);font-weight:var(--fw-3);line-height:60px}h2{color:var(--header-color);font-weight:var(--fw-5);line-height:28px;letter-spacing:.1px;font-size:var(--fs-h2)}p,a{color:var(--paragraph-color);line-height:30px;font-size:var(--fs-p)}a.primary-link p,a.primary-link i{color:var(--primary-color)}a.secondary-link p,a.secondary-link i{color:var(--secondary-color)}a.link{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none}a.link p{font-weight:var(--fw-5)}a.link i{font-size:var(--fs-p)}a.primary-link:hover i{animation:upDown .75s ease infinite}a.secondary-link:hover i{animation:leftRight .75s ease infinite}.primary-button{border-radius:2px;background:var(--secondary-color)}.secondary-button{border-radius:2px;border:2px solid var(--secondary-color);background:transparent}.button{border-radius:10px;padding:14px 28px;justify-content:center;align-items:center;gap:25px;cursor:pointer;text-decoration:none}.button p{font-size:var(--fs-label);letter-spacing:.5px;font-weight:var(--fw-4);color:var(--inner-button-color)}.secondary-button p{color:var(--secondary-color)}.secondary-button:hover{background:var(--secondary-color)}.secondary-button:hover p{color:var(--inner-button-color)}a.primary-hero-button{background:var(--secondary-color)}a.secondary-hero-button{border:2px solid var(--secondary-color)}a.hero-button{display:flex;justify-content:center;align-items:center;gap:25px;width:160px;height:60px;cursor:pointer;text-decoration:none;border-radius:100px}a.primary-hero-button p{color:var(--background-color)}a.secondary-hero-button p{color:var(--secondary-color)}a.hero-button p{letter-spacing:1px;font-weight:var(--fw-4)}a.secondary-hero-button:hover{background:var(--secondary-color)}a.secondary-hero-button:hover p{color:var(--background-color)}@keyframes leftRight{0%{transform:translate(0)}25%{transform:translate(3px)}50%{transform:translate(0)}75%{transform:translate(-3px)}to{transform:translate(0)}}@keyframes upDown{0%{transform:translateY(0)}25%{transform:translateY(3px)}50%{transform:translateY(0)}75%{transform:translateY(-3px)}to{transform:translateY(0)}}article.information-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:20px 20px 40px;width:380px;max-width:380px;max-height:265px;border-radius:4px;box-shadow:1px 2px 10px 0 var(--shadow-rgba-2)}article.information-card h2{font-size:var(--fs-title)}article.information-card i.img{font-size:var(--fs-h1);cursor:pointer;color:var(--primary-color)}div.contact-box-container{margin:0 20px;display:grid;grid-template-columns:repeat(2,1fr);border:.5px solid var(--ccc);border-radius:8px}div.contact-box-container aside{padding:90px 90px 50px 50px;display:flex;flex-direction:column;gap:32px;background:var(--transparent-bg)}div.contact-box-container aside h1{text-align:left;margin:0;font-size:var(--fs-title-2)}div.contact-box-container aside div.social-links{text-align:center}div.contact-box-container aside div.social-links a{text-align:center;font-size:var(--fs-links);text-decoration:none;height:3rem;width:3rem;line-height:3rem;border-radius:100%;color:var(--header-color)}div.contact-box-container aside div.social-links a:hover{background-color:var(--header-color);color:var(--background-color)}div.contact-box-container aside address div.contact-item{margin:10px 0;display:flex;align-items:center;gap:10px}div.contact-box-container form{padding:90px 50px 50px 90px}div.contact-box-container form div.input-container{margin:20px 0}div.contact-box-container form div label{display:block;margin-bottom:6px;cursor:pointer;color:var(--paragraph-color)}div.contact-box-container form input,div.contact-box-container form textarea{font-size:var(--fs-label);width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}div.contact-box-container form div.button-container{display:flex;justify-content:right}div.contact-box-container form div.button-container button{font-weight:var(--fw-5);font-size:var(--fs-label);border:none;border-radius:4px;color:var(--background-color)}div.contact-box-container form div.name{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.notification{color:var(--inner-button-color);padding:10px;border-radius:5px;margin-top:20px;text-align:center}.notification-success{background-color:#28a745}.notification-false{background-color:#d01010}.sending{background-color:var(--secondary-color);color:var(--inner-button-color);padding:10px;border-radius:5px;margin-top:20px;text-align:center}@media (min-width: 1640px){:root{--padding: 60px 100px 40px 100px}body{max-width:1640px;margin-inline:auto}}@media (max-width: 1440px){:root{--padding: 60px 100px 40px 100px}a.link{gap:10px}a.link i{font-size:var(--fs-p)}.button{padding:10px 26px}.button p{letter-spacing:.2px}a.hero-button{width:150px;height:55px}a.hero-button p{letter-spacing:.5px}}@media (max-width: 1232px){:root{--padding: 60px 80px 40px 80px}}@media (max-width: 1024px){:root{--padding: 50px 50px 40px 50px;--fs-display: 38px;--fs-display-2: 18px;--fs-h1: 34px;--fs-h2: 32px;--fs-title: 22px;--fs-title-2: 44px;--fs-links: 18px;--fs-p: 18px;--fs-label: 16px;--fs-date: 14px}h1{margin-bottom:40px}h1.where-to-find-me{line-height:normal;margin:0}.button{padding:14px 20px;gap:25px}.button p{letter-spacing:.2px}article.information-card{width:310px}div.contact-box-container{grid-template-columns:1fr}div.contact-box-container aside,div.contact-box-container form{padding:30px 20px}div.contact-box-container form div.name{grid-template-columns:1fr}}@media (max-width: 768px){:root{--padding: 60px 30px 40px 30px}article.information-card{max-width:80%;width:100%}}@media (max-width: 480px){:root{--padding: 40px 20px 40px 20px;--fs-display: 38px;--fs-display-2: 18px;--fs-h1: 26px;--fs-h2: 20px;--fs-title: 20px;--fs-title-2: 34px;--fs-links: 16px;--fs-p: 16px;--fs-label: 14px;--fs-date: 14px}.button{padding:10px 20px;gap:25px;text-align:center}.button p{letter-spacing:.5px}div.contact-box-container aside h1{font-size:var(--fs-title-2)}div.contact-box-container aside div.social-links a{height:2.5rem;width:2.5rem;line-height:2.5rem;font-size:var(--fs-label)}}@media (max-width: 320px){:root{--padding: 60px 10px 40px 10px}}header div.nav-bar-container nav.navigation-bar{max-width:80%;margin:20px auto;position:fixed;left:0;top:0;right:0;z-index:1000;background:var(--background-color);border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-shadow:1px 5px 16px 0 var(--shadow-rgba-2);transition:.3s ease-out}header nav.navigation-bar img.signature{width:5rem;margin-right:1rem;cursor:pointer}header nav.navigation-bar div.dark-mode-container i.toggle{color:var(--header-color);font-size:var(--fs-h1);cursor:pointer}header nav.navigation-bar ul{display:flex;justify-content:center;align-items:center}header nav.navigation-bar ul li{list-style-type:none;margin:22px}header nav.navigation-bar ul li a{font-size:var(--fs-links);color:var(--header-color);text-decoration:none}header nav.navigation-bar ul li a:hover{color:var(--secondary-color)}header img.phone-screen-sized-signature{width:4rem;cursor:pointer;display:none}header div.nav-bar-container i.burger{font-size:var(--fs-title);cursor:pointer;display:none}header div.nav-bar-container nav.navigation-bar div.dark-mode-container{display:flex;gap:15px;align-items:center}header div.nav-bar-container nav.navigation-bar div.dark-mode-container button{border:none;background:none;font-size:var(--fs-links);display:none;color:var(--header-color)}@media (min-width: 1640px){header div.nav-bar-container nav.navigation-bar{max-width:85rem}}@media (max-width: 1232px){header nav.navigation-bar{width:90%;margin:15px auto;padding:0 20px}header nav.navigation-bar ul li{margin:16px}}@media (max-width: 1024px){header nav.navigation-bar{margin:10px auto}header nav.navigation-bar ul li{margin:15px 12px}header nav.navigation-bar img.signature{width:4rem}}@media (max-width: 768px){header nav.navigation-bar{margin:20px auto}header nav.navigation-bar img.signature{width:3.5rem}header nav.navigation-bar ul{flex-wrap:wrap}header nav.navigation-bar ul li{margin:15px 22px 15px 0}}@media (max-width: 480px){header{position:absolute;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 20px;margin:10px 0}header div.nav-bar-container{position:relative}header div.nav-bar-container nav.navigation-bar{max-width:none;width:-moz-fit-content;width:fit-content;width:12rem;position:absolute;left:-225px;border-radius:0;display:none;transition:.3s ease-out;padding:0 20px 25px;overflow:hidden;z-index:1000;margin-top:11.5px}header div.nav-bar-container nav.show{display:block}header nav.navigation-bar ul{display:block;width:100%}header nav.navigation-bar ul li{margin:20px 0}header img.signature{display:none}header img.phone-screen-sized-signature{display:flex}header div.nav-bar-container i.burger{display:flex;font-size:var(--fs-h1)}header div.nav-bar-container nav.navigation-bar div.dark-mode-container button{display:flex}}footer{margin-top:60px;background:var(--third-color)}footer section.footer-categories{padding-bottom:20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}footer section.footer-categories article.content{width:10rem}footer section.footer-categories article.content h2{margin-bottom:10px;font-weight:var(--fw-3);font-size:var(--fs-p)}footer section.footer-categories article.content nav{display:flex;flex-direction:column}footer section.footer-categories article.content nav ul li{color:var(--paragraph-color);font-weight:var(--fw-3);line-height:32px;font-size:var(--fs-label);list-style-type:none;cursor:pointer}footer section.footer-categories article.content nav ul li a{color:var(--paragraph-color);font-weight:var(--fw-3);font-size:var(--fs-label);text-decoration:none}footer section.footer-categories article.content nav ul li:hover{color:var(--header-color)}footer section.footer-categories article.content nav ul li a:hover{color:var(--header-color)}footer section.foot-note{padding-bottom:0;padding-top:0;text-align:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}footer section.foot-note p{font-weight:var(--fw-1);font-size:var(--fs-label)}footer section.foot-note button{cursor:pointer}section.home{padding:0;background-image:url(/assets/vanny_sothea_cover-7juwn_Cq.webp);background-size:contain;background-repeat:no-repeat;background-position:center;aspect-ratio:16 / 9;width:auto;height:auto}section.home aside.shape{border-radius:0 83px 0 0;width:58%;height:100%;background:#000c;padding:var(--padding);padding-top:0;padding-bottom:0;padding-right:100px;display:flex;flex-direction:column;justify-content:center;gap:10px}section.home aside.shape article p{color:var(--light-color);font-size:var(--fs-display-2);font-weight:var(--fw-2);line-height:32px;width:-moz-fit-content;width:fit-content;opacity:.8;word-spacing:2px}section.home aside.shape article h1.display{color:var(--light-color);text-align:left;font-weight:var(--fw-5);font-size:var(--fs-display);line-height:80px;width:-moz-fit-content;width:fit-content;margin:.5rem 0 2rem}section.home aside.shape div.button-container{width:400px;display:grid;margin-top:30px;gap:20px;grid-template-columns:1fr 1fr}section.what-i-do article.card-container{display:flex;justify-content:center;align-items:flex-start;gap:30px;flex-wrap:wrap}section.about-me{background:var(--third-color) var(--topography-bg);padding-top:100px;padding-bottom:100px}section.about-me div.container{display:grid;align-items:center;justify-content:space-between;gap:40px;grid-template-columns:3fr 1.5fr}section.about-me div.container article.paragraph{display:flex;flex-direction:column;gap:20px}section.about-me div.container aside{text-align:right}section.about-me div.container aside img{width:100%;max-width:22.5rem;height:28rem;min-height:16rem;-o-object-fit:cover;object-fit:cover}section.organization{display:flex;flex-direction:column;gap:70px}section.organization div.company{display:grid;grid-template-columns:1fr 1fr;align-items:center}section.organization div.company aside{padding-right:20px}section.organization div.company img{max-width:100%}section.organization article div.community{text-align:center}section.organization article div.community img{margin-top:3rem;width:60%}section.organization article aside div.btn-container{margin-top:3rem;display:flex;gap:10px}section.organization div.social{margin-top:70px;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:2rem;padding-top:7px}section.organization article div.social a img{height:30px;padding:0 20px;border-radius:25px}section.organization article aside h2.role{font-size:var(--fs-title-2);font-weight:var(--fw-3);margin:2rem 0}section.organization article aside h3.name{letter-spacing:1.8px;font-size:var(--fs-p);font-weight:var(--fw-4);margin-bottom:20px;color:var(--secondary-color)}section.organization article aside h3.pine-arc:before{content:"- "}section.organization article div.community aside div.btn-container{justify-content:center}section.organization article aside p{margin:20px 0}section.projects div.container section{padding:0}section.projects div.container section.first-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:30px}section.projects div.container article.card{border-radius:6px;overflow:hidden;position:relative}section.projects div.container article.card img,section.projects div.container article.card iframe{width:100%;height:250px;-o-object-fit:cover;object-fit:cover}section.projects div.container article.card div.card-content{padding:5px 10px 15px;margin:0;display:flex;flex-direction:column;gap:5px}section.projects div.container article.card div.card-content .title h2{font-size:var(--fs-title)}section.projects div.container article.card div.card-content p.status{color:#ffc400;font-size:var(--fs-label);font-weight:var(--fw-4);line-height:16px;letter-spacing:.5px}section.projects div.container .second-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}section.projects div.container article.card a.click-button-container{cursor:pointer;text-decoration:none;width:36px;height:36px;padding:7px;flex-direction:column;justify-content:center;align-items:center;position:absolute;right:0;top:0;margin:16px;border-radius:8px;background:#3f4152e6;box-shadow:2px 2px 5px #00000080;display:none}section.projects div.container article.card a.click-button-container i.click-button{color:var(--light-color);transform:rotate(45deg)}section.projects div.container article.card:hover a.click-button-container{display:flex}@media (max-width: 1232px){section.home aside.shape{gap:5px;padding-right:80px}section.home aside.shape article p{line-height:28px;word-spacing:2px}section.home aside.shape article h1.display{line-height:60px;margin:.5rem 0}section.home aside.shape div.button-container{margin-top:25px;gap:15px}}@media (max-width: 1024px){section.home aside.shape{width:60%;gap:0px;padding-right:30px;padding-left:40px}section.home aside.shape article p{line-height:24px;word-spacing:1px}section.home aside.shape article h1.display{line-height:50px;margin:.2rem 0}section.home aside.shape div.button-container{margin-top:20px;gap:15px}section.about-me{padding-top:40px;padding-bottom:60px}section.about-me div.container{grid-template-columns:1fr}section.about-me div.container aside{text-align:center}section.about-me div.container aside img{width:100%;max-width:none}section.about-me div.container a{display:none}section.organization article div.social a img{height:25px}}@media (max-width: 768px){section.home{padding:0;background-size:cover;background-position:right;width:100%;height:100vh}section.home aside.shape{border-radius:0;width:100%;height:100vh}section.home aside.shape article p{line-height:32px;word-spacing:2px}section.home aside.shape article h1.display{line-height:60px;margin:1.5rem 0 1.2rem}section.home aside.shape div.button-container{margin-top:25px;gap:15px}section.about-me div.container{flex-direction:column;align-items:center;text-align:center}section.organization{gap:50px}section.organization div.company{grid-template-columns:1fr;text-align:center}section.organization div.company aside{padding-right:0}section.organization div.company img{width:60%;margin:3rem auto}section.organization article aside div.btn-container{margin-top:3rem;justify-content:center}section.projects div.container section.first-row{grid-template-columns:1fr}section.projects div.container section.first-row article.wide-card{grid-column:span 1}section.projects div.container .second-row{grid-template-columns:1fr}}@media (max-width: 480px){section.home aside.shape article p{text-align:center;line-height:28px;word-spacing:2px}section.home aside.shape article h1.display{text-align:center;line-height:50px;margin:0rem 0 2rem}section.home aside.shape div.button-container{grid-template-columns:1fr;width:100%;margin-top:30px}section.about-me{padding-top:60px;padding-bottom:60px}section.about-me div.container article.paragraph{width:100%;gap:15px}section.organization article aside h3#pine-arc:before{content:none}section.organization article div.social a img{height:20px}}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center}.spinner{width:4rem;height:4rem;border:4px solid #e5e7eb;border-top:4px solid #60a5fa;border-radius:9999px;animation:spin 1s linear infinite}@media (min-width: 640px){.spinner{width:5rem;height:5rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--DOML-gradient-1: linear-gradient(267deg, #00F0FF 4.01%, #5200FF 57.55%, #FF2DF7 114.97%)}section.dev-hero article .dev-hero-button{background:var(--header-color);padding:15px 30px;justify-content:center;gap:20px;width:-moz-fit-content;width:fit-content;cursor:pointer;text-decoration:none;display:flex;align-items:center}section.dev-hero .dev-hero-button p,section.dev-hero .dev-hero-button i{color:var(--background-color);line-height:normal;margin-bottom:0}section.dev-hero a.dev-hero-button:hover i{animation:upDown .75s ease infinite}section.dev-hero{margin:0 auto;padding:9rem 15rem 0;display:flex;align-items:center;justify-content:center;gap:40px;width:100%}section.dev-hero img{width:30rem}section.dev-hero h1{font-size:var(--fs-title-2);background:var(--DOML-gradient-1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:left;margin-bottom:1.5rem;line-height:normal}section.dev-hero h2{line-height:normal;margin-bottom:1.5rem;font-weight:500;font-size:var(--fs-title)}section.dev-hero p{margin-bottom:1rem}section.services-container{margin:0 auto}section.services-container .services-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}section.services-container .services-list .service-card{background-color:var(--background-color);border-radius:8px;padding:20px;width:300px;box-shadow:0 4px 8px var(--shadow-rgba-1);transition:transform .3s ease}section.services-container .services-list .service-card:hover{transform:translateY(-10px)}section.services-container .services-list .service-card h2{color:var(--secondary-color);font-weight:var(--fw-4);font-size:var(--fs-links);margin-bottom:1rem}section.services-container .services-list .service-card ul li{list-style-type:none;margin-bottom:.7rem;font-size:var(--fs-p);color:var(--paragraph-color)}@media (max-width: 768px){section.services-container .services-list{flex-direction:column;align-items:center}section.services-container .services-list .service-card{width:80%;max-width:500px}}@media (max-width: 480px){section.services-container .services-list .service-card{width:90%;max-width:400px}}section.timeline h1 span{background:var(--DOML-gradient-1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}section.timeline h3{margin-bottom:5px;color:var(--header-color)}section.timeline div.timeline-container{display:flex;flex-wrap:wrap;justify-content:center;position:relative;max-width:1200px;margin:auto}.timeline-container:before{content:"";position:absolute;top:50%;left:5%;width:90%;height:2px;background-color:var(--secondary-color);z-index:-1}section.timeline div.timeline-container .step{padding:30px 15px;margin:10px;width:250px;min-height:15rem;text-align:center;border-radius:8px;box-shadow:0 4px 8px var(--shadow-rgba-1);position:relative;background:var(--background-color)}section.timeline div.timeline-container .step .number{background:var(--secondary-color);color:var(--background-color);width:35px;height:35px;line-height:35px;border-radius:100%;position:absolute;top:-15px;left:50%;transform:translate(-50%);font-weight:700}section.timeline div.timeline-container .step{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}section.timeline div.timeline-container .step.visible{opacity:1;transform:translateY(0)}@media (max-width: 1440px){section.dev-hero{padding:9rem 10rem 0;gap:40}section.dev-hero img{width:25rem}}@media (max-width: 1232px){section.dev-hero{padding:9rem 6rem 0;gap:40}section.dev-hero img{width:23rem}}@media (max-width: 1024px){section.dev-hero h1{text-align:center}section.dev-hero{padding-top:9rem;padding:var(--padding);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center}section.dev-hero img{display:none}section.dev-hero article .dev-hero-button{padding:15px 30px;gap:20px;display:flex;align-items:center;margin:0 auto}section.dev-hero .dev-hero-button i{display:none}}@media (max-width: 768px){section.timeline div.timeline-container:before{top:-1%;width:.8%;height:100%;left:49.5%}}@media (max-width: 480px){section.dev-hero{padding:var(--padding)}section.dev-hero h1{margin-bottom:2rem}section.dev-hero h2{display:none}section.dev-hero p{margin-bottom:2rem}}.authentication-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1000}input:focus{outline:none;border-color:transparent;box-shadow:none}.authentication-modal-content{position:relative;background-color:var(--background-color);padding:40px 20px 30px;width:100%;max-width:500px;text-align:center;box-shadow:0 4px 6px var(--shadow-rgba-1);animation:fadeIn .3s ease-out;z-index:1002}div.register-footer{padding:.5rem 0;justify-content:center;gap:5px;width:500px;display:flex;background-color:var(--third-color);animation:fadeIn .3s ease-out;z-index:1001}div.register-footer p{color:var(--paragraph-color);font-size:var(--fs-label)}div.register-footer button{color:var(--header-color);font-size:var(--fs-label)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.authentication-modal-content h2{margin-bottom:20px;font-size:var(--fs-title);color:var(--header-color)}.authentication-modal-content input{color:var(--paragraph-color);background:none;width:100%;padding:10px;margin:0 0 10px;border:1px solid var(--ccc);border-radius:4px;box-sizing:border-box}.authentication-modal-content input.password-input{padding:0;margin:0;border:none;border-radius:none}.authentication-modal-content button.submit{width:100%;padding:12px;background-color:var(--secondary-color);color:var(--background-color);border:none;border-radius:4px;cursor:pointer;margin:10px 0}.authentication-modal-content button.submit:disabled{background-color:var(--ccc);cursor:not-allowed}.authentication-modal-content button.submit:hover{background-color:#117ced}.forgot-password{margin:10px 0 5px}.close-btn{color:var(--header-color);font-size:var(--fs-title-2);background:transparent;border:none;position:absolute;cursor:pointer;top:0;right:0;padding:0 12px;margin:0;line-height:42px}.back-btn{color:var(--header-color);font-size:var(--fs-display-2);background:transparent;border:none;position:absolute;cursor:pointer;top:0;left:0;padding:0 12px;margin-top:10px}.register-btn{background-color:transparent;padding:0;color:var(--header-color);border:none;border-radius:4px;cursor:pointer;font-weight:500}.register-btn:hover{text-decoration:underline}button[type=button]{font-size:var(--fs-date);cursor:pointer;background:none;border:none;color:var(--secondary-color)}button[type=button]:hover{text-decoration:underline}@media (max-width: 480px){.authentication-modal-content{width:90%;padding:15px}div.register-footer{width:90%}}button{font-size:var(--fs-label)}.authentication-modal{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.pass-input-container{display:flex;width:100%;padding:6.5px;margin:0 0 10px;border:1px solid var(--ccc);border-radius:4px;box-sizing:border-box;align-items:center;justify-content:center}.register-container .card{padding:2rem}.register-container .description{margin-bottom:1.5rem}.register-container .input-container{display:flex;justify-content:space-between}.register-container .input-container .input-field{width:3rem;height:3rem;text-align:center;font-size:1.5rem;font-weight:700;background-color:#374151;color:#fff;border:2px solid #4B5563;border-radius:.75rem;outline:none}.register-container .input-container .input-field:focus{border-color:var(--secondary-color)}.register-container .error-message{color:var(--primary-color);font-weight:400}.search-container{display:flex;margin-bottom:1rem}.search-container input{border:1px solid var(--paragraph-color);padding:.5rem 1rem;width:100%;font-size:var(--fs-p);color:var(--bg-color);background-color:var(--inner-button-color)}.search-container input:focus{outline:none}i.search-icon{color:var(--light-color);font-weight:bolder;font-size:var(--fs-links);cursor:pointer;padding:.5rem 1.5rem;line-height:24px;background:var(--secondary-color)}section.create-blog{background:var(--third-color) var(--topography-bg);display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}section.create-blog article.operation-card:hover{transform:scale(1.02);background:var(--background-color)}article.operation-card{display:flex;justify-content:center;align-items:center;padding:20px;max-height:265px;border-radius:4px;background:var(--third-color);box-shadow:1px 2px 10px 0 var(--shadow-rgba-2)}article.operation-card h2{font-size:var(--fs-title)}article.operation-card i.img{font-size:var(--fs-title-2);cursor:pointer;color:var(--primary-color)}article.operation-card .title{display:flex;align-items:center;gap:20px;margin-bottom:30px}.filter-buttons{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.filter-buttons .button{display:flex;gap:10px;padding:0;flex-wrap:wrap}.filter-buttons .button button{color:var(--header-color);background:transparent;font-size:var(--fs-label);border-radius:4px;border:1px solid var(--border-color);padding:.4rem 1.2rem;cursor:pointer}.filter-buttons .button button:hover,.filter-buttons .button button.active{background:var(--secondary-color);color:var(--light-color)}.filter-buttons select{padding:.4rem 1.2rem;border-radius:4px;background:transparent;color:var(--header-color);font-size:var(--fs-label);border:1px solid var(--border-color);cursor:pointer}.filter-buttons select:focus{outline:none}.filter-buttons select option{background:var(--background-color);color:var(--header-color);font-size:var(--fs-label)}.blog-posts-list{margin-top:3rem;display:grid;grid-template-columns:1fr;gap:20px}.blog-posts-list .blog-card{position:relative;height:100%;border-radius:4px;z-index:1;box-shadow:1px 2px 10px 0 var(--shadow-rgba-2)}.blog-posts-list .blog-card .label{display:flex;gap:5px}.blog-banner-box{width:100%;height:200px;overflow:hidden}.blog-banner-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.25s ease}.blog-posts-list .blog-card:hover .blog-banner-box img{transform:scale(1.025)}.blog-content{padding:15px}.blog-meta{display:flex;justify-content:flex-start;align-items:center;gap:7px;margin-bottom:10px;color:var(--paragraph-color);font-size:var(--fs-label)}.blog-item-title{margin-bottom:10px;line-height:1.3;font-size:var(--fs-title);transition:.25s ease}.blog-posts-list .blog-card:hover .blog-item-title{color:var(--secondary-color)}.blog-text{color:var(--paragraph-color);font-size:var(--fs-p);line-height:1.6}@media (min-width: 580px){.blog-posts-list{gap:30px}.blog-content{padding:25px}}@media (min-width: 768px){.blog-posts-list{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.blog-banner-box{height:230px}}@media (min-width: 1440px){.blog-posts-list{grid-template-columns:1fr 1fr 1fr}}header.blog-header{position:fixed;z-index:2;height:4rem;width:100%;background:var(--background-color);display:flex;justify-content:space-between;align-items:center;padding:0rem 1.5rem;border-bottom:1px solid var(--border-color)}header.blog-header button.back-button{background:transparent;border:none;cursor:pointer;width:-moz-fit-content;width:fit-content}header.blog-header button.back-button i{color:var(--header-color);font-size:var(--fs-h1)}header.blog-header button.back-button i:hover{color:var(--primary-color)}header.blog-header div.dark-mode-container i.toggle{color:var(--header-color);font-size:var(--fs-h1);cursor:pointer}main.blog-details-page{display:flex}aside.blog-side-bar{margin-top:4rem;padding-top:3rem;position:fixed;background:var(--transparent-bg);overflow-y:auto;width:17.5rem;z-index:1;height:93vh}aside.blog-side-bar h2{padding:1rem 1rem 0;margin-bottom:1.5rem;font-size:var(--fs-title)}aside.blog-side-bar ul{list-style:none}aside.blog-side-bar ul li{padding:1rem 1rem 1rem 2rem;cursor:pointer;font-size:var(--fs-p);color:var(--header-color)}aside.blog-side-bar ul li:hover{background:var(--shadow-rgba-2)}article.blog-content{margin-left:17.5rem;margin-top:4rem;width:100%;padding:2rem 2rem 0}article.blog-content div.blog-image-container{position:relative;aspect-ratio:16/9;border:1px solid var(--border-color);width:100%}article.blog-content div.blog-image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;z-index:2}footer{position:relative;z-index:2}