@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap);html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;transition:overflow .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.portfolio-container{background-color:#f8f9fa;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:20px auto;max-width:1100px;min-height:calc(100vh - 40px);padding:20px}.resume{line-height:1.6;padding:10px}.resume h1,.resume h3,.resume h4{color:#1a2a45}.resume ul{list-style:none;padding-left:0}.resume li{margin-bottom:.7em;padding-left:1.2em;position:relative}.resume li:before{color:#007bff;content:"•";font-weight:700;left:0;position:absolute}.experience-item{margin-bottom:1.5em;padding-left:5px}.experience-item h3{margin-bottom:.2em}.experience-item p{color:#555;margin-bottom:.5em;margin-top:0}.resume-grid{margin-top:0}.resume-row{grid-gap:20px;align-items:stretch;display:grid;gap:20px;margin-bottom:20px}.resume-row-3{grid-template-columns:repeat(3,1fr)}.resume-row-2{grid-template-columns:repeat(2,1fr)}.resume-row-fullwidth{grid-column:1/-1;margin-bottom:20px}.collapsible-content .work-samples-grid{gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding-top:1em}.work-sample-item{background:#ffffff4d;border-radius:8px;box-shadow:0 2px 5px #0000000d;box-sizing:border-box;cursor:pointer;padding:10px}.work-sample-item,.work-sample-video-thumb{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.work-sample-video-thumb{aspect-ratio:1/1;background-color:#d3d3d3;max-height:169.016px;max-width:580px}.work-sample-video-thumb video{object-fit:cover;width:600px}.play-icon{align-items:center;background-color:#00000080;border-radius:50%;color:#fffc;display:flex;font-size:3rem;justify-content:center;line-height:60px}.play-icon,.play-icon-image{height:60px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.play-icon-image{background-color:#000}.work-sample-image,.work-sample-video{display:block;height:auto;max-height:100%;max-width:80%;object-fit:contain;width:auto}.modal-overlay{background-color:#000c;bottom:0;box-sizing:border-box;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex;justify-content:center;padding:20px}.modal-content{background-color:#fff;border-radius:8px;max-height:90vh;max-width:90vw;overflow:auto;position:relative}.modal-image,.modal-video{display:block;height:auto;max-height:calc(90vh - 60px);max-width:100%;object-fit:contain;width:auto}.modal-close-button{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#333;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;line-height:30px;padding:0;position:absolute;right:10px;top:10px;width:30px;z-index:1}.back-link{align-items:center;align-self:center;background-color:#1a2a45;border-radius:8px;box-shadow:0 4px 10px #00000026;color:#fff;display:inline-flex;font-size:1.1em;font-weight:500;gap:10px;padding:12px 20px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.back-link:hover{background-color:#1a2a45;transform:scale(1.05)}.back-link .arrow{font-size:1.5em;line-height:1;transition:transform .3s ease}.back-link:hover .arrow{transform:translateX(-5px)}.project-link{color:#007bff;text-decoration:underline}@media screen and (max-width:900px){.resume-row-3{grid-template-columns:repeat(2,1fr)}.portfolio-container{padding:15px}}@media screen and (max-width:768px){.resume-row-2,.resume-row-3{gap:15px;grid-template-columns:1fr}.portfolio-container{margin:10px auto;padding:10px}body{padding:0}.collapsible-content .work-samples-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.work-sample-item{max-width:none}.modal-content{max-height:85vh;max-width:95vw;padding:15px}.modal-close-button{font-size:1.8rem;right:10px;top:5px}.back-link{bottom:20px;box-shadow:0 2px 8px #0003;height:40px;justify-content:center;left:20px;padding:8px;position:fixed;width:40px;z-index:100}.back-link span:not(.arrow){display:none}.back-link .arrow{font-size:1.6em;margin:0}.back-link:hover{transform:scale(1.1)}.back-link:hover .arrow{transform:none}}@media screen and (max-width:480px){.collapsible-content .work-samples-grid{grid-template-columns:1fr}.portfolio-container{padding:5px}.back-link{bottom:15px;height:35px;left:15px;padding:6px;width:35px}.back-link .arrow{font-size:1.4em}}.home-container{align-items:center;background-color:#f8f9fa;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100dvh;overflow:hidden;padding:20px;position:relative;text-align:center}.background-shape{border-radius:30px;opacity:.6;position:absolute;z-index:0}.shape-1{background-color:#e3f2fd;height:300px;left:-100px;top:-50px;transform:rotate(15deg);width:300px}.shape-2{background-color:#e1bee7;bottom:-70px;height:250px;right:-50px;transform:rotate(-20deg);width:250px}.shape-3{background-color:#bbdefb;height:180px;right:10%;top:20%;transform:rotate(45deg);width:180px}.shape-4{background-color:#c5cae9;bottom:25%;height:120px;left:10%;transform:rotate(-15deg);width:120px}.home-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffffd9;border-radius:20px;box-shadow:0 8px 30px #0000001a;max-width:90%;padding:40px;position:relative;z-index:1}.home-content h1{color:#1a2a45;font-size:3rem;margin-bottom:.5em}.home-contact-info{align-items:center;color:#333;display:flex;flex-wrap:wrap;font-size:1.2em;gap:15px 30px;justify-content:center;margin-top:15px}.home-contact-item{align-items:center;display:inline-flex}.home-contact-item span[role=img]{font-size:1.2em;margin-right:10px}.home-contact-item a{color:#0056b3;text-decoration:none}.home-contact-item a:hover{text-decoration:underline}.portfolio-link{align-items:center;background-color:#1a2a45;border-radius:8px;box-shadow:0 4px 10px #00000026;color:#fff;display:inline-flex;font-size:1.1em;font-weight:500;gap:10px;margin-top:30px;padding:12px 20px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.portfolio-link:hover{background-color:#1a2a45;transform:scale(1.05)}.portfolio-link .arrow{font-size:1.5em;line-height:1;transition:transform .3s ease}.portfolio-link:hover .arrow{transform:translateX(5px)}@media screen and (max-width:768px){.home-content h1{font-size:2.5rem}.home-contact-info{flex-direction:column;font-size:1.1em;gap:10px}.portfolio-link{margin-top:30px}}@media screen and (max-width:480px){.home-content h1{font-size:2rem}.home-contact-info{font-size:1em}.portfolio-link{font-size:1em;padding:10px 15px}}.collapsible-section{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff73;border:1px solid #fff3;border-radius:15px;box-shadow:0 4px 15px #00000014;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:180px;overflow:hidden;padding:25px;position:relative;transition:transform .2s ease-out,box-shadow .2s ease-out;width:100%}.collapsible-section:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.section-controls{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px;width:100%;z-index:1}.section-title{color:#1a2a45;flex-grow:1;font-size:1.2em;line-height:1.3;margin:0;padding-right:10px;white-space:pre-line}.toggle-button{align-items:center;background:#ffffff4d;border:1px solid #fff6;border-radius:50%;bottom:25px;color:#1a2a45;cursor:pointer;display:flex;font-size:1em;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:25px;transition:background-color .2s ease,transform .2s ease;width:30px;z-index:2}.toggle-button:hover{background:#ffffff80}.toggle-icon{font-weight:700}.section-emoji{font-size:4rem;left:50%;opacity:1;pointer-events:none;position:absolute;top:55%;transform:translate(-50%,-50%);z-index:0}.content-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000bf;bottom:0;box-sizing:border-box;display:flex;height:100dvh;justify-content:center;left:0;overflow:auto;padding:20px;position:fixed;right:0;top:0;z-index:10}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-content{animation:slideUp .25s ease-out;background:#fff;border-radius:12px;box-shadow:0 5px 30px #0000004d;display:flex;flex-direction:column;margin:auto;max-height:90dvh;max-width:800px;overflow:hidden;position:relative;width:85%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.overlay-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;padding:15px 15px 12px;position:relative}.close-overlay-button{align-items:center;background:#f0f0f0;border:1px solid #dcdcdccc;border-radius:50%;box-shadow:none!important;color:#1a2a45;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;line-height:1;outline:none!important;padding:0;position:absolute;right:10px;top:10px;transition:background-color .2s ease,transform .2s ease;width:36px;z-index:10}.close-overlay-button:hover{background:#e5e5e5;color:#1a2a45}.close-overlay-button:focus{border-color:#fff6!important;box-shadow:none!important;outline:none!important}.overlay-title{align-items:center;color:#333;display:flex;font-size:1.5rem;gap:10px;line-height:1.3;margin:0;padding-right:40px;padding-top:0;white-space:pre-line;width:100%}.overlay-emoji{font-size:1.3em}.overlay-body{flex:1 1;line-height:1.6;overflow-y:auto;padding:20px}@media screen and (max-width:768px){.collapsible-section{height:150px;padding:18px}.toggle-button{bottom:18px;height:36px;right:18px;width:36px}.section-title{font-size:1.1em}.section-emoji{font-size:3rem}.overlay-content{border-radius:0;max-height:85dvh;padding:25px;width:95%}.overlay-body,.overlay-header{padding:15px}.overlay-title{font-size:1.3rem}.close-overlay-button,.toggle-button{align-items:center;border-radius:50%;display:flex;height:44px;justify-content:center;min-height:44px;min-width:44px;width:44px}.close-overlay-button{right:5px;top:0}}@media screen and (max-width:480px){.collapsible-section{height:130px;padding:15px}.section-emoji{font-size:2.5rem}.overlay-content{border-radius:8px;max-height:90dvh;padding:20px 15px;width:100%}.overlay-body,.overlay-header{padding:12px}.close-overlay-button,.toggle-button{height:40px;min-height:40px;min-width:40px;width:40px}}
/*# sourceMappingURL=main.a45feb99.css.map*/