/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--main-color:#ccd5ae;--active-color:#a3b18a;--underline-color:linear-gradient(135deg,#ccd5ae,#588157);--main-text-color:#588157;--main-card-color:linear-gradient(135deg,#fefae0,#f8f9fa);--main-hover-card:linear-gradient(135deg,#ccd5ae,#e9edc9)}.card.dark,body.dark .card{color:#f0f0f0!important;background-color:#1e1e1e!important;border-color:#764ba2!important}.card.light,body.light .card{color:#222!important;background-color:#fff!important;border-color:#667eea!important}.title-underline{background:var(--underline-color);border-radius:2px;width:80px;height:4px;margin-bottom:1.5rem}.nav-link-active{background-color:var(--active-color);font-weight:500;text-decoration:none}.nav-link-active,.nav-link-custom{border-radius:10px;padding:6px 12px;transition:background-color .3s,color .3s;color:#fff!important}.custom-offcavas-link,.nav-link-custom{text-decoration:none!important}.custom-offcavas-link{color:#000;border-radius:10px;padding:10px 12px;font-weight:500;transition:background-color .3s,color .3s}.nav-link-custom:hover{text-decoration:none}.nav-link-active:hover,.nav-link-custom:hover{background-color:var(--main-color);color:#fff}.navbar-custom{width:100%;position:absolute;top:0}.navbar-custom.navbar-scrolled{background:var(--main-color);position:sticky}.navbar-custom.navbar-scrolled .custom-title-nav,.navbar-custom.navbar-scrolled .nav-item{color:#000!important}.navbar-custom.navbar-scrolled-admin{position:sticky}.navbar-custom.navbar-scrolled-admin .nav-item{color:#fff!important}.navbar-custom{z-index:1000;background:0 0;transition:background .3s,box-shadow .3s}.navbar-custom.navbar-scrolled{backdrop-filter:blur(12px);background:#fff;box-shadow:0 4px 12px #0000001a}.navbar-custom.navbar-scrolled-admin{backdrop-filter:blur(12px);background:linear-gradient(135deg,#0a2a4b99,#2d204869);box-shadow:0 4px 12px #0000001a}.navbar-custom.navbar-scrolled-admin .nav-link-custom{color:#fff!important}.navbar-custom.activenav{backdrop-filter:blur(12px);background:linear-gradient(135deg,#0a2a4b99,#2d204869);box-shadow:0 4px 12px #0000001a}.navbar-custom.activenav .nav-link-custom{color:#fff!important}.nav-link-custom{color:#000000b3;font-weight:500;text-decoration:none;transition:color .3s}.nav-link-active{font-weight:600}.navbar-custom.navbar-scrolled .nav-link-custom{color:#000!important}.dark{color:#fff!important;background-color:#000!important}.dark,.light{transition:all .5s!important}.light{color:#000!important;background-color:#fff!important}.john-rith{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#faedcd,#b5e48c);-webkit-background-clip:text}.theme-wrapper,body{will-change:background-color,color;transition:background-color .5s,color .5s}.switch{--trans-dur:.5s;--trans-timing:ease-in-out;cursor:pointer;margin:auto;position:relative;scroll-behavior:auto!important}.switch__icon,.switch__input{pointer-events:none;display:block}.switch__icon{width:.8em;height:.8em;transition:all var(--trans-dur)var(--trans-timing);position:absolute;top:.35em;right:.65em}.switch__icon polyline{transition:stroke-dashoffset var(--trans-dur)var(--trans-timing)}.switch__icon--light,.switch__icon--light polyline{transition-delay:calc(var(--trans-dur)/3)}.switch__icon--dark{opacity:0;transform:translate(-.5em)rotate(30deg)scale(.6)}.switch__input{width:3em;height:1.5em;box-shadow:0 0 0 .1em hsla(var(--hue),90%,50%,0),.1em .1em .2em hsla(var(--hue),90%,10%,.2);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:#0000;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:all var(--trans-dur)var(--trans-timing);background-color:#6eb3f7;border-radius:.75em;outline:none;position:relative;scroll-margin-top:0!important}.switch__input:focus{outline:none}.switch__input:focus-visible{box-shadow:0 0 0 .15em hsl(var(--hue),90%,50%),.1em .1em .25em hsla(var(--hue),90%,10%,.25)}.switch__input:after,.switch__input:before{content:"";display:block;position:absolute}.switch__input:before{border-radius:inherit;transition:background-color var(--trans-dur)var(--trans-timing);background-color:#f2cc0d;inset:0;-webkit-mask-image:linear-gradient(120deg,#000 20%,#0000 80%);mask-image:linear-gradient(120deg,#000 20%,#0000 80%)}.switch__input:after{box-shadow:.05em .05em .05em hsla(var(--hue),90%,10%,.1);width:1.25em;height:1.25em;transition:all var(--trans-dur)var(--trans-timing);z-index:1;background-color:#fff;border-radius:50%;top:.125em;left:.125em}.switch__input:checked{background-color:var(--main-color)}.switch__input:checked:before{background-color:#588157}.switch__input:checked:after{background-color:#000;transform:translate(1.5em)}.switch__input:checked~.switch__icon--light{opacity:0;transform:translate(-.5em)rotate(-30deg)scale(.6)}.switch__input:checked~.switch__icon--light polyline{stroke-dashoffset:1.5px}.switch__input:checked~.switch__icon--dark{opacity:1;transition-delay:.1s;transform:translate(-1em)rotate(0)scale(1)}.switch__sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.logo-icon{color:var(--main-color);cursor:pointer}.login-style,.offcanvas-fixed-width{width:50%!important}.login-style{margin-top:30px}.language-dropdown .dropdown-item.bg-danger{color:#fff!important;background:#a3b18a!important}.language-dropdown .dropdown-item:hover{background-color:var(--main-color);color:#000}.language-dropdown img{-o-object-fit:contain;object-fit:contain;max-width:20px;height:auto}.footer-section{color:#e2e8f0;background:linear-gradient(135deg,#1a202c,#2d3748);padding:4rem 0 2rem;position:relative;overflow:hidden}.footer-decoration{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.decoration-circle{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;animation:float 20s ease-in-out infinite;position:absolute}.circle-1{width:300px;height:300px;top:-150px;right:-100px}.circle-2{width:200px;height:200px;animation-delay:-7s;bottom:-100px;left:-50px}.circle-3{width:150px;height:150px;animation-delay:-14s;top:50%;left:50%}@keyframes float{0%,to{opacity:.3;transform:translate(0)scale(1)}50%{opacity:.5;transform:translate(30px,-30px)scale(1.1)}}.footer-main{z-index:1;position:relative}.footer-col,.footer-main{margin-bottom:2rem}.footer-brand{padding-right:2rem}.brand-name{background:var(--underline-color);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2rem;font-weight:700}.brand-description{color:#cbd5e0;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.social-links{flex-wrap:wrap;gap:1rem;display:flex}.social-link{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.social-link:before{content:"";background:var(--social-color,#667eea);opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.social-link:hover{color:#fff;border-color:#0000;transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.social-link:hover:before{opacity:1}.footer-title{color:#fff;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:700;position:relative}.footer-title:after{content:"";background:var(--underline-color);border-radius:2px;width:40px;height:3px;position:absolute;bottom:0;left:0}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.75rem}.footer-link{color:#cbd5e0;cursor:pointer;font-size:.95rem;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.footer-link:before{content:"";background:var(--underline-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.footer-link:hover{color:var(--main-text-color);transform:translate(4px)}.footer-link:hover:before{width:100%}.contact-info{margin:0;padding:0;list-style:none}.contact-item{align-items:flex-start;margin-bottom:1.25rem;display:flex}.contact-icon{background:var(--main-hover-card);width:40px;min-width:40px;height:40px;color:var(--main-text-color);border-radius:10px;justify-content:center;align-items:center;margin-right:1rem;font-size:1.25rem;transition:all .3s;display:flex}.contact-item:hover .contact-icon{background:var(--underline-color);color:#fff;transform:scale(1.1)rotate(5deg)}.contact-content{flex-direction:column;display:flex}.contact-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.8rem;font-weight:600}.contact-link{color:#e2e8f0;font-size:.95rem;text-decoration:none;transition:color .3s}.contact-link:hover{color:var(--main-text-color)}.contact-text{color:#e2e8f0;font-size:.95rem}.footer-bottom{z-index:1;padding-top:2rem;position:relative}.footer-divider{background:linear-gradient(90deg,#0000,#667eea4d 50%,#0000);width:100%;height:1px;margin-bottom:2rem}.copyright-text{color:#cbd5e0;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:.9rem;display:flex}@media (min-width:768px){.copyright-text{justify-content:flex-start}}.heart-icon{color:#e53e3e;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.footer-projects{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;font-size:.9rem;display:flex}@media (min-width:768px){.footer-projects{justify-content:flex-end}}.projects-label{color:#a0aec0;font-weight:600}.project-link{color:var(--main-color);font-weight:600;text-decoration:none;transition:all .3s;position:relative}.project-link:after{content:"";background:var(--underline-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.project-link:hover{color:var(--main-text-color)}.project-link:hover:after{width:100%}.separator{color:#4a5568}@media (max-width:768px){.brand-description,.brand-name,.contact-content,.contact-info,.contact-item,.footer-col,.footer-links,.footer-title{text-align:start!important;justify-content:flex-start!important;align-items:flex-start!important}.footer-title:after{left:0;transform:none}.contact-info{flex-direction:column;display:flex}.contact-item{flex-direction:row;align-items:flex-start;gap:1rem;max-width:100%;display:flex}.contact-icon{align-self:flex-start;margin-bottom:0;margin-right:1rem}.contact-content{text-align:start;flex-direction:column;align-items:flex-start;display:flex}.social-links{justify-content:flex-start!important}}@media (max-width:576px){.contact-item{flex-direction:row;align-items:flex-start;gap:.75rem}.contact-icon{width:36px;height:36px;margin-right:.75rem;font-size:1.1rem}.contact-content{text-align:start;align-items:flex-start}.social-links{justify-content:flex-start!important}}#home{padding-bottom:6.4rem}#home,#project,#skill{scroll-margin-top:80px}#project,#skill{padding-bottom:6rem!important}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{overflow:hidden auto}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}