@charset "UTF-8";:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 1.75rem;--space-7: 2rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--space-11: 10rem;--space-1a: .35rem;--space-6a: 1.85rem;--space-8a: 3.5rem;--space-9a: 4.5rem;--color-primary: #101a2b;--color-accent: #93a7bc;--color-accent2: #5de7d1;--color-light: #e3e9f1;--color-light2: #d2dae5;--color-dark: rgba(46, 214, 193, .11);--color-dark2: rgba(31, 42, 61, .52);--color-dark3: rgba(255, 255, 255, .1);--color-dark4: rgba(255, 255, 255, .2);--color-muted: #354458;--color-offset-shadow: 0 0 #0000;--color-inset-shadow: inset 0 1px 0 0 rgba(148, 163, 184, .1)}html{font-family:Inter,Open Sans,sans-serif;line-height:1.5;font-size:16px;font-style:normal;font-stretch:normal;color-scheme:light dark;color:var(--color-accent);background-color:var(--color-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-size:1.1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--color-light);margin-top:0}h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:var(--space-6)}h2{font-size:2rem;font-weight:600;line-height:1.3;margin-bottom:var(--space-5)}h3{font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:var(--space-3)}p{margin-bottom:var(--space-5);margin-top:0}strong{color:var(--color-light2);font-weight:400}small{font-size:.9rem}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-8)}.row,#main{display:flex;gap:var(--space-5)}.col,main,header{flex:1 1 50%;box-sizing:border-box}.with-link{cursor:pointer;position:relative}.with-link>*{position:relative;z-index:1}.with-link a.link{color:var(--color-light);text-decoration:none;display:flex;align-items:center;gap:var(--space-2)}.with-link a.link .arrow{vertical-align:middle;transition:transform .3s ease}.with-link:before{content:" ";background:var(--color-dark2);position:absolute;left:calc(var(--space-4) * -1);right:calc(var(--space-4) * -1);top:calc(var(--space-4) * -1);bottom:calc(var(--space-4) * -1);border-radius:10px;box-shadow:var(--color-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--color-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--color-inset-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease}.with-link:hover a.link{color:var(--color-accent2)}.with-link:hover a.link .arrow{transform:translate(5px,-5px)}.with-link:hover:before{opacity:1}#main{gap:var(--space-11)}header{flex:1 1 35%;position:relative}main{flex:1 1 65%;padding-bottom:var(--space-10)}footer{display:flex;justify-content:flex-end;gap:var(--space-5);align-items:center}footer small{display:none}.buttons{margin:var(--space-8) 0 0;line-height:1}.button{background:none;border:1px solid var(--color-light);border-radius:10px;display:inline-block;padding:var(--space-2) var(--space-4);text-decoration:none;cursor:pointer;overflow:hidden;position:relative;font-size:1.1rem;line-height:1.5}.button span{color:var(--color-light);transition:color .5s ease;position:relative;z-index:2}.button:after,.button:before{content:"";width:100%;height:200%;position:absolute;z-index:1;transition:all .5s ease;border-radius:100px;background-color:var(--color-light)}.button:before{transform:translate(-100%,-120%)}.button:after{transform:translateY(50%)}.button:hover span{color:var(--color-primary)}.button:hover:before{transform:translate(-25%,-25%)}.button:hover:after{transform:translate(-75%,-25%)}ul.icons{list-style:none;display:flex;justify-content:flex-end;gap:var(--space-4);margin:0;padding:0}ul.icons li{height:32px}ul.icons a{color:var(--color-light);transition:color .3s ease}ul.icons a:hover{color:var(--color-accent)}ul.icons .label{display:none}ul.pills{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2)}ul.pills li{background:var(--color-dark);color:var(--color-accent2);border-radius:20px;font-size:.85rem;padding:var(--space-1) var(--space-3)}#notes{display:block;margin:var(--space-9a) 0 0;max-width:500px}nav ul{list-style:none;margin:0;padding:0}nav ul li{padding:var(--space-2) var(--space-4);text-transform:uppercase;border-right:1px solid var(--color-accent);transition:border-color .3s ease,color .3s ease}nav ul li a{color:var(--color-accent);text-decoration:none;transition:color .3s ease}nav ul li a:hover{color:var(--color-light)}nav ul .active{color:var(--color-light);border-right:2px solid var(--color-light)}nav ul .active a{color:var(--color-light)}#hero{display:flex;flex-direction:column;gap:var(--space-10);text-align:right;position:sticky;top:var(--space-10);height:calc(100vh - 2 * var(--space-10));min-height:calc(100vh - 2 * var(--space-10))}#hero .avatar{width:130px;height:130px;min-width:130px;min-height:130px;border-radius:100%;overflow:hidden;position:relative;display:inline-block;margin-left:auto;border:1px solid var(--color-dark3)}#hero .avatar img{width:100%}#hero .intro h1{font-size:2.85rem;margin-bottom:var(--space-3)}#hero .intro h2{margin-bottom:var(--space-6a)}#hero .intro p{margin-bottom:0;font-size:1.25rem;line-height:1.5}#about{font-size:1.25rem;line-height:1.5;padding-top:var(--space-10)}#about p:last-child{margin-bottom:0}#experience{padding-top:var(--space-9a)}#experience ul.companies{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-8a)}#experience ul.companies li small{color:var(--color-light)}#projects,#work{padding-top:var(--space-9a)}#projects ul.project-list,#work ul.project-list{padding:0;list-style:none;display:flex;flex-direction:column;margin:var(--space-8) 0 0;gap:var(--space-8a)}#projects ul.project-list img,#work ul.project-list img{width:100px;height:fit-content;margin:var(--space-1a) 0}#projects ul.project-list .thumb,#work ul.project-list .thumb{border-radius:10px;margin:var(--space-1a) 0 var(--space-3)}#projects ul.project-list .thumb img,#work ul.project-list .thumb img{width:200px;height:fit-content;margin:0}#projects ul.project-list li,#work ul.project-list li{display:flex;gap:var(--space-7)}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-primary);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:50px;height:50px;border:5px solid #333;border-top:5px solid #1e90ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-modal{background:var(--color-dark2);border-radius:10px;box-shadow:var(--color-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--color-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--color-inset-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:fixed;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;z-index:9999;inset:0;width:40%;height:100vh;transform:translate(-20px);transition:opacity .35s ease,transform .35s ease}.form-modal.active{opacity:1;pointer-events:auto;transform:translate(0)}.form-modal .modal-content{padding:var(--space-7);width:90%;max-width:550px}.form-modal .close-btn{background:none;border:none;font-size:var(--space-5);color:var(--color-light);float:right;cursor:pointer}.form-modal form{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.form-modal input,.form-modal textarea{background:var(--color-dark3);border:1px solid var(--color-dark4);border-radius:10px;padding:var(--space-3);color:var(--color-light);resize:none;resize:vertical}.form-modal textarea{min-height:7.5em}.form-modal input:focus,.form-modal textarea:focus{outline:2px solid var(--color-accent2);background:var(--color-dark3)}.form-modal #status{margin:0}#starstream-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-primary);z-index:-1}@media(max-width:1140px){#main{gap:var(--space-9)}.form-modal{width:70%}}@media(max-width:1024px){html{font-size:15px}.container{padding:0 var(--space-5)}#main{flex-direction:column;gap:var(--space-9);width:95%;margin:0 auto}header,main{flex:1 1 100%}nav{position:sticky;top:0;z-index:9;background:var(--color-dark2);border-radius:0 0 10px 10px;box-shadow:var(--color-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--color-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--color-inset-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:20px;margin-left:-1rem;margin-right:-1rem}nav ul{display:flex;justify-content:center;border-right:none}nav ul li{border-right:none;border-bottom:1px solid var(--color-muted);border-right:none!important;padding:var(--space-2) var(--space-3)}nav ul .active{border-bottom:2px solid var(--color-light)}#hero{position:relative;top:auto;height:auto;min-height:auto;text-align:center;gap:var(--space-9)}#hero .avatar{margin:0 auto}#hero .intro{max-width:380px;margin:0 auto}footer{justify-content:center;flex-wrap:wrap;padding:var(--space-8) 0;border-top:1px solid var(--color-muted)}footer small{display:block;text-align:center;margin-top:var(--space-3)}ul.icons{justify-content:center}.form-modal{width:80%}}@media(max-width:768px){html{font-size:14px}.container{padding:0 var(--space-4)}#hero{gap:var(--space-8)}#about,#experience,#projects,#work{padding-top:var(--space-9)}ul.pills li{padding:var(--space-1) var(--space-2)}.button{padding:var(--space-2) var(--space-3)}footer{flex-direction:column;align-items:center}#experience ul.companies{gap:var(--space-7)}.form-modal{width:100%}#starstream-bg{display:none}}@media(max-width:480px){html{font-size:13px}.container{padding:0 var(--space-3)}#hero{gap:var(--space-7)}#hero .avatar{width:100px;height:100px}ul.icons{gap:var(--space-3)}.buttons{text-align:center}.button{display:block;width:100%;max-width:250px;margin:0 auto}}