.hero-section{position:relative;height:100vh;width:100%;background-color:#fff}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;z-index:1}.hero-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(0deg,#fff,transparent);z-index:2}.header{background:transparent;position:absolute;top:0;left:0;right:0;z-index:1000;padding:3rem 0 1rem;box-shadow:none;border-bottom:none;transition:padding .3s ease}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 4rem;box-sizing:border-box}.header-title{display:flex;align-items:center;margin-left:0;transform:translateY(-10px)}.portfolio-title{font-size:2.8rem!important;padding-left:0!important;padding-right:0!important;transition:transform .3s ease}.header-tags{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end;margin-right:0}.tag{font-family:var(--font-anton),sans-serif;font-weight:400;font-size:1.8rem;color:#000;padding:.5rem 1rem;transition:all .3s ease;cursor:pointer;letter-spacing:.5px;position:relative}.tag:after{content:"";position:absolute;bottom:.4rem;left:0;width:var(--underline-width,0);height:2px;background-color:#1a202c}.tag:hover{color:#000;transform:translateY(-2px)}@media (max-width:768px){.header{padding:.5rem 0}.header-container{flex-direction:column;justify-content:center;padding:0 1.5rem}.header-title{display:none}.header-tags{display:inline-flex;justify-content:center;margin-right:0;border:1px solid #000;border-radius:50px;padding:.2rem .8rem;background-color:hsla(0,0%,100%,.9);box-shadow:0 2px 10px rgba(0,0,0,.1);flex-wrap:nowrap;align-items:center;gap:.6rem}.tag{font-size:.9rem;padding:.15rem .4rem;cursor:default;letter-spacing:normal}.tag:after{display:none}.tag:hover{transform:none}.portfolio-title{display:none}}@media (max-width:480px){.header{padding:.3rem 0}.header-tags{padding:.1rem .6rem;gap:.2rem}.tag{font-size:.7rem;padding:.1rem .25rem}.portfolio-title{display:none}}.animated-intro-container{height:100vh;width:100%;justify-content:center;overflow:hidden;transition:height .3s ease-out}.animated-intro-container,.animation-content{display:flex;align-items:center;position:relative}.animation-content{justify-content:space-between;width:90%;max-width:1600px;height:100%;z-index:1}.intro-text-container{position:relative;height:300px;display:flex;justify-content:center;align-items:center;transform:translateY(12%)}.name-text-large{position:absolute;text-align:center;margin:0;padding:0;color:#1a202c;width:100%;font-family:Londrina Outline,cursive;font-size:clamp(3rem,8vw,7rem);font-weight:400;line-height:1.1;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1rem;-webkit-text-stroke:1px #1a202c}.name-text-large .line{display:flex;justify-content:center;gap:2rem;width:100%}.first-letter{font-size:1.5em}.intro-image-container{flex-shrink:0;border:3px solid #1a202c;padding:.5rem;background:#fff;transition:width .3s ease,padding .3s ease,top .3s ease}.intro-image-container.left{align-self:flex-start;margin-top:26vh}.intro-image-container.right{align-self:flex-end;margin-bottom:8vh}.intro-image{display:block;width:100%;height:auto}@media (max-width:960px){.animated-intro-container{height:60vh}.animation-content{justify-content:center;align-items:center}.intro-text-container{transform:translateY(0);height:auto}.intro-image-container{position:absolute;width:110px;padding:.3rem;border-width:2px;margin:0;align-self:auto}.intro-image-container.left{top:-7.2rem;left:5vw}.intro-image-container.right{top:9rem;right:5vw;bottom:auto}.name-text-large{gap:.5rem}.name-text-large .line{gap:1rem}}@media (max-width:480px){.animated-intro-container{height:55vh}.intro-image-container{width:75px;padding:.2rem}.intro-image-container.left{left:4vw}.intro-image-container.right{right:4vw}.name-text-large .line{gap:.8rem}}.about-section{width:100%;padding:6rem 2rem;background-color:#fff;overflow:hidden;position:relative;z-index:5}.about-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:4rem}.about-content{flex:1;max-width:600px;display:flex;flex-direction:column}.about-header{margin-bottom:2rem}.about-heading{font-family:var(--font-anton),sans-serif;font-size:clamp(2.5rem,5vw,4rem);color:#1a202c;margin-bottom:.5rem}.heading-line{width:15rem;height:2px;background-color:#050608;border-radius:2px}.about-text{font-family:var(--font-poppins),sans-serif;font-size:1.1rem;line-height:1.8;color:#4a5568;margin-bottom:2.5rem}.about-image-wrapper{flex:0 0 450px;max-width:450px;position:relative}.about-image-wrapper:before{content:"";position:absolute;top:15px;left:10px;width:100%;height:100%;border:2px solid #1a202c;border-radius:1rem;z-index:1;transition:all .4s ease-out}.about-image{border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .4s ease-out,box-shadow .4s ease-out;position:relative;z-index:2;width:100%;height:auto}.about-image:hover{transform:scale(1.05) translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.resume-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:var(--font-poppins),sans-serif;font-weight:600;font-size:1.1rem;color:#1a202c;text-decoration:none;background-color:transparent;border:2px solid #1a202c;cursor:pointer;margin-top:auto;align-self:flex-start;transition:all .3s ease-out}.resume-button:hover{background-color:#1a202c;color:#fff}@media (max-width:960px){.about-section{margin-top:-10rem;padding-top:5rem;padding-bottom:4rem}.about-container{flex-direction:column;text-align:center;align-items:center;gap:3rem}.about-content{display:contents}.about-image-wrapper{order:1;flex-basis:auto;width:90%;max-width:400px}.about-header{order:2;margin-bottom:1.2rem}.about-text{order:3;font-size:1rem;line-height:1.7;margin:0;max-width:550px}.resume-button{order:4;align-self:center;margin-top:1rem}.about-heading{font-size:clamp(2rem,8vw,2.8rem)}.heading-line{margin:.5rem auto 0;width:10rem}.about-image-wrapper:before{display:none}}@media (max-width:480px){.about-section{padding-left:1rem;padding-right:1rem}.about-container{gap:2rem}.about-text,.resume-button{font-size:.9rem}.resume-button{padding:.8rem 1.5rem}}.loader-wrapper{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2rem;opacity:0;visibility:hidden;z-index:1}.loader-svg{width:150px;height:150px;transform:rotate(-90deg)}.loader-arc,.loader-bg{fill:none;stroke-width:6}.loader-bg{stroke:#2d3748;stroke-dasharray:4 12}.loader-arc{stroke:#e2e8f0;stroke-dasharray:283;stroke-dashoffset:283;stroke-linecap:round;animation:fill-dots 2s ease-in-out infinite}@keyframes fill-dots{0%{stroke-dashoffset:283}50%{stroke-dashoffset:0}to{stroke-dashoffset:-283}}.loader-text{font-family:Fira Code,monospace;font-size:1.2rem;color:#1a202c;letter-spacing:.1em;text-transform:uppercase}.skills-section{padding:8rem 2rem;overflow:hidden;position:relative;min-height:80vh}.skills-heading-container{max-width:800px;margin:0 auto 3rem 10%;text-align:left}.skills-heading-wrapper{overflow:hidden}.skills-heading{font-family:var(--font-anton),sans-serif;font-size:clamp(2.5rem,5vw,4rem);color:#1a202c;margin:0;transform:translateY(110%)}.heading-underline{height:4px;width:18rem;background-color:#2d3748;border-radius:2px;transform:scaleX(0);transform-origin:left}.code-editor-container{max-width:800px;margin:0 auto;background-color:#1a202c;border-radius:.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid #2d3748;position:relative;z-index:2}.editor-header{display:flex;align-items:center;padding:.75rem 1rem;background-color:#2d3748;border-top-left-radius:.75rem;border-top-right-radius:.75rem}.dots{display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background-color:#fc5c5c}.dot.yellow{background-color:#fdbb40}.dot.green{background-color:#34c749}.file-name{color:#a0aec0;margin:0 auto;font-family:monospace}.editor-body{padding:1.5rem;position:relative;overflow:hidden}.editor-body pre{margin:0;font-family:Fira Code,monospace;font-size:1rem;line-height:1.2;color:#e2e8f0}.prompt-user{color:#48bb78}.prompt-symbol{color:#e2e8f0}.prompt-path{color:#63b3ed}.command{color:#e2e8f0;font-weight:500}.output{color:#a0aec0}.output.success{color:#48bb78}.toggle-switch{position:absolute;bottom:1.5rem;right:1.5rem;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4a5568;border-radius:34px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:#48bb78}input:checked+.slider:before{transform:translateX(26px)}.skills-grid-container{max-width:800px;margin:clamp(-18rem,-25.2rem + 12.8vw,-14rem) auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem}.skill-card{background-color:#fff;color:#1a202c;padding:1.5rem;border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.skill-icon{font-size:3rem;color:#2d3748}.skill-name{font-family:var(--font-poppins),sans-serif;font-weight:500}.loader-container{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;z-index:10;opacity:0;visibility:hidden}.loader-spinner{width:32px;height:32px;border:3px solid rgba(45,55,72,.6);border-top-color:#63b3ed;border-radius:50%;animation:spin 1s linear infinite}.loader-text{font-size:.8rem;color:#a0aec0;font-family:var(--font-poppins),sans-serif;font-weight:500}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:960px){.skills-section{padding:4rem 1.5rem}.skills-heading-container{margin:0 auto 3rem;text-align:center}.heading-underline{width:10rem;transform-origin:center;margin:.8rem auto 0}.editor-body{padding-bottom:3.9rem}.editor-body pre{font-size:.8rem;line-height:1.6}.toggle-switch{bottom:1rem;right:1rem;transform:scale(.8)}.skills-grid-container{max-width:400px;margin:-16rem auto 0;display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.skill-card{padding:1rem;gap:.5rem;aspect-ratio:1/1}.skill-card:first-child{grid-column:2/span 2}.skill-card:nth-child(2){grid-column:4/span 2}.skill-card:nth-child(3){grid-column:1/span 2}.skill-card:nth-child(4){grid-column:3/span 2}.skill-card:nth-child(5){grid-column:5/span 2}.skill-card:nth-child(6){grid-column:1/span 2}.skill-card:nth-child(7){grid-column:3/span 2}.skill-card:nth-child(8){grid-column:5/span 2}.skill-card:nth-child(9){grid-column:2/span 2}.skill-card:nth-child(10){grid-column:4/span 2}.skill-icon{font-size:2.2rem}.skill-name{font-size:.8rem}.loader-container{top:40%}}@media (max-width:480px){.skills-section{padding:1.2rem 1rem}.skills-grid-container{gap:.8rem;padding-bottom:8rem}.heading-underline{margin-bottom:5rem}.editor-body{padding-top:1.9rem;padding-bottom:2rem}.editor-body pre{font-size:.8rem}.skill-icon{font-size:2rem}.skill-name{font-size:.7rem}}.projects-section{padding:8rem 2rem;background-color:#fff;position:relative;z-index:4}.projects-heading-container{display:inline-block;position:relative;left:10%;margin-bottom:4rem}.projects-heading{font-family:var(--font-anton),sans-serif;font-size:clamp(2.5rem,5vw,4rem);color:#1a202c;margin-bottom:1rem}.heading-underline1{height:4px;width:100%;background-color:#1a202c;border-radius:2px;transform:scaleX(0);transform-origin:left}.projects-grid{display:grid;max-width:1200px;margin:0 auto;gap:2rem;grid-template-columns:1fr;grid-template-areas:"card1" "card2" "card3"}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr);grid-template-areas:"card2 card3" "card1 card1"}}.project-card{background-color:#f7fafc;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.08);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;border:1px solid #e2e8f0;position:relative}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.12)}.card-1{grid-area:card1}.card-2{grid-area:card2}.card-3{grid-area:card3}.project-image-container{position:relative;width:100%;padding-top:56.25%}.card-1 .project-image-container{padding-top:44%}.project-image{border-top-left-radius:1rem;border-top-right-radius:1rem}.project-content{padding:2rem;display:flex;flex-direction:column;flex-grow:1}.project-title{font-family:var(--font-anton),sans-serif;font-size:1.8rem;color:#1a202c;margin-bottom:1rem}.tech-stack{margin-bottom:1.5rem}.tech-stack-heading{font-family:var(--font-poppins),sans-serif;font-weight:600;color:#4a5568;margin-bottom:.5rem}.tech-icons{display:flex;gap:1rem;font-size:1.5rem;color:#2d3748}.project-links{margin-top:auto;display:flex;gap:1rem}.project-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#2d3748;color:#fff;border-radius:.5rem;text-decoration:none;font-family:var(--font-poppins),sans-serif;font-weight:500;transition:background-color .2s ease}.project-button:hover{background-color:#1a202c}.rotating-arrow{position:absolute;bottom:1.5rem;right:1.5rem;font-size:2.5rem;color:#4a5568}@media (max-width:900px){.projects-section{padding:4rem 1rem;margin-top:-6rem}.projects-heading-container{left:0;text-align:center;width:100%;margin-bottom:3rem;display:block}.heading-underline1{width:12rem;margin:0 auto;transform-origin:center}.project-image-container{padding-top:60%}.card-1 .project-image-container{padding-top:50%}.project-content{padding:1.5rem}.project-title{font-size:1.2rem}.tech-icons{font-size:1.25rem}.project-button{padding:.5rem 1rem;font-size:.8rem}.rotating-arrow{font-size:2rem}}@media (max-width:480px){.projects-section{padding:4rem 1rem;margin-top:-8rem}.project-button{padding:.6rem .9rem;font-size:.55rem;gap:.1rem}.project-content{padding:.7rem}.project-title{margin-bottom:.7rem}.tech-stack{margin-bottom:1rem}.tech-icons{gap:.85rem}.project-links{gap:.7rem}}.contact-section{padding:8rem 2rem 4rem;overflow:hidden;position:relative}.toast-message{position:fixed;top:2rem;left:50%;transform:translateX(-50%);background-color:#fff;color:#1a202c;padding:1rem 2rem;border-radius:.5rem;border:2px solid #1a202c;box-shadow:0 10px 30px rgba(0,0,0,.1);display:flex;align-items:center;gap:.75rem;font-family:var(--font-poppins),sans-serif;font-weight:600;z-index:9999;opacity:0;visibility:hidden}.contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:4rem}@media (min-width:768px){.contact-container{grid-template-columns:1fr 1fr;align-items:flex-start}}.contact-info{text-align:left;display:flex;flex-direction:column;height:100%}.contact-header{display:inline-block;position:relative;margin-bottom:1.5rem}.contact-heading{font-family:var(--font-anton),sans-serif;font-size:clamp(2.5rem,5vw,4rem);color:#1a202c;margin:0;padding-bottom:.5rem}.heading-underline3{height:4px;width:80%;background-color:#1a202c;border-radius:2px;transform:scaleX(0);transform-origin:center}.contact-body{display:flex;flex-direction:column;flex-grow:1}.contact-description{font-family:var(--font-poppins),sans-serif;font-size:1.1rem;line-height:1.8;color:#4a5568;max-width:500px;margin-bottom:2rem}.social-links{display:flex;flex-direction:row;gap:1rem;margin-top:5rem}.social-button{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border:2px solid #2d3748;color:#2d3748;font-family:var(--font-poppins),sans-serif;font-weight:600;text-decoration:none;transition:all .3s ease}.social-button:first-child:hover{border-color:#0a66c2;background-color:#0a66c2;color:#fff}.social-button:nth-child(2):hover{border-color:#ea4335;background-color:#ea4335;color:#fff}.social-button:nth-child(3):hover{border-color:#ffa116;background-color:#ffa116;color:#000}.contact-form-wrapper{background-color:#fff;padding:3rem;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.08)}.form-row{gap:1.5rem}.form-group,.form-row{display:flex;margin-bottom:1.5rem}.form-group{flex-direction:column;width:100%}.form-group label{font-family:var(--font-poppins),sans-serif;font-weight:600;color:#4a5568;margin-bottom:.5rem}.form-group input,.form-group textarea{background-color:transparent;border:none;border-bottom:2px solid #cbd5e0;padding:.75rem 0;font-family:var(--font-poppins),sans-serif;font-size:1rem;color:#1a202c;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:#2d3748}.form-group textarea{resize:vertical}.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 2rem;background-color:#1a202c;color:#fff;font-family:var(--font-anton),sans-serif;font-size:1.2rem;letter-spacing:.05em;border:2px solid #1a202c;cursor:pointer;transition:all .3s ease}.contact-button:hover{background-color:transparent;color:#1a202c}@media (max-width:960px){.contact-section{padding:4rem 1.5rem}.contact-container{gap:3rem}.contact-header,.contact-info{text-align:center;align-items:center}.heading-underline3{margin:0 auto}.contact-description{font-size:.95rem;max-width:450px}.social-links{justify-content:center;margin-top:2rem}.social-button{padding:.6rem 1rem;font-size:.8rem}.contact-form-wrapper{padding:2rem 1.5rem}.form-row{flex-direction:column;gap:0;margin-bottom:0}.contact-button{width:auto;padding:.8rem 1rem;font-size:1rem;margin:1.5rem 0 0;border-radius:8px}}@media (max-width:480px){.contact-section{padding:3rem 1rem}.contact-description{font-size:.9rem}.social-links{flex-wrap:nowrap;gap:.5rem}.social-button{padding:.5rem .6rem;font-size:.75rem}.contact-form-wrapper{padding:-3rem 1rem}.contact-button{padding:.7rem 1.5rem;font-size:.9rem;width:100%;max-width:300px}}