@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--color-bg: white;--color-accent: #f4ddfb;--color-main-bg:linear-gradient(-45deg, #b65e00, #ac0d4a, #0e7aa1, #0e9273);--color-text: #000000;--color-bg-dark: #7f4bc01a;--color-nav-bg: rgb(224, 233, 250)}html{font-size:1rem;height:100%}body{font-family:Rubik,sans-serif;background:var(--color-bg);height:100%;margin:0;padding:0;overflow:hidden}#root{height:100%}.app-container{display:flex;height:100%;background:var(--color-main-bg);background-size:400% 400%;animation:gradient 10s ease infinite;transition:all .5s ease-in-out;width:100%}.main-content{box-sizing:border-box;width:100%;min-height:92vh;align-items:flex-start;overflow-y:auto;display:flex;flex-direction:column}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.css-1pug5wj:before{display:none!important}@media only screen and (max-width: 550px){.maincontent{visibility:hidden;display:none!important}.side-drawer{width:100%!important;height:100%!important}}.side-drawer{width:25%;height:100%;padding:2rem 1rem;box-shadow:2px 0 8px #34656d14;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;position:relative}.drawer-img-container{position:relative;height:50%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-img-ripple{position:relative;display:flex;align-items:center;justify-content:center;width:50%;aspect-ratio:1/1}.profile-img-ripple:before,.profile-img-ripple:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle,#faeab1 40%,#34656d);opacity:.3;z-index:0;animation:ripple-wave 2.5s infinite linear}.profile-img-ripple:after{animation-delay:1.2s}@keyframes ripple-wave{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}30%{opacity:.3;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.drawer-profile-img{position:relative;z-index:1;width:100%;height:100%;aspect-ratio:1/1;border-radius:50%;margin:0;object-fit:cover;display:block}.drawer-profile-crafted{margin-top:2.9rem;width:100%;text-align:center;font-size:.8rem;font-weight:400;color:var(--color-bg);letter-spacing:.5px}.drawer-profile-name{margin-top:.3rem;width:100%;text-align:center;font-size:1.5rem;font-weight:600;color:var(--color-bg);letter-spacing:.5px}.drawer-profile-designation{margin-top:.5rem;width:100%;text-align:center;font-size:1rem;font-weight:400;color:var(--color-accent);letter-spacing:.3px}.drawer-profile-socials{display:flex;justify-content:center;gap:1.2rem;margin:1.2rem 0 .5rem;color:#fff;filter:brightness(0) invert(1)}.drawer-social-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;text-decoration:none}.drawer-social-icon:hover{color:var(--color-secondary);box-shadow:0 1px 1px var(--color-accent);border-radius:5px}.drawer-download-btn{display:block;margin:2rem auto 0;padding:.7rem 2rem;background:#ffffff09;color:var(--color-bg);border:none;border-radius:8px;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;box-shadow:0 2px 8px #00000080;transition:background .3s;cursor:pointer}.drawer-download-btn:hover{background:var(--color-bg);color:#000}.drawer-profile-bottom{justify-content:end;font-size:.8rem;color:var(--color-bg);padding-top:4rem;text-align:center;display:none}@media only screen and (max-width: 550px){.drawer-profile-bottom{display:flex;font-style:italic;color:gray;font-weight:350}}.tab-transition{opacity:1;transform:none}.nav-bar{width:100%;height:8%}.content-area{flex:1;width:100%;overflow-y:auto;background:var(--color-bg);border-radius:30px 0 0;height:92%}.content-area.no-radius{border-radius:0}.tab-fade-in{animation:tabFadeIn .5s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.top-nav-bar{width:100%;height:100%;display:flex;box-sizing:border-box;position:sticky}.top-nav-bar ul{list-style:none;display:flex;padding:0;margin:0;border-radius:15px;flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:100%}.active .nav-item{background-color:#fff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:10px 10px 0 0}.active .nav-label{color:#000;font-weight:600}.active .nav-icon,.top-nav-bar ul li.active .nav-icon{filter:none;color:var(--color-primary)}.top-nav-bar ul li{flex:1;height:100%;border-radius:20px;transition:.3s}.nav-item{display:flex;flex-basis:auto;padding:0rem .5rem;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:background .3s;height:100%;justify-content:space-evenly}.nav-icon{font-size:.5rem;color:var(--color-primary);padding-top:1rem;width:100%}.top-nav-bar ul li:not(.active):hover{background-color:#f0f8ff17;box-shadow:0 4px 10px #0006;backdrop-filter:blur(55px);-webkit-backdrop-filter:blur(5px)}.top-nav-bar ul li.active:hover{box-shadow:none!important;background-color:#f0f8ff17}.active ul li:hover{box-shadow:none;background-color:#007ae5}.top-nav-bar ul li .nav-icon{color:#fff;filter:brightness(0) invert(1)}.nav-label{font-size:.8rem;color:var(--color-bg);font-weight:400;text-align:end;opacity:0;transition:opacity .2s}.top-nav-bar ul li:hover .nav-label,.active .nav-label{opacity:1}.page-header{display:flex;justify-content:space-between;align-items:center;width:98%;margin:2rem 1rem}.page-title{font-size:2em;font-weight:700;padding-left:1rem;color:var(--color-text);margin:0}.cv-section{flex:1;display:flex;padding:0rem 0rem 0rem 1rem;flex-direction:column;align-items:flex-start;justify-content:center;width:95%;margin:1rem}.cv-section h1{font-size:1.5rem;margin-bottom:1rem;color:var(--color-text);font-weight:500;border-bottom:2px solid var(--color-accent);text-transform:uppercase}.cv-section ul{padding-left:1rem;margin:0}.cv-section li{margin-bottom:.7rem;font-size:1rem}.cv-skills-list{display:flex;flex-wrap:wrap;gap:.7rem;list-style:none}.cv-skills-list li{background:var(--color-accent);padding:.4rem 1rem;border-radius:16px;font-size:.95rem;font-weight:500}.expand-toggle{font-size:.8rem;color:var(--color-text);font-weight:470;cursor:pointer;margin:0 1rem;padding:.4rem 1rem;border-radius:10px;transition:background-color .3s ease}.expand-toggle:hover{background-color:var(--color-bg-dark)}.css-1mtydk5-MuiPaper-root-MuiAccordion-root:before{display:none!important;border-radius:10px}.custom-accordion{width:100%!important;background-color:var(--color-bg)!important;box-shadow:none!important;margin-bottom:1rem!important;border-bottom:none!important}.accordion-summary{background-color:var(--color-bg-dark)!important;color:var(--color-primary)!important;font-weight:500!important;border-radius:15px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;font-size:.95rem!important;width:100%!important;font-family:Rubik,Quicksand,sans-serif!important}.accordion-summary .MuiAccordionSummary-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex:1!important}.expand-icon{font-size:1rem!important;font-weight:700!important}.accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%}.accordion-title-section{display:flex;flex-direction:column;align-items:flex-start}.accordion-title{font-weight:470;font-size:1rem}.accordion-subtitle{font-size:.85rem;font-weight:400;color:var(--color-text);margin-top:.25rem}.accordion-years{font-size:.9rem;font-weight:500;color:var(--color-text);padding-right:1rem}.accordion-details{background-color:var(--color-bg)!important;color:var(--color-primary)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.accordion-details a{width:100%;height:auto}.accordion-details a img{width:100%;height:auto;border-radius:20px;box-shadow:0 6px 8px #0000001a}.accordion-details>*:not(img){flex:1;order:1}.css-1808mag-MuiPaper-root-MuiAccordion-root:before{display:none!important}.description{font-size:1.1rem;line-height:1.6;height:100%}.aboutme-flex{display:flex;width:100%;padding-top:1rem}.aboutme-left{flex:0 0 60%;padding:0 2rem}.aboutme-right{flex:0 0 40%;display:flex;flex-direction:column;justify-content:center}.info-item{margin-top:1rem}.projects-main-content{box-sizing:border-box;min-height:92vh;padding:2rem 1.5rem}.projects-header h1{margin:0}.projects-header p{margin-top:.5rem;color:#4b5563}.projects-grid{margin-top:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.project-card{background:#fff;border:1px solid #dbe4ef;border-radius:14px;padding:1rem;box-shadow:0 8px 22px #07142614}.project-preview-link{display:block;margin:-.25rem -.25rem .9rem}.project-preview{width:100%;height:170px;border-radius:10px;border:1px solid #dbe4ef;background:#f8fafc;object-fit:cover}.project-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.project-card h2{margin:0}.project-tagline{margin:.45rem 0 .65rem;font-weight:600}.project-stack{margin:0 0 .65rem;color:#334155}.project-card p{margin:0 0 .85rem;line-height:1.5}.project-link{color:#0f5dbb;font-weight:700;text-decoration:none}.project-link:hover{text-decoration:underline}.contact-flex{display:flex;min-height:100%;width:100%;flex-direction:column;text-align:start;padding:2rem;gap:1.25rem;box-sizing:border-box}.contact-header h1{margin:0;font-size:2rem}.contact-header p{margin:.6rem 0 0;max-width:680px;line-height:1.55;color:#374151}.contact-primary-actions{display:flex;gap:.75rem;flex-wrap:wrap}.contact-action-btn{text-decoration:none;border:1px solid #d0def3;background:#fff;color:#0f5dbb;font-weight:600;border-radius:999px;padding:.5rem .95rem;transition:background .2s ease,transform .2s ease}.contact-action-btn:hover{background:#f1f7ff;transform:translateY(-1px)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.contact-card{background:#fff;border:1px solid #dbe4ef;border-radius:14px;padding:1rem;box-shadow:0 8px 22px #07142612}.contact-card h2{margin-top:0;margin-bottom:.75rem;font-size:1.15rem}.contact-list{margin:0;padding-left:1.1rem;line-height:1.6}.copy-status{font-size:.8rem;color:#1f2937;visibility:hidden;opacity:0;transition:opacity .18s ease,visibility .18s;pointer-events:none}.contact-flex button:hover+.copy-status,.contact-flex button:focus+.copy-status{visibility:visible;opacity:1;pointer-events:auto}.contact-flex p{justify-content:center;font-size:1rem;align-items:center}.contact-email-line{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .6rem;font-weight:600;word-break:break-all}.contact-meta{margin:.25rem 0;color:#4b5563}.copy-button{background:transparent;border:none;padding:0;margin-left:.25rem;cursor:pointer;display:inline-flex;align-items:center}.copy-icon{display:block}.contact-form-card{width:100%;box-sizing:border-box}.contact-form{display:flex;flex-direction:column;gap:.85rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-size:.875rem;font-weight:600;color:#1f2937}.form-group input,.form-group textarea{font-family:inherit;font-size:.95rem;padding:.55rem .75rem;border:1px solid #d1dce8;border-radius:8px;background:#f9fbfd;color:#111827;outline:none;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#0f5dbb;box-shadow:0 0 0 3px #0f5dbb1f;background:#fff}.form-group input.input-error,.form-group textarea.input-error{border-color:#dc2626}.field-error{font-size:.8rem;color:#dc2626}.form-submit-error{margin:0;font-size:.875rem;color:#dc2626}.form-submit-btn{align-self:flex-start;background:#0f5dbb;color:#fff;font-family:inherit;font-size:.95rem;font-weight:700;border:none;border-radius:999px;padding:.6rem 1.4rem;cursor:pointer;transition:background .2s ease,transform .2s ease}.form-submit-btn:hover:not(:disabled){background:#0a47a6;transform:translateY(-1px)}.form-submit-btn:disabled{opacity:.65;cursor:not-allowed}.form-success{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.form-success-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#dcfce7;color:#16a34a;font-size:1.25rem;font-weight:700}.form-success p{margin:0;font-size:1rem;color:#1f2937}.form-reset-btn{background:transparent;border:1px solid #d0def3;border-radius:999px;padding:.4rem .9rem;font-family:inherit;font-size:.875rem;font-weight:600;color:#0f5dbb;cursor:pointer;transition:background .2s ease}.form-reset-btn:hover{background:#f1f7ff}@media only screen and (max-width: 700px){.contact-flex{padding:1.25rem}.contact-header h1{font-size:1.55rem}.form-row{grid-template-columns:1fr}}.home-main-content{display:flex;flex-direction:column;box-sizing:border-box;width:100%;padding:2rem 2rem 2.5rem;gap:2rem;overflow-y:auto;align-items:center;min-height:92vh}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:640px}.home-greeting{margin:0;font-size:1rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.home-name{margin:.2rem 0 .4rem;font-size:3rem;font-weight:800;color:#111827;line-height:1.1}.home-title{margin:0 0 .75rem;font-size:1.2rem;font-weight:600;color:#374151}.home-tagline{margin:0 0 1.25rem;font-size:1rem;line-height:1.65;color:#4b5563;max-width:520px}.home-cta-row{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.home-cta-primary{text-decoration:none;background:#111827;color:#fff;font-weight:700;border-radius:999px;padding:.6rem 1.4rem;font-size:.95rem;transition:background .2s ease,transform .2s ease}.home-cta-primary:hover{background:#374151;transform:translateY(-1px)}.home-cta-secondary{text-decoration:none;background:#fff;color:#111827;font-weight:700;border:1px solid #d1d5db;border-radius:999px;padding:.6rem 1.4rem;font-size:.95rem;transition:background .2s ease,transform .2s ease}.home-cta-secondary:hover{background:#f9fafb;transform:translateY(-1px)}.home-skills-strip{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:700px}.home-skill-badge{background:#fff;border:1px solid #dbe4ef;border-radius:999px;padding:.3rem .85rem;font-size:.82rem;font-weight:600;color:#1e3a5f;box-shadow:0 2px 6px #0714260f}.home-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%;max-width:820px}.home-pillar-card{background:#fff;border:1px solid #dbe4ef;border-radius:14px;padding:1.1rem 1rem;box-shadow:0 8px 22px #07142612}.home-pillar-icon{font-size:1.75rem}.home-pillar-card h2{margin:.4rem 0 .6rem;font-size:1.05rem}.home-pillar-card ul{margin:0;padding-left:1.1rem;font-size:.875rem;line-height:1.7;color:#374151}@media only screen and (max-width: 700px){.home-name{font-size:2.2rem}.home-main-content{padding:1.5rem 1.25rem}}