html,body{width:100%;min-height:100%;background-color:#faf9f6}body{margin:0}:root{--side-shade: #d9ccbb;--center-light: #f5f1ea;--text-dark: #5d4938;--button-bg: #d3c0aa}.landing-wrapper{position:fixed;inset:0;overflow:hidden;font-family:Cormorant Garamond,serif;background:var(--center-light)}.landing-wrapper:before{content:"";position:absolute;top:0;left:30%;width:40%;height:100%;background:var(--center-light);z-index:0}.panel{position:absolute;top:0;width:30%;height:100%;transition:transform 1.2s ease;z-index:1}.left{left:0;background:linear-gradient(to right,#d9ccbb,#e6dac8 70%,#e6dac866);box-shadow:inset -25px 0 40px #0000000f}.right{right:0;background:linear-gradient(to left,#d9ccbb,#e6dac8 70%,#e6dac866);box-shadow:inset 25px 0 40px #0000000f}.slide-left{transform:translate(-100%)}.slide-right{transform:translate(100%)}.center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.98);text-align:center;color:var(--text-dark);opacity:0;transition:all .8s ease;z-index:2}.fade-in{opacity:1;transform:translate(-50%,-50%) scale(1)}.fade-out{opacity:0}.center-content h1{font-size:3.8rem;font-weight:500;margin-bottom:.6rem}.center-content p{font-size:1.1rem;margin-bottom:2rem}.center-content button{padding:14px 36px;border-radius:999px;border:none;background:var(--button-bg);color:var(--text-dark);font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #00000014}.center-content button:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000001f}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;margin-right:0;overflow-x:hidden;scroll-behavior:smooth;background-color:#faf9f6}:root{--soft-sandstone: #CBB9A4;--sandstone-dark: #85705c;--sandstone-dark-1: hsl(29, 24%, 40%);--sandstone-dark-2: #5d4938;--creamed-oat: #E6DAC8;--porcelain-mist: #ebe8e1;--feather-white: #FAF9F6;--bg-color: var(--feather-white);--section-bg: var(--porcelain-mist);--card-bg: var(--creamed-oat);--accent: var(--soft-sandstone);--text-main: #3B3B3B;--text-light: #6F6F6F;--text-accent: var(--soft-sandstone);--border-color: #E0D7CE;--shadow-soft: 0 10px 25px rgba(0,0,0,.05);--shadow-card: 0 5px 12px rgba(0,0,0,.04);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 8px;--radius-full: 999px}body{background-color:var(--feather-white)}.navbar{background-color:var(--creamed-oat);border-radius:2rem;padding:.4rem 0;margin-top:15px}.nav-container{display:flex;align-items:center;justify-content:space-between;font-size:17px;padding:5px 1.5rem}.nav-links{display:flex;gap:10px;margin-right:3px}#name{padding-left:6rem;text-decoration:none;color:var(--text-main);font-family:papyrus;font-weight:700;font-size:1.3rem}.nav-links a{padding:10px;text-decoration:none;color:var(--text-main)}.nav-links a:hover{border-radius:2rem;background-color:var(--soft-sandstone)}.fade-in-section{animation:fadeUp 1s ease forwards;opacity:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hidden-section{opacity:0;transform:translateY(60px);transition:all .8s ease}.hidden-section.show{opacity:1;transform:translateY(0)}.nav-links a.active{background-color:var(--soft-sandstone);border-radius:20px}@media(max-width:768px){#name{padding-left:0;text-align:center}}.main-container{width:100%;max-width:600px}.main-home{display:flex;gap:8rem;text-align:justify;color:var(--sandstone-dark-2);padding-top:4rem}.main-subtitle{color:var(--sandstone-dark-1)}.main-title{color:var(--sandstone-dark-2)}.main-role{text-decoration:underline;font-size:1.3rem;margin-bottom:1rem;margin-top:1rem}.hero-actions{margin-top:1.5rem;display:flex;align-items:center;gap:1rem}.hero-socials{display:flex;gap:.8rem}.hero-socials a{width:38px;height:38px;border-radius:50%;background-color:var(--soft-sandstone);color:#fff;display:flex;align-items:center;justify-content:center;transition:.3s ease}.hero-socials a:hover{background-color:var(--sandstone-dark);transform:translateY(-3px)}.hero-buttons{margin-top:1rem;display:flex}.home-image img{padding-top:15px;width:520px;height:500px;margin-right:48px}.footer{border-top:1px solid rgba(148,163,184,.25);text-align:center;font-size:.8rem;margin-top:1.9rem}.main-header{color:var(--sandstone-dark-2);text-align:center}.about-page{padding:1rem 6px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:stretch}.about-col{display:grid;grid-template-rows:1fr 1fr;gap:2rem;align-items:stretch}.education,.internship,.certificate,.focus{background-color:var(--card-bg);padding:1.2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--text-main);display:flex;flex-direction:column;justify-content:flex-start}.education h3,.internship h3,.certificate h3,.focus h3{font-size:1.25rem;letter-spacing:.5px;color:var(--sandstone-dark-2);margin-bottom:.8rem}.education p,.internship p,.certificate li,.focus li{font-size:1rem;line-height:1.7}.certificate ul,.internship ul,.focus ul{padding-left:1.2rem;margin-top:.4rem;margin-bottom:0}.education p{margin-bottom:.6rem}.education p,.internship p{margin-top:.3rem;margin-bottom:.3rem;line-height:1.5}.internship li,.certificate li,.focus li{margin-bottom:.3rem;line-height:1.5}.certificate a{color:var(--sandstone-dark);text-decoration:none;font-weight:500}.certificate a:hover{color:var(--sandstone-dark-2);text-decoration:underline}.education,.internship,.certificate,.focus{transition:transform .25s ease,box-shadow .25s ease}.education:hover,.internship:hover,.certificate:hover,.focus:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.about-card{opacity:0;transform:translateY(50px);transition:all .8s ease}.show-card{opacity:1;transform:translateY(0)}.about-icon{margin-right:10px;color:var(--sandstone-dark);font-size:1.1rem}.about-icon{margin-right:10px;font-size:20px;color:#5d4938;vertical-align:middle}@media(max-width:768px){.about-grid{grid-template-columns:1fr}.nav-container{flex-direction:column;align-items:center}.main-home{flex-direction:column;row-gap:2rem}.main-container{width:100%}.main-tags{grid-template-columns:1fr}.tag{width:auto}.main-home{flex-direction:column;gap:2rem;padding-left:1rem;padding-right:1rem}.home-image img{width:100%;max-width:320px;height:auto;margin:0 auto;display:block}}@media(max-width:480px){.main-title{font-size:1.6rem}.main-role{font-size:1.1rem}.navbar{height:auto}.footer{font-size:.7rem}}#skills{width:100%;margin:2rem 0;padding:2rem 1rem;border:2px solid var(--sandstone-dark-2);border-radius:3rem}.skills-wrapper{padding:2rem 1.5rem}.skill-card{background-color:var(--card-bg);border-radius:var(--radius-lg);height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-card);transition:transform .25s ease,box-shadow .25s ease}.skill-card i{font-size:2.2rem;color:var(--sandstone-dark);margin-bottom:.6rem}.skill-card span{font-size:.95rem;color:var(--sandstone-dark-2);font-weight:500}.skill-card:hover{transform:translateY(-4px);background-color:#cbb9a4;box-shadow:0 12px 30px #00000014}.skill-card{opacity:0;transform:translateY(40px);transition:all .6s ease}.skill-filters{display:flex;justify-content:center;gap:12px;margin:20px 0 30px}.filter-btn:hover{background:var(--soft-sandstone)}.skill-filters{display:flex;justify-content:center;gap:14px;margin:20px 0 35px}.filter-btn{position:relative;padding:9px 22px;border-radius:999px;border:none;outline:none;cursor:pointer;background:var(--creamed-oat);color:var(--sandstone-dark-2);font-weight:500;transition:all .35s ease;overflow:hidden}.filter-btn:hover{transform:translateY(-3px);background:var(--soft-sandstone);box-shadow:0 8px 20px #5d49382e;border:none}.filter-btn:after{content:"";position:absolute;left:50%;bottom:6px;width:0%;height:2px;background:var(--sandstone-dark-2);transition:all .35s ease;transform:translate(-50%)}.filter-btn:hover:after{width:50%}.active-filter{background:var(--sandstone-dark-2);color:#fff;box-shadow:0 6px 18px #5d493840}.active-filter:after{background:#fff;width:50%}.skill-card{opacity:0;transform:translateY(40px);transition:all .5s ease}.skill-card.show-skill{opacity:1;transform:translateY(0)}.active-filter:hover{transform:none;background:var(--sandstone-dark-2);color:#fff;box-shadow:0 6px 18px #5d493840}.filter-btn:focus,.filter-btn:active{outline:none!important;box-shadow:none!important}.active-filter:focus,.active-filter:active{outline:none!important;box-shadow:0 6px 18px #5d493840!important}.skills-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem}@media(max-width:1024px){.skills-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.skills-grid{grid-template-columns:repeat(2,1fr)}#skills{border-radius:1.5rem}}@media(max-width:480px){.skills-grid{grid-template-columns:1fr}}@keyframes floatSkill{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.skill-card{animation:floatSkill 3.5s ease-in-out infinite}.skill-card:hover{animation-play-state:paused}#projects{margin-top:3rem}.projects-page{padding:2rem 1.5rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background-color:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px #0000001f}.project-card img{width:100%;height:180px;object-fit:contain;background-color:#f4efe9}.project-content{padding:1.4rem}.project-content h3{color:var(--sandstone-dark-2);margin-bottom:.6rem}.project-content p{font-size:.95rem;line-height:1.6;margin-bottom:1rem;color:var(--sandstone-dark-2)!important}.project-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.project-tech span{background-color:var(--porcelain-mist);color:var(--sandstone-dark-2);padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:500;border:1px solid rgba(93,73,56,.15)}.project-links{display:flex;gap:.6rem}.project-clickable:hover img{opacity:.9}.project-content{display:flex;flex-direction:column;height:100%}.project-links{margin-top:auto}.project-card{display:flex;flex-direction:column}.project-tech{padding:0 1.4rem}.project-links{padding:0 1.4rem 1.4rem;margin-top:auto}.project-tech{margin-top:.8rem}.project-links{margin-top:.6rem}.btn{background-color:var(--soft-sandstone);color:var(--sandstone-dark-2);padding:6px 14px;border-radius:var(--radius-full);text-decoration:none;font-size:.85rem}.btn:hover{background-color:var(--sandstone-dark);color:#fff}.btn-outline{border:1px solid var(--soft-sandstone);color:var(--sandstone-dark-2);padding:6px 14px;border-radius:var(--radius-full);text-decoration:none;font-size:.85rem}.btn-outline:hover{background-color:var(--soft-sandstone)}.btn.disabled{pointer-events:none;opacity:.6}.modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:3000;animation:fadeIn .3s ease}.modal-box{background:var(--feather-white);width:90%;max-width:900px;padding:2.5rem;border-radius:24px;box-shadow:0 30px 60px #0000002e;text-align:center;animation:slideUp .35s ease}.modal-box h2{font-size:1.6rem;margin-bottom:1.8rem;color:var(--sandstone-dark-2)}.slider-container{position:relative;display:flex;justify-content:center;align-items:center}.slider-image{width:85%;max-height:400px;object-fit:contain;border-radius:14px}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;font-size:16px;border-radius:50%;border:none;outline:none;box-shadow:none;background-color:var(--soft-sandstone);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}.slider-btn:focus,.slider-btn:active{outline:none;box-shadow:none}.slider-btn.left{left:0;transform:translate(-60%,-50%)}.slider-btn.right{right:0;transform:translate(60%,-50%)}.slider-btn:hover{background-color:var(--sandstone-dark)}.modal-box p{font-size:.95rem;line-height:1.6;color:var(--sandstone-dark-2);margin-bottom:1.5rem;max-width:750px;margin-left:auto;margin-right:auto}.modal-box .btn{padding:8px 20px;border-radius:999px;font-size:.85rem}@media(max-width:768px){.modal-box{padding:1.5rem}.slider-image{max-height:300px}}.modal{display:none;position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease}.modal-content{background:var(--feather-white);border-radius:var(--radius-lg);padding:2rem;width:80%;max-width:900px;position:relative;max-height:85vh;overflow-y:auto}.close-btn{position:absolute;top:18px;right:22px;font-size:1.6rem;cursor:pointer;color:var(--sandstone-dark);transition:.2s ease}.close-btn:hover{color:var(--sandstone-dark-2);transform:rotate(90deg)}.modal-content h2{text-align:center;margin-bottom:1.5rem;color:var(--sandstone-dark-2)}.modal-gallery{display:flex;justify-content:center;margin-bottom:1.5rem}.modal-gallery img{width:90%;max-height:300px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.modal-description{margin-top:1rem}.modal-description p{line-height:1.6;margin-bottom:1rem;color:var(--text-main)}.modal-description ul{list-style:none;padding:0;margin:0}.modal-description li{margin-bottom:.6rem;color:var(--sandstone-dark-2);font-size:.95rem}.project-clickable{cursor:pointer}.project-image-wrapper{position:relative;overflow:hidden;border-radius:12px}.project-overlay{position:absolute;inset:0;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;font-weight:500;letter-spacing:.5px}.project-card:hover .project-overlay{opacity:1}.project-cover{width:100%;display:block;transition:transform .4s ease}.project-card:hover .project-cover{transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.modal-content{padding:1.5rem}.modal-gallery img{max-height:220px}.modal-content h2{font-size:1.2rem}}.modal-gallery{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.modal-gallery img{width:85%;max-height:320px;object-fit:cover;border-radius:12px;transition:opacity .3s ease}.modal-slider img{width:100%;height:350px;object-fit:cover;border-radius:14px}.arrow{position:absolute;background:var(--soft-sandstone);border:none;width:36px;height:36px;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;transition:.3s ease}.arrow:hover{background:var(--sandstone-dark)}.arrow.left{left:5%}.arrow.right{right:5%}.slider-wrapper{width:85%;overflow:hidden;border-radius:12px}.slider-track{display:flex;transition:transform .5s ease}.slider-track img{width:100%;flex:0 0 100%;height:320px;object-fit:cover;border-radius:12px}.close-btn{position:absolute;top:18px;right:20px;width:36px;height:36px;border-radius:50%;background-color:var(--porcelain-mist);color:var(--sandstone-dark);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:.3s ease}.close-btn:hover{background-color:var(--soft-sandstone);color:#fff;transform:rotate(90deg)}.section-wrapper{max-width:1200px;margin:0 auto;padding:0 1.2rem}.contact-section{padding:5rem 2rem}.contact-section .main-header{margin-bottom:3rem}.contact-wrapper{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:center}.contact-info{background:var(--card-bg);padding:2.2rem 2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.contact-info h2{margin-bottom:1.2rem;font-size:1.5rem;color:var(--sandstone-dark-2)}.contact-info p{margin-bottom:2rem;line-height:1.7;color:var(--text-light)}.contact-details{list-style:none;padding:0;margin-top:1.5rem}.contact-details li{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;font-size:1rem;color:var(--sandstone-dark-2)}.contact-details i{font-size:1.2rem;color:var(--sandstone-dark-2)}.contact-details a{color:var(--sandstone-dark-2);text-decoration:none}.contact-details a:hover{text-decoration:underline}.contact-form-card{background:var(--card-bg);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);min-height:420px;display:flex;flex-direction:column;justify-content:center}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form input,.contact-form textarea{width:100%;padding:1rem 1.2rem;border-radius:16px;border:none;background-color:var(--feather-white);font-size:1rem}.contact-form textarea{resize:none}.contact-form button{margin-top:1rem;padding:1rem;border:none;border-radius:50px;background-color:var(--soft-sandstone);color:var(--sandstone-dark-2);font-size:1rem;cursor:pointer;transition:all .3s ease}.contact-form button:hover{background-color:var(--sandstone-dark);color:#fff}.form-status{margin-top:1rem;font-size:.9rem;color:green}.success-popup{position:fixed;bottom:30px;right:30px;background:#6b4f3a;color:#fff;padding:1rem 1.5rem;border-radius:30px;box-shadow:0 8px 20px #0003;animation:slideIn .4s ease;z-index:999}@keyframes slideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:900px){.contact-wrapper{grid-template-columns:1fr;gap:2.5rem}.contact-info,.contact-form-card{min-height:auto}}