*{box-sizing:border-box}.portfolio{background-color:#1e2a3d;color:#fff;font-family:Arial,sans-serif;min-height:100vh;overflow-x:hidden;padding:12px}header{margin-bottom:32px;padding:24px 0;position:relative;text-align:center}.three-d-container{height:clamp(160px,35vw,250px);left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}.header-icon,.section-icon{margin-bottom:12px}.about .section-icon:nth-child(4){margin-top:24px}.profile-pic{border:clamp(4px,2vw,8px) solid #ffc22d;border-radius:50%;height:clamp(200px,50vw,400px);object-fit:cover;overflow:hidden;width:clamp(200px,50vw,400px)}.nav-icons{align-items:flex-end;display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;top:100px;z-index:1000}.nav-icon{align-items:center;background:#fff;border-radius:50%;display:flex;justify-content:center;padding:4px;transition:transform .3s}.nav-icon:hover{background:#e0e0e0}.nav-icon:focus{outline:2px solid #ffc22d;outline-offset:2px}.sticky-cta{align-items:center;background:#ffc22d;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;font-size:clamp(16px,4vw,20px);height:48px;justify-content:center;padding:12px;position:fixed;right:20px;text-decoration:none;transition:transform .3s,background .3s;width:48px;z-index:1001}.sticky-cta:hover{background:#d68e1c;transform:scale(1.1)}.sticky-cta:focus{outline:2px solid #fff;outline-offset:2px}h1{font-size:clamp(20px,5vw,32px)}h2{font-size:clamp(18px,4.5vw,26px)}h3{color:#ffc22d;font-size:clamp(14px,3.5vw,22px)}p{line-height:1.6;margin:0 auto;max-width:75ch}.highlight-name{color:#ffc22d;font-size:clamp(24px,6vw,36px);font-weight:700}.about,.contact,.experiences,.projects,.values{margin-bottom:32px}.values-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.value-card{background:#162447;border-radius:8px;flex:1 1 clamp(180px,28vw,280px);max-width:100%;min-width:180px;padding:clamp(10px,2.5vw,16px);transition:background .3s}.value-card:hover{background:#2a3b5e}.exp-list,.project-list,.skills,.tech-logos{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.exp-card,.project-card,.skill-card{background:#162447;border-radius:8px;flex:1 1 clamp(180px,28vw,280px);max-width:100%;min-width:180px;overflow:hidden;padding:clamp(12px,3vw,20px);transition:background .3s}.exp-card:hover,.project-card:hover,.skill-card:hover{background:#2a3b5e}.tech-icon{align-items:center;display:flex;flex:1 1 30%;flex-direction:column;margin:6px;max-width:33.33%}.tech-icon span{font-size:clamp(9px,2vw,11px);margin-top:3px}.filter-buttons{display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px}.filter-buttons button{background:#ffc22d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:clamp(11px,2.5vw,13px);min-height:44px;min-width:auto;padding:clamp(5px,1.5vw,7px) clamp(10px,2.5vw,14px);width:-webkit-fit-content;width:fit-content}.filter-buttons button:hover{transform:scale(1.1) rotate(5deg)}.filter-buttons button:focus{outline:2px solid #fff;outline-offset:2px}.project-cover{aspect-ratio:16/9;border:1px solid #ffc22d;border-radius:8px;height:auto;margin-bottom:10px;object-fit:contain;width:100%}.tech-tags{display:inline-flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-bottom:32px}.tech-tags span{background:#ffc22d;border-radius:16px;color:#fff;font-size:clamp(9px,2vw,11px);min-width:auto;padding:3px 7px;width:-webkit-fit-content;width:fit-content}.project-buttons{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.demo-button,.github-button{background:#ffc22d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:clamp(11px,2.5vw,13px);min-height:44px;min-width:auto;overflow:hidden;padding:clamp(6px,1.5vw,8px) clamp(12px,3vw,16px);position:relative;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.demo-button:hover,.github-button:hover{box-shadow:0 4px 12px #ffc22d80;transform:translateY(-2px)}.demo-button:focus,.github-button:focus{outline:2px solid #fff;outline-offset:2px}.github-button{background:#333}.github-button:hover{background:#555}.contact form{display:flex;flex-direction:column;gap:6px;margin:0 auto;max-width:clamp(280px,85vw,480px)}.contact input,.contact textarea{background:#162447;border:none;border-radius:4px;color:#fff;font-size:clamp(11px,2.5vw,13px);padding:6px}.contact input:focus,.contact textarea:focus{outline:2px solid #ffc22d;outline-offset:2px}.contact button{align-self:center;background:#ffc22d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:clamp(11px,2.5vw,13px);min-height:44px;min-width:auto;padding:6px;transition:transform .3s;width:-webkit-fit-content;width:fit-content}.contact button:hover{transform:scale(1.1) rotate(5deg)}.contact button:focus{outline:2px solid #fff;outline-offset:2px}.contact button:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.contact-message{border-radius:4px;font-size:clamp(12px,3vw,14px);margin-left:auto;margin-right:auto;margin-top:10px;max-width:clamp(280px,85vw,480px);padding:10px;text-align:center}.contact-message.success{background-color:#4caf50;color:#fff}.contact-message.error{background-color:#f44336;color:#fff}footer{border-top:1px solid #ffc22d;margin-top:32px;padding:12px;text-align:center}footer a{color:#ffc22d;text-decoration:none}footer a:hover{text-decoration:underline}.socials{display:flex;gap:12px;justify-content:center}@media (max-width:576px){.portfolio{padding:8px}.profile-pic{height:clamp(140px,35vw,200px);width:clamp(140px,35vw,200px)}.exp-card,.project-card,.skill-card,.value-card{flex:1 1 100%;max-width:100%;min-width:0;padding:10px}.tech-tags{gap:3px;margin-bottom:24px}.tech-logos,.tech-tags{flex-direction:row;justify-content:center}.tech-logos{flex-wrap:wrap}.tech-icon{flex:1 1 45%;max-width:50%}.project-cover{aspect-ratio:16/9;height:auto}.filter-buttons,.project-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center}.demo-button,.filter-buttons button,.github-button{margin-bottom:6px;width:-webkit-fit-content;width:fit-content}.contact form{max-width:100%}.highlight-name{font-size:clamp(20px,5vw,24px)}.sticky-cta{height:40px;padding:10px;width:40px}.nav-icon{padding:6px}}@media (min-width:577px) and (max-width:768px){.profile-pic{height:clamp(180px,40vw,240px);width:clamp(180px,40vw,240px)}.exp-card,.project-card,.skill-card,.value-card{flex:1 1 45%;max-width:100%;min-width:0;padding:12px}.tech-icon{flex:1 1 45%;max-width:50%}.project-cover{aspect-ratio:16/9;height:auto}.highlight-name{font-size:clamp(22px,5.5vw,28px)}}@media (min-width:769px) and (max-width:1024px){.profile-pic{height:clamp(240px,35vw,320px);width:clamp(240px,35vw,320px)}.exp-card,.project-card,.skill-card,.value-card{flex:1 1 45%;max-width:100%;min-width:0}.tech-icon{flex:1 1 30%;max-width:33.33%}.project-cover{aspect-ratio:16/9;height:auto}.highlight-name{font-size:clamp(24px,5.5vw,32px)}}@media (min-width:1025px){.profile-pic{height:400px;width:400px}.exp-card,.project-card,.skill-card,.value-card{flex:1 1 30%;max-width:100%;min-width:0}.tech-icon{flex:1 1 30%;max-width:33.33%}.project-cover{aspect-ratio:16/9;height:auto}.highlight-name{font-size:36px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.c9efbb7a.css.map*/