*{box-sizing:border-box}body{color:#fff;background-color:#1f1d1dec;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.top-bar-container{z-index:1000;background-color:#000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;width:100%;padding:clamp(12px,2.5vw,20px) clamp(20px,6vw,60px);display:flex;position:sticky;top:0}.top-bar-title{flex:0 auto;min-width:0}.top-bar-title h1{letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(1.1rem,2.2vw,1.8rem);font-weight:700;overflow:hidden}.go-to-link{flex-wrap:wrap;flex:auto;justify-content:center;gap:clamp(16px,3vw,40px);min-width:0;display:flex}.go-to-link button{cursor:pointer;font:inherit;color:#fff;white-space:nowrap;background:0 0;border:none;padding:0;font-size:clamp(.85rem,1.3vw,1rem);font-weight:500;transition:color .2s}.go-to-link button:hover{color:#ffffffbd}.top-bar-actions{flex-wrap:wrap;flex:0 auto;justify-content:center;gap:clamp(8px,1.5vw,15px);min-width:0;display:flex}.link{color:#fff;white-space:nowrap;border:2px solid #fff;border-radius:8px;padding:clamp(6px,1.2vw,10px) clamp(12px,2vw,20px);font-size:clamp(.85rem,1.3vw,1rem);text-decoration:none;transition:all .2s}.link:hover{color:#ffffffbd;background-color:#ffffff17;border:2px solid #ffffff17}h3{text-align:center}.subsection{border:3px solid #000;border-radius:15px;margin:10px;padding:25px;scroll-margin-top:100px}.nav-divider{background-color:#ffffff40;flex-shrink:0;width:1px;height:40px}@media (width<=1300px){.top-bar-container{flex-direction:column;gap:12px 0;padding:16px 20px}.top-bar-title{flex:none;width:100%}.top-bar-title h1{white-space:normal;text-align:center;text-overflow:unset;font-size:clamp(1rem,5vw,1.4rem);overflow:visible}.go-to-link{flex-wrap:wrap;flex:none;justify-content:center;gap:10px 18px;width:100%}.go-to-link button{font-size:.9rem}.top-bar-actions{flex-wrap:nowrap;flex:none;justify-content:center;gap:10px;width:100%}.link{text-align:center;flex:1 1 0;min-width:0;padding:8px 14px;font-size:.9rem}.nav-divider{display:none}}@media (width<=480px){.top-bar-container{padding:14px 16px}.top-bar-title h1{font-size:clamp(.95rem,6vw,1.15rem)}.go-to-link button,.link{font-size:.85rem}}.ab-me-content{justify-content:space-between;align-items:center;gap:4rem;max-width:1000px;margin:0 auto;padding-bottom:40px;display:flex}.ab-me-text{flex:2}.ab-me-text p{line-height:1.6}.ab-me-photo{flex:1;justify-content:flex-start;display:flex}.ab-me-photo img{border-radius:12px;width:100%;max-width:250px}@media (width<=700px){.ab-me-content{text-align:center;flex-direction:column;gap:1.5rem;padding:0 20px 40px}.ab-me-photo{order:-1;justify-content:center}.ab-me-photo img{max-width:180px}}.project-card{text-align:center;cursor:pointer;box-sizing:border-box;background-color:#242121;border:1px solid #494747;border-radius:15px;flex-direction:column;justify-content:flex-start;height:100%;padding:25px;transition:all .3s;display:flex}.project-card:hover{border-color:#666;transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.project-divider{background-color:#fff3;width:60%;height:1px;margin:15px auto}.project-description{opacity:.85;margin-top:25px;line-height:1.5}.projects-container{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;align-items:stretch;gap:25px;max-width:1000px;margin:0 auto;padding-bottom:40px;display:grid}@media (width<=640px){.projects-container{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{overscroll-behavior:contain;background:#2a2a2a;border:1px solid #444;border-radius:15px;flex-direction:column;width:700px;max-width:90vw;height:auto;min-height:300px;max-height:85vh;padding:30px;display:flex;position:relative;overflow-y:auto;box-shadow:0 15px 40px #00000080}@media (width<=640px){.modal-content{max-height:80vh;padding:20px}}.modal-columns{align-items:flex-start;gap:25px;width:100%;margin-top:30px;margin-bottom:auto;display:flex}@media (width<=640px){.modal-columns{flex-direction:column;align-items:center}}.modal-left{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.modal-right{flex:1;justify-content:center;align-items:center;display:flex}.modal-right img{object-fit:cover;border-radius:10px;max-width:100%;max-height:300px}.project-details{text-align:left;color:#fffc;flex-direction:column;gap:12px;font-size:.95rem;font-weight:400;line-height:1.55;display:flex}.project-details li{padding-left:6px}.project-details li::marker{color:#fff6}.modal-close{color:#fff;cursor:pointer;background:#1f1f1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:20px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.modal-close:hover{color:#ffffffbd;background-color:#ffffff17}.project-link{text-align:center;color:#ffffffbf;margin-top:20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s;display:block}.project-link:hover{color:#fff;text-decoration:underline}.modal-link-button{color:#ffffffd9;text-align:center;background-color:#1f1f1f;border:1px solid #444;border-radius:8px;width:fit-content;margin:auto auto 0;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.modal-link-button:hover{color:#fff;background-color:#ffffff17;border-color:#666}.work-container{justify-content:center;padding-bottom:40px;display:flex}.experience-section{width:100%;max-width:1000px}.title{text-align:center;margin-bottom:2rem}.title h3{letter-spacing:1px;border-bottom:1px solid #000;margin:0;padding-bottom:10px;font-size:1.5rem;font-weight:700}.experience-card{background-color:#242121;border:1px solid #494747;border-radius:15px;margin-bottom:20px;padding:25px}.experience-card h2{margin-top:0;margin-bottom:5px}.work-position{margin-top:0;font-size:1.1rem;font-weight:600}.work-description{color:#d0d0d0;line-height:1.6}.work-footer{color:#aaa;justify-content:space-between;margin-top:15px;display:flex}.footer-links{font-size:2rem}.footer-links a{color:#fff}.footer{text-align:center;border-top:1px solid #444;margin-top:50px;padding:4px 20px}.footer-links{justify-content:center;gap:20px;margin:20px 0;display:flex}.footer-links a{color:#fff;text-decoration:none}.footer-links a:hover{color:#bbb}.copyright{color:#888;font-size:.9rem}.contact-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.contact-modal{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:15px;width:700px;max-width:90vw;padding:30px;position:relative;box-shadow:0 15px 40px #00000080}.contact-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.contact-modal-header h2{margin:0;font-size:1.5rem}.contact-close{color:#fff;cursor:pointer;background:#1f1f1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:20px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.contact-close:hover{color:#ffffffbd;background-color:#ffffff17}.contact-form{flex-direction:column;gap:14px;display:flex}.contact-form label{flex-direction:column;gap:6px;font-weight:600;display:flex}.contact-input,.contact-textarea{color:#fff;width:100%;font:inherit;box-sizing:border-box;background:#464444;border:1px solid #666;border-radius:8px;padding:12px 14px}.contact-textarea{resize:vertical;min-height:150px}.contact-submit{color:#111;cursor:pointer;background:#fff;border:none;border-radius:8px;align-self:flex-start;padding:10px 16px;font-weight:600}.contact-submit:hover{background:#e2e2e2}.contact-status{color:#9fe39f;margin-top:14px;font-weight:600}