#skip-to-content{background-color:var(--button-color-primary);border:none;border-radius:0 .6rem .6rem 0;box-shadow:0 0 .65rem -.1rem var(--button-color-secondary);color:var(--button-color-text);cursor:pointer;font-family:Roboto Mono,monospace;font-size:.98rem;outline:none;padding:.75rem 1.2rem;position:absolute;text-decoration:none;top:calc(var(--navbar-height) + .8rem);-webkit-transform:translateX(calc(-100% - .65rem));transform:translateX(calc(-100% - .65rem));z-index:100}#skip-to-content:hover{background-color:var(--button-color-hover)}#skip-to-content:focus{-webkit-transform:translateX(0);transform:translateX(0)}body[dark-mode] .diozz-icon-wrapper{--color-fill:#02172c;--color-outline:#00a8a8;--color-gradient-outline:linear-gradient(90deg,#1fffff,#00a8a8,#007575)}body[light-mode] .diozz-icon-wrapper{--color-fill:#e6f5ff;--color-outline:#0966c3;--color-gradient-outline:linear-gradient(90deg,#248cf5,#0966c3,#06407a)}.diozz-icon-wrapper{display:flex;gap:.5rem;height:var(--icon-height);justify-content:center;position:relative}@media(max-width:768px){.diozz-icon-wrapper{--icon-height:35px;--icon-m-width:47px;--icon-d-width:43px}}@media(min-width:768px)and (max-width:1079px){.diozz-icon-wrapper{--icon-height:40px;--icon-m-width:55px;--icon-d-width:48px}}@media(min-width:1080px){.diozz-icon-wrapper{--icon-height:40px;--icon-m-width:55px;--icon-d-width:48px}}@-webkit-keyframes m-to-pos{0%{z-index:100}to{left:-69%}}@keyframes m-to-pos{0%{z-index:100}to{left:-69%}}@-webkit-keyframes fade-out{to{display:none;opacity:0}}@keyframes fade-out{to{display:none;opacity:0}}@-webkit-keyframes shimmer-to-end{to{left:100%}}@keyframes shimmer-to-end{to{left:100%}}.diozz-icon-wrapper .alpha,.diozz-icon-wrapper .d-static,.diozz-icon-wrapper .m-static{background:var(--color-gradient-outline);height:var(--icon-height);position:relative}.diozz-icon-wrapper .d-static,.diozz-icon-wrapper .m-static{background:var(--color-gradient-outline)}.diozz-icon-wrapper .d-static:after,.diozz-icon-wrapper .d-static:before,.diozz-icon-wrapper .m-static:after,.diozz-icon-wrapper .m-static:before{transition:background-color .35s ease-in-out}.diozz-icon-wrapper .d-static{-webkit-clip-path:polygon(0 0,80% 0,100% 20%,100% 80%,80% 100%,0 100%);clip-path:polygon(0 0,80% 0,100% 20%,100% 80%,80% 100%,0 100%);left:6px;width:var(--icon-d-width);z-index:1}.diozz-icon-wrapper .d-static:before{background-color:var(--color-fill);-webkit-clip-path:inherit;clip-path:inherit;content:"";height:83%;left:8.5%;position:absolute;top:8.5%;width:83%}.diozz-icon-wrapper .d-static:after{background-color:var(--color-outline);bottom:25%;content:"";height:10%;left:20%;position:absolute;width:30%}.diozz-icon-wrapper .m-static{-webkit-clip-path:polygon(20% 0,80% 0,100% 20%,100% 100%,0 100%,0 20%);clip-path:polygon(20% 0,80% 0,100% 20%,100% 100%,0 100%,0 20%);left:-6px;width:var(--icon-m-width);z-index:2}.diozz-icon-wrapper .m-static:before{background-color:var(--color-fill);-webkit-clip-path:inherit;clip-path:inherit;content:"";height:83%;left:8.5%;position:absolute;top:8.5%;width:83%}.diozz-icon-wrapper .m-static:after{background-color:var(--color-outline);content:"";height:18%;left:50%;position:absolute;top:8.5%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:25%}.diozz-icon-wrapper .m-static .left-wing{left:25%}.diozz-icon-wrapper .m-static .left-wing,.diozz-icon-wrapper .m-static .right-wing{background-color:var(--color-outline);bottom:8.5%;height:15%;position:absolute;width:11%}.diozz-icon-wrapper .m-static .right-wing{right:25%}.diozz-icon-wrapper .first-name .non-cap:first-child{-webkit-animation:fade-out .5416666667s ease-in 3.7s forwards;animation:fade-out .5416666667s ease-in 3.7s forwards}.diozz-icon-wrapper .first-name .non-cap:nth-child(2){-webkit-animation:fade-out .4333333333s ease-in 3.7s forwards;animation:fade-out .4333333333s ease-in 3.7s forwards}.diozz-icon-wrapper .first-name .non-cap:nth-child(3){-webkit-animation:fade-out .325s ease-in 3.7s forwards;animation:fade-out .325s ease-in 3.7s forwards}.diozz-icon-wrapper .first-name .non-cap:nth-child(4){-webkit-animation:fade-out .2166666667s ease-in 3.7s forwards;animation:fade-out .2166666667s ease-in 3.7s forwards}.diozz-icon-wrapper .first-name .non-cap:nth-child(5){-webkit-animation:fade-out .1083333333s ease-in 3.7s forwards;animation:fade-out .1083333333s ease-in 3.7s forwards}.diozz-icon-wrapper .first-name .non-cap:nth-child(6){-webkit-animation:fade-out 0s ease-in 3.7s forwards;animation:fade-out 0s ease-in 3.7s forwards}.diozz-icon-wrapper .first-name .non-cap:nth-child(7){-webkit-animation:fade-out -.1083333333s ease-in 3.7s forwards;animation:fade-out -.1083333333s ease-in 3.7s forwards}.diozz-icon-wrapper .first-name .alpha:first-child{left:-2px;z-index:11}.diozz-icon-wrapper .first-name .alpha:nth-child(2){left:-4px;z-index:10}.diozz-icon-wrapper .first-name .alpha:nth-child(3){left:-6px;z-index:9}.diozz-icon-wrapper .first-name .alpha:nth-child(4){left:-8px;z-index:8}.diozz-icon-wrapper .first-name .alpha:nth-child(5){left:-10px;z-index:7}.diozz-icon-wrapper .first-name .alpha:nth-child(6){left:-12px;z-index:6}.diozz-icon-wrapper .last-name .non-cap:first-child{-webkit-animation:fade-out .65s ease-in 3s forwards;animation:fade-out .65s ease-in 3s forwards}.diozz-icon-wrapper .last-name .non-cap:nth-child(2){-webkit-animation:fade-out .5416666667s ease-in 3s forwards;animation:fade-out .5416666667s ease-in 3s forwards}.diozz-icon-wrapper .last-name .non-cap:nth-child(3){-webkit-animation:fade-out .4333333333s ease-in 3s forwards;animation:fade-out .4333333333s ease-in 3s forwards}.diozz-icon-wrapper .last-name .non-cap:nth-child(4){-webkit-animation:fade-out .325s ease-in 3s forwards;animation:fade-out .325s ease-in 3s forwards}.diozz-icon-wrapper .last-name .non-cap:nth-child(5){-webkit-animation:fade-out .2166666667s ease-in 3s forwards;animation:fade-out .2166666667s ease-in 3s forwards}.diozz-icon-wrapper .last-name .non-cap:nth-child(6){-webkit-animation:fade-out .1083333333s ease-in 3s forwards;animation:fade-out .1083333333s ease-in 3s forwards}.diozz-icon-wrapper .last-name .non-cap:nth-child(7){-webkit-animation:fade-out 0s ease-in 3s forwards;animation:fade-out 0s ease-in 3s forwards}.diozz-icon-wrapper .last-name .alpha:first-child{left:-2px;z-index:5}.diozz-icon-wrapper .last-name .alpha:nth-child(2){left:-4px;z-index:4}.diozz-icon-wrapper .last-name .alpha:nth-child(3){left:-6px;z-index:3}.diozz-icon-wrapper .last-name .alpha:nth-child(4){left:-8px;z-index:2}.diozz-icon-wrapper .last-name .alpha:nth-child(5){left:-10px;z-index:1}.diozz-icon-wrapper .last-name .alpha:nth-child(6){left:-12px;z-index:0}.diozz-icon-wrapper .m{-webkit-animation:m-to-pos .65s ease-in-out 3.5416666667s forwards;animation:m-to-pos .65s ease-in-out 3.5416666667s forwards}.diozz-icon-wrapper .sm{height:calc(var(--icon-height)*.7)}.diozz-icon-wrapper .first-name,.diozz-icon-wrapper .last-name{align-items:flex-end;display:flex}.diozz-icon-wrapper .d{-webkit-clip-path:polygon(0 0,80% 0,100% 20%,100% 80%,80% 100%,0 100%);clip-path:polygon(0 0,80% 0,100% 20%,100% 80%,80% 100%,0 100%);width:50px}.diozz-icon-wrapper .d:before{background-color:var(--color-fill);-webkit-clip-path:inherit;clip-path:inherit;content:"";height:83%;left:8.5%;position:absolute;top:8.5%;width:83%}.diozz-icon-wrapper .d:after{background-color:var(--color-outline);bottom:25%;content:"";height:10%;left:20%;position:absolute;width:30%}.diozz-icon-wrapper .i{width:18px}.diozz-icon-wrapper .i:before{background-color:var(--color-fill);content:"";height:80%;left:21.5%;position:absolute;top:10%;width:57%}.diozz-icon-wrapper .i:after{background-color:var(--color-outline);content:"";height:10%;left:20%;position:absolute;top:30%;width:40%}.diozz-icon-wrapper .v{-webkit-clip-path:polygon(0 0,0 75%,25% 100%,75% 100%,100% 75%,100% 0);clip-path:polygon(0 0,0 75%,25% 100%,75% 100%,100% 75%,100% 0);width:32px}.diozz-icon-wrapper .v:before{background-color:var(--color-fill);-webkit-clip-path:inherit;clip-path:inherit;content:"";height:80%;left:12%;position:absolute;top:10%;width:76%}.diozz-icon-wrapper .v:after{background-color:var(--color-outline);content:"";height:30%;left:50%;position:absolute;top:30%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:15%}.diozz-icon-wrapper .n{-webkit-clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,0 100%);clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,0 100%);width:33px}.diozz-icon-wrapper .n:before{background-color:var(--color-fill);-webkit-clip-path:inherit;clip-path:inherit;content:"";height:80%;left:12%;position:absolute;top:10%;width:76%}.diozz-icon-wrapper .n:after{background-color:var(--color-outline);bottom:10%;content:"";height:20%;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30%}.diozz-icon-wrapper .s{-webkit-clip-path:polygon(20% 0,100% 0,100% 50%,90% 50%,90% 100%,90% 85%,80% 100%,0 100%,0 50%,10% 50%,10% 15%);clip-path:polygon(20% 0,100% 0,100% 50%,90% 50%,90% 100%,90% 85%,80% 100%,0 100%,0 50%,10% 50%,10% 15%);width:33px}.diozz-icon-wrapper .s:before{background-color:var(--color-fill);-webkit-clip-path:inherit;clip-path:inherit;content:"";height:80%;left:12%;position:absolute;top:10%;width:76%}.diozz-icon-wrapper .s .left-wing{left:12%;top:50%}.diozz-icon-wrapper .s .left-wing,.diozz-icon-wrapper .s .right-wing{background-color:var(--color-outline);height:10%;position:absolute;width:20%}.diozz-icon-wrapper .s .right-wing{bottom:50%;right:12%}.diozz-icon-wrapper .m{-webkit-clip-path:polygon(20% 0,80% 0,100% 20%,100% 100%,0 100%,0 20%);clip-path:polygon(20% 0,80% 0,100% 20%,100% 100%,0 100%,0 20%);width:55px}.diozz-icon-wrapper .m:before{background-color:var(--color-fill);-webkit-clip-path:inherit;clip-path:inherit;content:"";height:83%;left:8.5%;position:absolute;top:8.5%;width:83%}.diozz-icon-wrapper .m:after{background-color:var(--color-outline);content:"";height:18%;left:50%;position:absolute;top:8.5%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:25%}.diozz-icon-wrapper .m .left-wing{left:25%}.diozz-icon-wrapper .m .left-wing,.diozz-icon-wrapper .m .right-wing{background-color:var(--color-outline);bottom:8.5%;height:15%;position:absolute;width:11%}.diozz-icon-wrapper .m .right-wing{right:25%}.diozz-icon-wrapper .a{-webkit-clip-path:polygon(25% 0,100% 0,100% 25%,100% 100%,0 100%,0 25%);clip-path:polygon(25% 0,100% 0,100% 25%,100% 100%,0 100%,0 25%);width:33px}.diozz-icon-wrapper .a:before{background-color:var(--color-fill);-webkit-clip-path:inherit;clip-path:inherit;content:"";height:78%;left:12%;position:absolute;top:11%;width:76%}.diozz-icon-wrapper .a:after{background-color:var(--color-outline);bottom:10%;content:"";height:20%;position:absolute;right:30%;width:12%}.diozz-icon-wrapper .t{-webkit-clip-path:polygon(0 0,75% 0,75% 30%,90% 30%,90% 45%,75% 45%,75% 65%,100% 65%,100% 100%,0 100%);clip-path:polygon(0 0,75% 0,75% 30%,90% 30%,90% 45%,75% 45%,75% 65%,100% 65%,100% 100%,0 100%);width:24px}.diozz-icon-wrapper .t:before{height:82%;left:17%;top:9%;width:43%}.diozz-icon-wrapper .t:after,.diozz-icon-wrapper .t:before{background-color:var(--color-fill);content:"";position:absolute}.diozz-icon-wrapper .t:after{bottom:9%;height:16%;right:20%;width:25%}.diozz-icon-wrapper .t .notch{background-color:var(--color-outline);height:15%;position:absolute;right:10%;top:30%;width:50%}.diozz-icon-wrapper .h{-webkit-clip-path:polygon(0 0,50% 0,50% 30%,77% 30%,100% 47%,100% 100%,0 100%);clip-path:polygon(0 0,50% 0,50% 30%,77% 30%,100% 47%,100% 100%,0 100%);width:33px}.diozz-icon-wrapper .h:before{background-color:var(--color-fill);-webkit-clip-path:polygon(0 0,35% 0,35% 40%,85% 40%,100% 53%,100% 100%,0 100%);clip-path:polygon(0 0,35% 0,35% 40%,85% 40%,100% 53%,100% 100%,0 100%);content:"";height:80%;left:12%;position:absolute;top:10%;width:76%}.diozz-icon-wrapper .h:after{background-color:var(--color-outline);bottom:10%;content:"";height:20%;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:25%}.diozz-icon-wrapper .e{-webkit-clip-path:polygon(25% 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%,0 25%);clip-path:polygon(25% 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%,0 25%);width:33px}.diozz-icon-wrapper .e:before{background-color:var(--color-fill);-webkit-clip-path:inherit;clip-path:inherit;content:"";height:78%;left:12%;position:absolute;top:11%;width:76%}.diozz-icon-wrapper .e:after{background-color:var(--color-outline);bottom:35%;content:"";height:10%;position:absolute;right:10%;width:40%}.diozz-icon-wrapper .w{-webkit-clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,20% 100%,0 80%);clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,20% 100%,0 80%);width:38px}.diozz-icon-wrapper .w:before{background-color:var(--color-fill);-webkit-clip-path:inherit;clip-path:inherit;content:"";height:83%;left:8.5%;position:absolute;top:8.5%;width:83%}.diozz-icon-wrapper .w:after{background-color:var(--color-outline);bottom:8.5%;content:"";height:18%;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:25%}.diozz-icon-wrapper .w .left-wing{left:25%}.diozz-icon-wrapper .w .left-wing,.diozz-icon-wrapper .w .right-wing{background-color:var(--color-outline);height:15%;position:absolute;top:8.5%;width:12%}.diozz-icon-wrapper .w .right-wing{right:25%}.hover-shimmer .d-static .shimmer,.hover-shimmer .m-static .shimmer{background-color:var(--text-color-accent);content:"";height:35%;left:-160%;opacity:.4;position:absolute;top:30%;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);width:180%;z-index:10}.hover-shimmer:hover .d-static .shimmer{-webkit-animation:shimmer-to-end .4s ease-out .25s forwards;animation:shimmer-to-end .4s ease-out .25s forwards}.hover-shimmer:hover .m-static .shimmer{-webkit-animation:shimmer-to-end .4s ease-in .25s forwards;animation:shimmer-to-end .4s ease-in .25s forwards}.navbar-common{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--navbar-color);display:flex;font-family:Roboto Mono,monospace;height:var(--navbar-height);left:0;position:fixed;transition:background-color .35s ease-in-out,box-shadow .25s cubic-bezier(.645,.045,.355,1),top .25s cubic-bezier(.645,.045,.355,1),bottom .25s cubic-bezier(.645,.045,.355,1);width:100%;z-index:999}.navbar{justify-content:space-between;padding:0 4rem}@media(min-width:768px)and (max-width:1079px){.navbar{padding:0 2.5rem}}@media(max-width:768px){.navbar{padding:0 1.5rem}}.navbar .nav-list-container{align-items:center;display:flex}.navbar .nav-list{list-style:none}@media(max-width:768px){.navbar .nav-list{display:none}}.navbar .nav-list li{display:inline;font-size:.925rem;margin-left:1em}.navbar .nav-list .selected{background-color:var(--link-color-selected)}.navbar .nav-list a{background-color:var(--link-color-primary);border-radius:12px;color:var(--link-color-text);font-size:.925rem;padding:10px 15px;text-decoration:none;transition:background-color .3s ease-in-out,color .3s ease-in-out}.navbar .nav-list a:hover{background-color:var(--link-color-hover);color:var(--text-color-accent)}.navbar .nav-list a:active{color:var(--text-color-tertiary)}.bottom-navbar{box-shadow:0 -10px 30px -10px var(--navbar-shadow);gap:1rem;justify-content:space-around;min-width:384px;padding:0 1.5rem}.bottom-navbar .selected{background-color:var(--link-color-selected)}.bottom-navbar .selected,.bottom-navbar .selected svg{color:var(--text-color-accent)}.bottom-navbar>div{flex:1 1}.bottom-navbar a{align-items:center;background-color:var(--link-color-primary);border-radius:12px;color:var(--link-color-text);display:flex;flex-direction:column;font-size:.775rem;gap:.3rem;padding:10px 15px;text-decoration:none;transition:background-color .3s ease-in-out,color .3s ease-in-out}.bottom-navbar a svg{margin-bottom:1px}.bottom-navbar a:hover{background-color:var(--link-color-hover)}.bottom-navbar a:active{color:var(--text-color-tertiary)}.nav-shadow{box-shadow:0 10px 30px -10px var(--navbar-shadow)}.nav-visible{top:0}.nav-hidden{top:calc(var(--navbar-height)*-1 + -10px)}.bottom-nav-visible{bottom:0}.bottom-nav-hidden{bottom:calc(var(--navbar-height)*-1 + -10px)}.resume-button{font-size:.925rem;margin:auto 0 auto 1.25rem;padding:12px 20px!important;position:relative;top:.5px}.resume-button:before{font-size:inherit;padding:9px 20px!important}.theme-toggle-button{--button-dimension:42px;--sun-animation-duration:800ms;--core-animation-duration:500ms;--sun-animation-curve:cubic-bezier(0.43,0.06,0,1.21);--core-animation-curve:ease-in-out;align-items:center;background-color:var(--background-color);border:none;border-radius:12px;cursor:pointer;display:flex;height:var(--button-dimension);justify-content:center;outline:none;position:relative;width:var(--button-dimension)}.theme-toggle-button:hover{background-color:var(--link-color-hover);transition:background-color .35s ease-in-out}.theme-toggle-button:active{background-color:#8888885c}.theme-toggle-button .sun{align-items:center;border-radius:50%;display:flex;height:95%;justify-content:center;position:relative;transition:-webkit-transform var(--sun-animation-duration) var(--sun-animation-curve);transition:transform var(--sun-animation-duration) var(--sun-animation-curve);transition:transform var(--sun-animation-duration) var(--sun-animation-curve),-webkit-transform var(--sun-animation-duration) var(--sun-animation-curve);width:95%}.theme-toggle-button .sun:before{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.theme-toggle-button .sun:after,.theme-toggle-button .sun:before{background-color:var(--text-color-primary);content:"";height:50%;left:50%;position:absolute;top:50%;width:50%}.theme-toggle-button .sun:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);z-index:2}.theme-toggle-button .core{background-color:var(--background-color);border-radius:50%;height:34%;position:absolute;width:34%;z-index:3}.theme-toggle-button .core:before{background-color:var(--text-color-primary);border-radius:50%;content:"";height:68%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:width var(--core-animation-duration) var(--core-animation-curve),height var(--core-animation-duration) var(--core-animation-curve),-webkit-transform var(--core-animation-duration) var(--core-animation-curve);transition:transform var(--core-animation-duration) var(--core-animation-curve),width var(--core-animation-duration) var(--core-animation-curve),height var(--core-animation-duration) var(--core-animation-curve);transition:transform var(--core-animation-duration) var(--core-animation-curve),width var(--core-animation-duration) var(--core-animation-curve),height var(--core-animation-duration) var(--core-animation-curve),-webkit-transform var(--core-animation-duration) var(--core-animation-curve);-webkit-transition:-webkit-transform var(--core-animation-duration) var(--core-animation-curve);width:68%;z-index:4}body[dark-mode] .theme-toggle-button .sun{-webkit-transform:rotate(0deg);transform:rotate(0deg)}body[dark-mode] .theme-toggle-button .core:before{height:62%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:62%}body[light-mode] .theme-toggle-button .sun{-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}body[light-mode] .theme-toggle-button .core:before{height:90%;-webkit-transform:translate(-85%,-50%);transform:translate(-85%,-50%);width:90%}.background-shape{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.background-shape *{transition:background-color .35s ease-in-out,border .35s ease-in-out}.background-shape .cross-grid{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-columns:repeat(7,1fr);left:6%;position:relative;top:2.5%;width:100px}.background-shape .cross-grid .cross{inset:0;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.background-shape .cross-grid svg{color:var(--text-color-accent);opacity:.08}.background-shape .line{background-color:var(--background-color-shapes);display:block;height:125px;left:-10rem;opacity:.35;position:relative;width:calc(100vw + 15rem)}.background-shape .circle-line{background-color:var(--background-color);border:50px solid var(--background-color-shapes);border-radius:250px;display:block;height:350px;opacity:.35;position:relative;width:750px}#main,#main .main-contents{display:flex;justify-content:center;position:relative}#main .main-contents{-webkit-animation:none running-fade-in .75s ease-in-out forwards .5s 0s ease 0s 1 normal none;animation:none running-fade-in .75s ease-in-out forwards .5s 0s ease 0s 1 normal none;-webkit-animation:initial-fade-in .75s ease-in-out .5s forwards;animation:initial-fade-in .75s ease-in-out .5s forwards;flex-direction:column;max-width:1300px;min-height:max(752px,100vh);opacity:0}#main .main-contents .hi{color:var(--text-color-accent);font-family:Roboto Mono,monospace;font-size:1.135rem}#main .main-contents .name{color:var(--text-color-primary);font-size:clamp(40px,8vw,80px);font-weight:700;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#main .main-contents .designation{color:var(--text-color-secondary);font-size:clamp(32px,6vw,60px);font-weight:700}#main .main-contents .description{color:var(--text-color-secondary);font-size:clamp(16px,3vw,20px);margin-top:20px;max-width:600px}#main .main-contents .get-in-touch-button{align-self:flex-start;display:inline-flex;font-size:.9rem;padding:15px 25px!important}#main .main-contents .get-in-touch-button:before{font-size:inherit;padding:12px 25px!important}#main .main-contents .glitch{position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}@-webkit-keyframes noise-anim{0%{clip:rect(65px,9999px,24px,0)}4%{clip:rect(74px,9999px,54px,0)}8%{clip:rect(4px,9999px,71px,0)}12%{clip:rect(30px,9999px,13px,0)}16%{clip:rect(28px,9999px,98px,0)}20%{clip:rect(92px,9999px,36px,0)}24%{clip:rect(22px,9999px,61px,0)}28%{clip:rect(60px,9999px,4px,0)}32%{clip:rect(91px,9999px,75px,0)}36%{clip:rect(35px,9999px,34px,0)}40%{clip:rect(100px,9999px,1px,0)}44%{clip:rect(81px,9999px,9px,0)}48%{clip:rect(19px,9999px,22px,0)}52%{clip:rect(50px,9999px,82px,0)}56%{clip:rect(11px,9999px,87px,0)}60%{clip:rect(28px,9999px,68px,0)}64%{clip:rect(61px,9999px,49px,0)}68%{clip:rect(39px,9999px,54px,0)}72%{clip:rect(31px,9999px,47px,0)}76%{clip:rect(93px,9999px,27px,0)}80%{clip:rect(60px,9999px,78px,0)}84%{clip:rect(10px,9999px,49px,0)}88%{clip:rect(82px,9999px,30px,0)}92%{clip:rect(58px,9999px,85px,0)}96%{clip:rect(73px,9999px,9px,0)}to{clip:rect(67px,9999px,78px,0)}}@keyframes noise-anim{0%{clip:rect(65px,9999px,24px,0)}4%{clip:rect(74px,9999px,54px,0)}8%{clip:rect(4px,9999px,71px,0)}12%{clip:rect(30px,9999px,13px,0)}16%{clip:rect(28px,9999px,98px,0)}20%{clip:rect(92px,9999px,36px,0)}24%{clip:rect(22px,9999px,61px,0)}28%{clip:rect(60px,9999px,4px,0)}32%{clip:rect(91px,9999px,75px,0)}36%{clip:rect(35px,9999px,34px,0)}40%{clip:rect(100px,9999px,1px,0)}44%{clip:rect(81px,9999px,9px,0)}48%{clip:rect(19px,9999px,22px,0)}52%{clip:rect(50px,9999px,82px,0)}56%{clip:rect(11px,9999px,87px,0)}60%{clip:rect(28px,9999px,68px,0)}64%{clip:rect(61px,9999px,49px,0)}68%{clip:rect(39px,9999px,54px,0)}72%{clip:rect(31px,9999px,47px,0)}76%{clip:rect(93px,9999px,27px,0)}80%{clip:rect(60px,9999px,78px,0)}84%{clip:rect(10px,9999px,49px,0)}88%{clip:rect(82px,9999px,30px,0)}92%{clip:rect(58px,9999px,85px,0)}96%{clip:rect(73px,9999px,9px,0)}to{clip:rect(67px,9999px,78px,0)}}#main .main-contents .glitch:after{clip:rect(0,900px,0,0);animation:noise-anim 2s linear infinite alternate-reverse;color:#fff;content:attr(data-text);left:2px;overflow:hidden;position:absolute;text-shadow:-1px 0 red;top:0}@-webkit-keyframes noise-anim-2{0%{clip:rect(100px,9999px,22px,0)}10%{clip:rect(64px,9999px,51px,0)}20%{clip:rect(22px,9999px,47px,0)}30%{clip:rect(79px,9999px,64px,0)}40%{clip:rect(80px,9999px,59px,0)}50%{clip:rect(38px,9999px,39px,0)}60%{clip:rect(100px,9999px,94px,0)}70%{clip:rect(60px,9999px,85px,0)}80%{clip:rect(88px,9999px,88px,0)}90%{clip:rect(47px,9999px,90px,0)}to{clip:rect(16px,9999px,4px,0)}}@keyframes noise-anim-2{0%{clip:rect(100px,9999px,22px,0)}10%{clip:rect(64px,9999px,51px,0)}20%{clip:rect(22px,9999px,47px,0)}30%{clip:rect(79px,9999px,64px,0)}40%{clip:rect(80px,9999px,59px,0)}50%{clip:rect(38px,9999px,39px,0)}60%{clip:rect(100px,9999px,94px,0)}70%{clip:rect(60px,9999px,85px,0)}80%{clip:rect(88px,9999px,88px,0)}90%{clip:rect(47px,9999px,90px,0)}to{clip:rect(16px,9999px,4px,0)}}#main .main-contents .glitch:before{clip:rect(0,900px,0,0);animation:noise-anim-2 3s linear infinite alternate-reverse;background:var(--background-color-primary);color:#fff;content:attr(data-text);left:-2px;overflow:hidden;position:absolute;text-shadow:1px 0 red;top:0}#about{opacity:0;position:relative}#about .about-contents{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1500px;padding-bottom:5rem;padding-top:5rem}#about .about-contents .about-speaker{cursor:pointer;position:relative;top:4px}#about .about-contents .about-speaker:hover{color:var(--text-color-accent)}#about .about-contents .about-speaker:active{opacity:.65}#about .about-contents .about-row{display:flex;justify-content:space-between}@media(max-width:768px){#about .about-contents .about-row{flex-direction:column-reverse}}@media(min-width:768px)and (max-width:1079px){#about .about-contents .about-row{flex-direction:column-reverse}}#about .about-contents .about-row .about-text{color:var(--text-color-secondary);max-width:60%}#about .about-contents .about-row .about-text .about-name{color:var(--text-color-primary)}@media(max-width:768px){#about .about-contents .about-row .about-text{max-width:100%}}@media(min-width:768px)and (max-width:1079px){#about .about-contents .about-row .about-text{max-width:100%}}#about .about-contents .about-row .about-image{align-items:flex-end;border-radius:0 0 150px 150px;display:flex;height:450px;justify-content:center;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;position:relative;width:300px}#about .about-contents .about-row .about-image:before{background-color:var(--background-color-shapes);border-radius:50%;bottom:0;content:"";display:flex;height:300px;left:0;position:absolute;transition:background-color .35s ease-in-out;width:300px}#about .about-contents .about-row .about-image img{bottom:0;-webkit-filter:grayscale(80%) contrast(1) brightness(90%);filter:grayscale(80%) contrast(1) brightness(90%);height:100%;object-fit:cover;position:relative;transition:-webkit-transform .5s ease,-webkit-filter .5s ease;transition:transform .5s ease,filter .5s ease;transition:transform .5s ease,filter .5s ease,-webkit-transform .5s ease,-webkit-filter .5s ease;width:100%}#about .about-contents .about-row .about-image img:hover{-webkit-filter:none;filter:none;-webkit-transform:scale(1.2) translateY(-25px);transform:scale(1.2) translateY(-25px)}#about .about-contents .about-row .about-image-shadow{border-radius:50%;bottom:0;box-shadow:0 .2rem .8rem #00000070;height:300px;position:absolute;width:300px}#about .about-contents .about-row .about-image-wrapper{display:flex;height:450px;justify-content:center;position:relative;top:-105px}@media(max-width:768px){#about .about-contents .about-row .about-image-wrapper{top:-65px}}@media(min-width:768px)and (max-width:1079px){#about .about-contents .about-row .about-image-wrapper{top:-65px}}#about .about-contents .about-row .about-recent-tech{color:var(--text-color-secondary);display:flex;font-family:Roboto Mono,monospace}.section-heading{align-items:center;display:flex}.section-heading .title-number{color:var(--text-color-accent);font-family:Roboto Mono,monospace;font-size:clamp(1.2rem,1.5vw,1.52rem);font-weight:700;margin-right:1rem}.section-heading .title-section{color:var(--text-color-primary);font-size:clamp(1.5rem,1.8vw,2rem);font-weight:700;position:relative;top:-.15rem;white-space:nowrap}.section-heading .title-section:before{background-color:var(--text-color-accent);content:"";height:2rem;left:-1rem;opacity:.1;position:absolute;top:-.85rem;width:4rem;z-index:-1}.section-heading .title-line{background-color:var(--background-color-light);flex:.6 1;height:.065rem;min-width:5rem;transition:background-color .35s ease-in-out}.section-heading.title-center{justify-content:center}.dot-point{align-items:center;display:flex;margin-top:.45rem}.dot-point svg{align-self:flex-start;color:var(--text-color-accent);margin-right:.3rem;min-width:1.2rem;position:relative;top:3.5px}.dot-point .text{flex-grow:1}#experience{opacity:0;position:relative}#experience .experience-contents{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1100px;padding-bottom:15rem;padding-top:15rem}#experience .experience-contents .experience-heading{margin-bottom:1.75rem}#experience .experience-contents .company-name-wrapper{align-items:flex-end;display:flex}#experience .experience-contents .company-name{font-size:1.4rem}#experience .experience-contents .company-designation{color:var(--text-color-primary);font-size:1.2rem}#experience .experience-contents .company-duration{align-items:center;color:var(--text-color-tertiary);display:flex;font-family:Roboto Mono,monospace;font-size:.95rem}#experience .experience-contents .dot-point{color:var(--text-color-secondary);font-size:1rem}.tab-layout-wrapper{display:flex;flex-direction:row;gap:1.5rem;min-height:200px}@media(min-width:768px)and (max-width:1079px){.tab-layout-wrapper{flex-direction:row}}@media(max-width:768px){.tab-layout-wrapper{flex-direction:column}}.tab-fade-in{-webkit-animation:tab-transition-fade-in 125ms ease-in-out forwards;animation:tab-transition-fade-in 125ms ease-in-out forwards}.tab-fade-out{-webkit-animation:tab-transition-fade-out 125ms ease-in-out forwards;animation:tab-transition-fade-out 125ms ease-in-out forwards}@-webkit-keyframes tab-transition-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tab-transition-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes tab-transition-fade-out{0%{opacity:1}to{opacity:0}}@keyframes tab-transition-fade-out{0%{opacity:1}to{opacity:0}}.tabs-list{display:flex;flex-direction:column;gap:.5rem}@media(min-width:768px)and (max-width:1079px){.tabs-list{flex-direction:column}}@media(max-width:768px){.tabs-list{background:linear-gradient(90deg,var(--background-color) 20%,hsla(0,0%,100%,0)) 0 0,linear-gradient(90deg,hsla(0,0%,100%,0),var(--background-color) 80%) 100% 100%,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.2),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.2),transparent) 100%;background-attachment:local,local,scroll,scroll;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;flex-direction:row;overflow-x:auto;padding-bottom:.75rem;padding-top:.75rem}}.tab-item{background-color:var(--link-color-primary);border-radius:12px;color:var(--link-color-text);cursor:pointer;padding:10px 15px;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:768px){.tab-item{border:.5px solid var(--text-color-tertiary)}}.tab-item:hover{background-color:var(--link-color-hover);color:var(--text-color-accent)}.tab-item:active{color:var(--text-color-tertiary)}.selected-tab-item{background-color:var(--link-color-selected);box-shadow:0 0 .15rem #00000030;color:var(--text-color-accent);transition:background-color .35s}.tags-wrapper{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.tags-wrapper .tag{background-color:var(--background-color-dark);border-radius:.5rem;color:var(--text-color-secondary);cursor:default;font-size:.868rem;padding:.25rem .75rem;transition:color .2s ease-in-out,background-color .35s ease-in-out}.tags-wrapper .tag:hover{color:var(--text-color-primary)}body[dark-mode] #work .work-item-image img{mix-blend-mode:screen}body[light-mode] #work .work-item-image img{mix-blend-mode:darken}#work{opacity:0;position:relative}#work .work-contents{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1500px;padding-bottom:5rem;padding-top:5rem}#work .work-contents .flex-start{justify-content:flex-start}#work .work-contents .flex-end{justify-content:flex-end}#work .work-contents .work-item-wrapper{--notchSize:35px;display:flex;-webkit-filter:drop-shadow(0 0 8px #00000030);filter:drop-shadow(0 0 8px #00000030)}#work .work-contents .work-item-wrapper .work-item-back-shape{opacity:.1;position:absolute;z-index:-1}#work .work-contents .work-item-wrapper .notch-left{-webkit-clip-path:polygon(0 var(--notchSize),var(--notchSize) 0,0 0,100% 0,100% calc(100% - var(--notchSize)),calc(100% - var(--notchSize)) 100%,0 100%,0 0);clip-path:polygon(0 var(--notchSize),var(--notchSize) 0,0 0,100% 0,100% calc(100% - var(--notchSize)),calc(100% - var(--notchSize)) 100%,0 100%,0 0)}#work .work-contents .work-item-wrapper .notch-left .work-item-details{padding:18px 22px 20px 32px}@media(min-width:1080px){#work .work-contents .work-item-wrapper .notch-left{flex-direction:row}}@media(min-width:768px)and (max-width:1079px){#work .work-contents .work-item-wrapper .notch-left{flex-direction:row}}@media(max-width:768px){#work .work-contents .work-item-wrapper .notch-left{flex-direction:column-reverse}}#work .work-contents .work-item-wrapper .notch-left .work-item-image{left:0}#work .work-contents .work-item-wrapper .notch-left .work-item-back-shape{bottom:-80px;left:-80px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#work .work-contents .work-item-wrapper .notch-right{-webkit-clip-path:polygon(0 0,0 0,calc(100% - var(--notchSize)) 0,100% var(--notchSize),100% 100%,100% 100%,var(--notchSize) 100%,0 calc(100% - var(--notchSize)));clip-path:polygon(0 0,0 0,calc(100% - var(--notchSize)) 0,100% var(--notchSize),100% 100%,100% 100%,var(--notchSize) 100%,0 calc(100% - var(--notchSize)))}#work .work-contents .work-item-wrapper .notch-right .work-item-details{padding:15px 25px 20px}@media(min-width:1080px){#work .work-contents .work-item-wrapper .notch-right{flex-direction:row-reverse}}@media(min-width:768px)and (max-width:1079px){#work .work-contents .work-item-wrapper .notch-right{flex-direction:row-reverse}}@media(max-width:768px){#work .work-contents .work-item-wrapper .notch-right{flex-direction:column-reverse}}#work .work-contents .work-item-wrapper .notch-right .work-item-image:after{right:0}#work .work-contents .work-item-wrapper .notch-right .work-item-back-shape{bottom:10px;right:0;-webkit-transform:rotate(65deg);transform:rotate(65deg)}#work .work-contents .work-item-wrapper .work-item{background-color:var(--background-color-light);display:flex;overflow:hidden;position:relative;transition:background-color .35s ease-in-out;width:90%}@media(max-width:768px){#work .work-contents .work-item-wrapper .work-item{width:100%}}#work .work-contents .work-item-wrapper .work-item .work-item-details{flex:1 1}#work .work-contents .work-item-wrapper .work-item .work-item-details .work-item-title-wrapper{align-items:center;display:flex;justify-content:space-between}#work .work-contents .work-item-wrapper .work-item .work-item-details .work-item-title-wrapper .work-item-link{color:var(--text-color-secondary);transition:color .25s ease}#work .work-contents .work-item-wrapper .work-item .work-item-details .work-item-title-wrapper .work-item-link:hover{color:var(--text-color-accent)}#work .work-contents .work-item-wrapper .work-item .work-item-details .work-item-title-wrapper .work-item-link:active{color:var(--text-color-tertiary)}#work .work-contents .work-item-wrapper .work-item .work-item-details .work-item-description{color:var(--text-color-secondary);font-size:1.0125rem;line-height:1.2;margin-top:.5rem}#work .work-contents .work-item-wrapper .work-item .work-item-details .work-item-title{color:var(--text-color-primary);font-size:clamp(1.5rem,2.2vw,2rem);font-weight:700;transition:color 1s ease}#work .work-contents .work-item-wrapper .work-item .work-item-image{flex:.8 1;min-height:200px;overflow:hidden;position:relative}#work .work-contents .work-item-wrapper .work-item .work-item-image img{display:block;-webkit-filter:grayscale(100%) contrast(1) brightness(90%);filter:grayscale(100%) contrast(1) brightness(90%);height:100%;object-fit:cover;object-position:center;position:absolute;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%}#work .work-contents .work-item-wrapper .work-item .work-item-image:after{background-color:var(--background-color-shapes);content:"";height:100%;position:absolute;transition:background-color .35s ease-in-out;width:100%}@media(min-width:768px)and (max-width:1079px){#work .work-contents .work-item-wrapper .work-item .work-item-image{height:100%;inset:0;position:absolute;width:100%;z-index:-1}#work .work-contents .work-item-wrapper .work-item .work-item-image img{opacity:.09}#work .work-contents .work-item-wrapper .work-item .work-item-image:after{background-color:transparent}}#work .work-contents .work-item-wrapper .work-item:hover .work-item-title{color:var(--text-color-accent)}#work .work-contents .work-item-wrapper .work-item:hover .work-item-image img{-webkit-filter:none;filter:none;mix-blend-mode:unset;-webkit-transform:scale(1.1);transform:scale(1.1)}#work .work-contents .work-item-wrapper .work-item:hover .work-item-image:after{background-color:transparent}#work .work-contents .see-all{display:flex;justify-content:center;margin:4rem 0}#work .work-contents .see-all svg{position:relative;top:1px}.diozz-input-wrapper{position:relative}.diozz-input-wrapper .placeholder{color:var(--text-color-tertiary);font-family:Roboto Mono,monospace;font-size:1rem;height:100%;left:1.25rem;pointer-events:none;position:absolute;top:1.4rem;transition:top .25s ease-in-out,font-size .25s ease;width:100%}.diozz-input-wrapper .input-placeholder.suspend-placeholder{color:var(--text-color-primary);font-size:.8rem;top:9.5px}.diozz-input-wrapper .textarea-placeholder.suspend-placeholder{color:var(--text-color-primary);font-size:.8rem;top:8.5px}.diozz-input-wrapper .diozz-text-input{background-color:var(--input-color-background);border:none;border-radius:.5rem;color:var(--text-color-primary);font-family:Roboto Mono,monospace;font-size:1.1rem;outline:none;padding:1.5rem 1.2rem 1.2rem;resize:none;transition:background-color .35s ease-in-out;width:100%}.diozz-input-wrapper .diozz-text-input:focus{box-shadow:0 0 .4rem var(--input-color-shadow)}#contact{opacity:0;position:relative}#contact .contact-contents{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1500px;padding-bottom:5rem;padding-top:5rem}#contact .contact-contents .contact-description{color:var(--text-color-secondary);font-family:Roboto Mono,monospace;line-height:1.5;margin:0 auto;max-width:400px;text-align:center}#contact .contact-contents .contact-form-wrapper{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:600px;min-height:410px;width:100%}#contact .contact-contents .contact-form-wrapper form{width:100%}#contact .contact-contents .contact-form-wrapper .contact-form{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-areas:"name email" "message message";grid-template-columns:1fr 1fr}@media(max-width:768px){#contact .contact-contents .contact-form-wrapper .contact-form{grid-template-areas:"name name" "email email" "message message"}}#contact .contact-contents .contact-form-wrapper .contact-form .name-wrapper{grid-area:name}#contact .contact-contents .contact-form-wrapper .contact-form .email-wrapper{grid-area:email}#contact .contact-contents .contact-form-wrapper .contact-form .message-wrapper{grid-area:message}#contact .contact-contents .contact-form-wrapper .contact-form-status{font-family:Roboto Mono,monospace;text-align:center}#contact .contact-contents .contact-form-wrapper .contact-form-submitting svg{-webkit-animation:fade-in 1s ease-in-out infinite;animation:fade-in 1s ease-in-out infinite;color:var(--text-color-accent)}@-webkit-keyframes fade-in{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}50%{opacity:1}to{opacity:0}}#contact .contact-contents .contact-form-wrapper .contact-form-submitted svg{-webkit-animation:fade-in-rotate 1s ease-in-out forwards;animation:fade-in-rotate 1s ease-in-out forwards;color:var(--text-color-accent);opacity:0}@-webkit-keyframes fade-in-rotate{to{opacity:1;-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes fade-in-rotate{to{opacity:1;-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}#contact .contact-contents .contact-form-wrapper .submit-button{display:block;margin-left:auto;margin-right:auto}body[dark-mode] #footer:before{background-image:url(/static/media/shapes.559b010f24c96a22a3eb.png)}body[light-mode] #footer:before{background-image:url(/static/media/shapes-light.05d2e8d0c3f29f2f6566.png)}#footer{align-items:center;background-color:var(--background-color-dark);display:flex;justify-content:center;margin-top:auto;padding:3.5rem 5rem;position:relative;transition:background-color .35s ease-in-out}#footer:before{background-position:0 0;background-size:cover;content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%}#footer .footer-sub-text{color:var(--text-color-secondary);font-family:Roboto Mono,monospace;font-size:.865rem}@media(min-width:1080px){#footer{flex-direction:row}}@media(min-width:768px)and (max-width:1079px){#footer{flex-direction:row}}@media(max-width:768px){#footer{flex-direction:column-reverse;padding-bottom:7.4rem}}#footer .center-text{text-align:center}@media(max-width:768px){#footer .footer-social{text-align:center}}#footer .footer-social .social-links{display:flex;flex:1 1;gap:1.225rem;position:relative}#footer .footer-social .social-links .social-item{color:var(--text-color-primary);cursor:pointer;opacity:.95;position:relative;transition:-webkit-filter .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:filter .15s ease-in-out,transform .15s ease-in-out;transition:filter .15s ease-in-out,transform .15s ease-in-out,-webkit-filter .15s ease-in-out,-webkit-transform .15s ease-in-out}#footer .footer-social .social-links .social-item:hover{color:var(--text-color-accent);-webkit-transform:translateY(-3px);transform:translateY(-3px)}#footer .footer-social .social-links .social-item:active{color:var(--text-color-tertiary);opacity:.8}#footer .footer-credits{align-items:flex-end;display:flex;flex:1 1;flex-direction:column}@media(max-width:768px){#footer .footer-credits{align-items:center;margin-bottom:3.5rem}}#footer .footer-credits .footer-name{color:var(--text-color-primary);font-family:Roboto Mono,monospace;font-size:1.25rem;font-weight:700}#footer .footer-credits .git-stats{color:var(--text-color-secondary);display:flex;font-family:Roboto Mono,monospace;font-size:.85rem;gap:1rem}#footer .footer-credits .git-stat-icon{margin-right:3px;margin-top:3px;position:relative;top:3px}body[dark-mode]{--background-color:#001f3d;--background-color-dark:#02172c;--background-color-light:#02264b;--background-color-shapes:rgba(0,43,87,.5);--navbar-color:rgba(0,31,61,.75);--navbar-shadow:rgba(0,13,26,.65);--text-color-primary:#d1e9ff;--text-color-secondary:#abb5d3;--text-color-tertiary:#737d9c;--text-color-accent:#05fff7;--button-color-primary:#002e5c;--button-color-secondary:#00172e;--button-color-hover:#036;--button-color-shadow:#001429;--button-color-text:var(--text-color-accent);--input-color-background:var(--background-color-dark);--input-color-shadow:rgba(0,250,242,.1);--link-color-primary:transparent;--link-color-text:var(--text-color-primary);--link-color-selected:#036;--link-color-text-selected:var(--text-color-accent);--link-color-hover:#002a54;--background-color-select:rgba(76,79,112,.527)}body[light-mode]{--background-color:#fff;--background-color-dark:#d6f1ff;--background-color-light:#f5fdff;--background-color-shapes:rgba(189,235,255,.5);--navbar-color:hsla(0,0%,100%,.85);--navbar-shadow:rgba(0,13,26,.2);--text-color-primary:#132f4e;--text-color-secondary:#003870;--text-color-tertiary:#889ccf;--text-color-accent:#0080ff;--button-color-primary:var(--text-color-accent);--button-color-secondary:#004d99;--button-color-hover:#198cff;--button-color-shadow:rgba(0,77,153,.35);--button-color-text:#fff;--input-color-background:#f5f5f5;--input-color-shadow:rgba(0,54,148,.28);--link-color-primary:transparent;--link-color-text:var(--text-color-primary);--link-color-selected:#ebf5ff;--link-color-text-selected:var(--text-color-accent);--link-color-hover:#daedff;--background-color-select:rgba(204,224,255,.527)}body{--scrollbar-color:#49556f;--navbar-height:80px}.button{background-color:var(--button-color-secondary);border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;font-family:Roboto Mono,monospace;line-height:1;padding:10px 20px;position:relative;text-decoration:none;top:2px;transition:background-color .35s ease-in-out;white-space:nowrap;width:auto}.button:before{background-color:var(--button-color-primary);border-radius:5px;color:var(--button-color-text);content:attr(data-text);font-family:inherit;font-size:inherit;height:100%;left:0;padding:7.5px 20px;position:absolute;top:-4px;transition:top 80ms ease-in-out,background-color .35s ease-in-out,box-shadow 80ms ease-in;width:100%;z-index:1}.button:hover:before{background-color:var(--button-color-hover);box-shadow:0 .4rem .5rem .1rem var(--button-color-shadow);top:-6px}.button:active:before{box-shadow:none;top:-1px}.hyperlink{color:var(--text-color-accent);cursor:pointer;display:inline-block;position:relative;text-decoration:none}.hyperlink:after{background-color:var(--text-color-accent);bottom:0;content:"";height:.5px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.hyperlink:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.hyperlink:active{color:var(--text-color-tertiary)}.hyperlink:active:after{background-color:var(--text-color-tertiary)}@media(min-width:1080px){.container{padding-left:150px;padding-right:150px}}@media(min-width:768px)and (max-width:1079px){.container{padding-left:100px;padding-right:100px}}@media(max-width:768px){.container{padding-left:30px;padding-right:30px}}.invisible{opacity:0}.fade-in-on-intersection{-webkit-animation:none running-fade-in .5s ease-in-out forwards .2s 0s ease 0s 1 normal none;animation:none running-fade-in .5s ease-in-out forwards .2s 0s ease 0s 1 normal none;-webkit-animation:initial-fade-in .5s ease-in-out .2s forwards;animation:initial-fade-in .5s ease-in-out .2s forwards}@-webkit-keyframes initial-fade-in{0%{opacity:0;top:-15px}to{opacity:1;top:0}}@keyframes initial-fade-in{0%{opacity:0;top:-15px}to{opacity:1;top:0}}html{min-height:100%;scroll-behavior:smooth}html,html main{position:relative}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.px-0{padding-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.mx-0{margin-right:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.p-1{padding:.25rem!important}.pt-1{padding-top:.25rem!important}.pr-1{padding-right:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.px-1{padding-right:.25rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.mx-1{margin-right:.25rem!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.p-2{padding:.5rem!important}.pt-2{padding-top:.5rem!important}.pr-2{padding-right:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.px-2{padding-right:.5rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.mx-2{margin-right:.5rem!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.p-3{padding:.75rem!important}.pt-3{padding-top:.75rem!important}.pr-3{padding-right:.75rem!important}.pb-3{padding-bottom:.75rem!important}.pl-3,.px-3{padding-left:.75rem!important}.px-3{padding-right:.75rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.m-3{margin:.75rem!important}.mt-3{margin-top:.75rem!important}.mr-3{margin-right:.75rem!important}.mb-3{margin-bottom:.75rem!important}.ml-3,.mx-3{margin-left:.75rem!important}.mx-3{margin-right:.75rem!important}.my-3{margin-bottom:.75rem!important;margin-top:.75rem!important}.p-4{padding:1rem!important}.pt-4{padding-top:1rem!important}.pr-4{padding-right:1rem!important}.pb-4{padding-bottom:1rem!important}.pl-4,.px-4{padding-left:1rem!important}.px-4{padding-right:1rem!important}.py-4{padding-bottom:1rem!important;padding-top:1rem!important}.m-4{margin:1rem!important}.mt-4{margin-top:1rem!important}.mr-4{margin-right:1rem!important}.mb-4{margin-bottom:1rem!important}.ml-4,.mx-4{margin-left:1rem!important}.mx-4{margin-right:1rem!important}.my-4{margin-bottom:1rem!important;margin-top:1rem!important}.p-5{padding:1.25rem!important}.pt-5{padding-top:1.25rem!important}.pr-5{padding-right:1.25rem!important}.pb-5{padding-bottom:1.25rem!important}.pl-5,.px-5{padding-left:1.25rem!important}.px-5{padding-right:1.25rem!important}.py-5{padding-bottom:1.25rem!important;padding-top:1.25rem!important}.m-5{margin:1.25rem!important}.mt-5{margin-top:1.25rem!important}.mr-5{margin-right:1.25rem!important}.mb-5{margin-bottom:1.25rem!important}.ml-5,.mx-5{margin-left:1.25rem!important}.mx-5{margin-right:1.25rem!important}.my-5{margin-bottom:1.25rem!important;margin-top:1.25rem!important}.p-6{padding:1.5rem!important}.pt-6{padding-top:1.5rem!important}.pr-6{padding-right:1.5rem!important}.pb-6{padding-bottom:1.5rem!important}.pl-6,.px-6{padding-left:1.5rem!important}.px-6{padding-right:1.5rem!important}.py-6{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.m-6{margin:1.5rem!important}.mt-6{margin-top:1.5rem!important}.mr-6{margin-right:1.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-6,.mx-6{margin-left:1.5rem!important}.mx-6{margin-right:1.5rem!important}.my-6{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.p-7{padding:1.75rem!important}.pt-7{padding-top:1.75rem!important}.pr-7{padding-right:1.75rem!important}.pb-7{padding-bottom:1.75rem!important}.pl-7,.px-7{padding-left:1.75rem!important}.px-7{padding-right:1.75rem!important}.py-7{padding-bottom:1.75rem!important;padding-top:1.75rem!important}.m-7{margin:1.75rem!important}.mt-7{margin-top:1.75rem!important}.mr-7{margin-right:1.75rem!important}.mb-7{margin-bottom:1.75rem!important}.ml-7,.mx-7{margin-left:1.75rem!important}.mx-7{margin-right:1.75rem!important}.my-7{margin-bottom:1.75rem!important;margin-top:1.75rem!important}.p-8{padding:2rem!important}.pt-8{padding-top:2rem!important}.pr-8{padding-right:2rem!important}.pb-8{padding-bottom:2rem!important}.pl-8,.px-8{padding-left:2rem!important}.px-8{padding-right:2rem!important}.py-8{padding-bottom:2rem!important;padding-top:2rem!important}.m-8{margin:2rem!important}.mt-8{margin-top:2rem!important}.mr-8{margin-right:2rem!important}.mb-8{margin-bottom:2rem!important}.ml-8,.mx-8{margin-left:2rem!important}.mx-8{margin-right:2rem!important}.my-8{margin-bottom:2rem!important;margin-top:2rem!important}.p-9{padding:2.25rem!important}.pt-9{padding-top:2.25rem!important}.pr-9{padding-right:2.25rem!important}.pb-9{padding-bottom:2.25rem!important}.pl-9,.px-9{padding-left:2.25rem!important}.px-9{padding-right:2.25rem!important}.py-9{padding-bottom:2.25rem!important;padding-top:2.25rem!important}.m-9{margin:2.25rem!important}.mt-9{margin-top:2.25rem!important}.mr-9{margin-right:2.25rem!important}.mb-9{margin-bottom:2.25rem!important}.ml-9,.mx-9{margin-left:2.25rem!important}.mx-9{margin-right:2.25rem!important}.my-9{margin-bottom:2.25rem!important;margin-top:2.25rem!important}.p-10{padding:2.5rem!important}.pt-10{padding-top:2.5rem!important}.pr-10{padding-right:2.5rem!important}.pb-10{padding-bottom:2.5rem!important}.pl-10,.px-10{padding-left:2.5rem!important}.px-10{padding-right:2.5rem!important}.py-10{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.m-10{margin:2.5rem!important}.mt-10{margin-top:2.5rem!important}.mr-10{margin-right:2.5rem!important}.mb-10{margin-bottom:2.5rem!important}.ml-10,.mx-10{margin-left:2.5rem!important}.mx-10{margin-right:2.5rem!important}.my-10{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.p-11{padding:2.75rem!important}.pt-11{padding-top:2.75rem!important}.pr-11{padding-right:2.75rem!important}.pb-11{padding-bottom:2.75rem!important}.pl-11,.px-11{padding-left:2.75rem!important}.px-11{padding-right:2.75rem!important}.py-11{padding-bottom:2.75rem!important;padding-top:2.75rem!important}.m-11{margin:2.75rem!important}.mt-11{margin-top:2.75rem!important}.mr-11{margin-right:2.75rem!important}.mb-11{margin-bottom:2.75rem!important}.ml-11,.mx-11{margin-left:2.75rem!important}.mx-11{margin-right:2.75rem!important}.my-11{margin-bottom:2.75rem!important;margin-top:2.75rem!important}.p-12{padding:3rem!important}.pt-12{padding-top:3rem!important}.pr-12{padding-right:3rem!important}.pb-12{padding-bottom:3rem!important}.pl-12,.px-12{padding-left:3rem!important}.px-12{padding-right:3rem!important}.py-12{padding-bottom:3rem!important;padding-top:3rem!important}.m-12{margin:3rem!important}.mt-12{margin-top:3rem!important}.mr-12{margin-right:3rem!important}.mb-12{margin-bottom:3rem!important}.ml-12,.mx-12{margin-left:3rem!important}.mx-12{margin-right:3rem!important}.my-12{margin-bottom:3rem!important;margin-top:3rem!important}.p-13{padding:3.5rem!important}.pt-13{padding-top:3.5rem!important}.pr-13{padding-right:3.5rem!important}.pb-13{padding-bottom:3.5rem!important}.pl-13,.px-13{padding-left:3.5rem!important}.px-13{padding-right:3.5rem!important}.py-13{padding-bottom:3.5rem!important;padding-top:3.5rem!important}.m-13{margin:3.5rem!important}.mt-13{margin-top:3.5rem!important}.mr-13{margin-right:3.5rem!important}.mb-13{margin-bottom:3.5rem!important}.ml-13,.mx-13{margin-left:3.5rem!important}.mx-13{margin-right:3.5rem!important}.my-13{margin-bottom:3.5rem!important;margin-top:3.5rem!important}.p-14{padding:4rem!important}.pt-14{padding-top:4rem!important}.pr-14{padding-right:4rem!important}.pb-14{padding-bottom:4rem!important}.pl-14,.px-14{padding-left:4rem!important}.px-14{padding-right:4rem!important}.py-14{padding-bottom:4rem!important;padding-top:4rem!important}.m-14{margin:4rem!important}.mt-14{margin-top:4rem!important}.mr-14{margin-right:4rem!important}.mb-14{margin-bottom:4rem!important}.ml-14,.mx-14{margin-left:4rem!important}.mx-14{margin-right:4rem!important}.my-14{margin-bottom:4rem!important;margin-top:4rem!important}.p-15{padding:5rem!important}.pt-15{padding-top:5rem!important}.pr-15{padding-right:5rem!important}.pb-15{padding-bottom:5rem!important}.pl-15,.px-15{padding-left:5rem!important}.px-15{padding-right:5rem!important}.py-15{padding-bottom:5rem!important;padding-top:5rem!important}.m-15{margin:5rem!important}.mt-15{margin-top:5rem!important}.mr-15{margin-right:5rem!important}.mb-15{margin-bottom:5rem!important}.ml-15,.mx-15{margin-left:5rem!important}.mx-15{margin-right:5rem!important}.my-15{margin-bottom:5rem!important;margin-top:5rem!important}.p-16{padding:6rem!important}.pt-16{padding-top:6rem!important}.pr-16{padding-right:6rem!important}.pb-16{padding-bottom:6rem!important}.pl-16,.px-16{padding-left:6rem!important}.px-16{padding-right:6rem!important}.py-16{padding-bottom:6rem!important;padding-top:6rem!important}.m-16{margin:6rem!important}.mt-16{margin-top:6rem!important}.mr-16{margin-right:6rem!important}.mb-16{margin-bottom:6rem!important}.ml-16,.mx-16{margin-left:6rem!important}.mx-16{margin-right:6rem!important}.my-16{margin-bottom:6rem!important;margin-top:6rem!important}.p-17{padding:8rem!important}.pt-17{padding-top:8rem!important}.pr-17{padding-right:8rem!important}.pb-17{padding-bottom:8rem!important}.pl-17,.px-17{padding-left:8rem!important}.px-17{padding-right:8rem!important}.py-17{padding-bottom:8rem!important;padding-top:8rem!important}.m-17{margin:8rem!important}.mt-17{margin-top:8rem!important}.mr-17{margin-right:8rem!important}.mb-17{margin-bottom:8rem!important}.ml-17,.mx-17{margin-left:8rem!important}.mx-17{margin-right:8rem!important}.my-17{margin-bottom:8rem!important;margin-top:8rem!important}.p-18{padding:10rem!important}.pt-18{padding-top:10rem!important}.pr-18{padding-right:10rem!important}.pb-18{padding-bottom:10rem!important}.pl-18,.px-18{padding-left:10rem!important}.px-18{padding-right:10rem!important}.py-18{padding-bottom:10rem!important;padding-top:10rem!important}.m-18{margin:10rem!important}.mt-18{margin-top:10rem!important}.mr-18{margin-right:10rem!important}.mb-18{margin-bottom:10rem!important}.ml-18,.mx-18{margin-left:10rem!important}.mx-18{margin-right:10rem!important}.my-18{margin-bottom:10rem!important;margin-top:10rem!important}.p-19{padding:15rem!important}.pt-19{padding-top:15rem!important}.pr-19{padding-right:15rem!important}.pb-19{padding-bottom:15rem!important}.pl-19,.px-19{padding-left:15rem!important}.px-19{padding-right:15rem!important}.py-19{padding-bottom:15rem!important;padding-top:15rem!important}.m-19{margin:15rem!important}.mt-19{margin-top:15rem!important}.mr-19{margin-right:15rem!important}.mb-19{margin-bottom:15rem!important}.ml-19,.mx-19{margin-left:15rem!important}.mx-19{margin-right:15rem!important}.my-19{margin-bottom:15rem!important;margin-top:15rem!important}.p-20{padding:20rem!important}.pt-20{padding-top:20rem!important}.pr-20{padding-right:20rem!important}.pb-20{padding-bottom:20rem!important}.pl-20,.px-20{padding-left:20rem!important}.px-20{padding-right:20rem!important}.py-20{padding-bottom:20rem!important;padding-top:20rem!important}.m-20{margin:20rem!important}.mt-20{margin-top:20rem!important}.mr-20{margin-right:20rem!important}.mb-20{margin-bottom:20rem!important}.ml-20,.mx-20{margin-left:20rem!important}.mx-20{margin-right:20rem!important}.my-20{margin-bottom:20rem!important;margin-top:20rem!important}*,:after,:before{box-sizing:border-box;line-height:1.422;margin:0;padding:0}@media(max-width:768px){*,:after,:before{-webkit-tap-highlight-color:transparent}}@media(min-width:768px)and (max-width:1079px){*,:after,:before{-webkit-tap-highlight-color:transparent}}::selection{background-color:var(--background-color-select)}#root{min-height:100vh;min-width:384px}body{background-color:var(--background-color);color:var(--text-color-primary);height:100%;overflow:overlay}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color);border:3px solid var(--background-color);border-radius:10px}body::-webkit-scrollbar-track{background:transparent}#root{display:flex;flex-direction:column}#project-archive{border-collapse:separate;display:block;margin:0 auto;max-width:1600px;padding-top:var(--navbar-height);position:relative}#project-archive .project-archive-heading .title-section{font-size:clamp(28px,4.55vw,40px)}#project-archive .projects-table{overflow-x:auto}#project-archive table{border-spacing:0;width:100%}@media(max-width:768px){#project-archive table .year-hide{display:none}}#project-archive table td,#project-archive table th{border:none;cursor:default;padding:.8rem 1rem;text-align:start}#project-archive table thead{color:var(--text-color-primary);font-size:1.05rem}@media(max-width:768px){#project-archive table thead .tech-head{display:none}}#project-archive table tbody{color:var(--text-color-secondary);font-size:.94rem}#project-archive table tbody .serial-number,#project-archive table tbody .tech-row{font-family:Roboto Mono,monospace;font-size:.85rem}#project-archive table tbody .tech-row>svg{position:relative;top:4px}#project-archive table tbody .tech-row>span{position:relative;top:-4px}@media(max-width:768px){#project-archive table tbody .tech-row{display:none}}#project-archive table tbody .project-links{white-space:nowrap}#project-archive table tbody tr{transition:color .2s ease-in-out,background-color .2s ease-in-out}#project-archive table tbody tr .work-item-link{color:var(--text-color-primary);cursor:pointer;font-size:1.3rem;opacity:.95;position:relative;top:2px;transition:top .1s ease-in-out}#project-archive table tbody tr .work-item-link path,#project-archive table tbody tr .work-item-link svg{stroke:var(--text-color-primary)}#project-archive table tbody tr .work-item-link:hover{color:var(--text-color-accent);top:0}#project-archive table tbody tr .work-item-link:hover path,#project-archive table tbody tr .work-item-link:hover svg{stroke:var(--text-color-accent)}#project-archive table tbody tr .work-item-link:active{color:var(--text-color-tertiary);opacity:.8}#project-archive table tbody tr .work-item-link:active path,#project-archive table tbody tr .work-item-link:active svg{stroke:var(--text-color-tertiary)}#project-archive table tbody tr:hover{background-color:var(--background-color-light);border-radius:10rem;color:var(--text-color-primary)}#project-archive table tbody td{--row-border-radius:6.5px}#project-archive table tbody td:first-child{border-bottom-left-radius:var(--row-border-radius);border-top-left-radius:var(--row-border-radius)}#project-archive table tbody td:last-child{border-bottom-right-radius:var(--row-border-radius);border-top-right-radius:var(--row-border-radius)}#four-o-four{display:flex;flex-direction:column;height:100vh}#four-o-four .warning-text{color:var(--text-color-secondary);font-family:Roboto Mono,monospace;font-size:clamp(.9rem,1vw,1.25rem);text-align:center}#four-o-four .home-button{font-family:Roboto Mono,monospace;font-size:.985rem;padding-bottom:.85rem}#four-o-four .four-o-four-animation{-webkit-padding-before:var(--navbar-height);align-items:center;cursor:default;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding-block-start:var(--navbar-height)}#four-o-four .four-o-four-animation text{font-weight:700;letter-spacing:.9rem}#four-o-four .four-o-four-animation svg{height:150px;opacity:.85;width:350px}#four-o-four .four-o-four-animation .animated-text{fill:none;stroke-width:7;stroke-linejoin:round;stroke-dasharray:70 250;stroke-dashoffset:0;-webkit-animation:stroke 8s linear infinite;animation:stroke 8s linear infinite;font-size:clamp(7.5rem,8vw,11rem)}#four-o-four .four-o-four-animation .animated-text:nth-child(4n+1){stroke:var(----text-color-primary);-webkit-animation-delay:-2s;animation-delay:-2s}#four-o-four .four-o-four-animation .animated-text:nth-child(4n+2){stroke:var(--text-color-secondary);-webkit-animation-delay:-4s;animation-delay:-4s}#four-o-four .four-o-four-animation .animated-text:nth-child(4n+3){stroke:var(--text-color-tertiary);-webkit-animation-delay:-6s;animation-delay:-6s}#four-o-four .four-o-four-animation .animated-text:nth-child(4n+4){stroke:var(--text-color-accent);-webkit-animation-delay:-8s;animation-delay:-8s}@-webkit-keyframes stroke{to{stroke-dashoffset:-320}}@keyframes stroke{to{stroke-dashoffset:-320}}:root{--shadow-darker:#0f0d14;--shadow-light:#f8fafc;--shadow-gradient-dark:linear-gradient(135deg,#240521,#0d0015)}.shadow-dial{background:#0f0d14;background:var(--shadow-darker);color:#f8fafc;color:var(--shadow-light);min-height:100vh;overflow-x:hidden}.shadow-dial .hero{align-items:center;background:linear-gradient(135deg,#240521,#0d0015);background:var(--shadow-gradient-dark);display:flex;min-height:100vh;overflow:hidden;position:relative}.shadow-dial .hero:before{background:radial-gradient(circle at 30% 20%,rgba(139,92,246,.3) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.2) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.shadow-dial .hero__container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:1}@media(max-width:768px){.shadow-dial .hero__container{gap:2rem;grid-template-columns:1fr;text-align:center}}.shadow-dial .hero__content .app-icon{align-items:center;border-radius:20px;box-shadow:0 20px 40px rgba(36,36,36,.5);display:flex;height:80px;justify-content:center;margin-bottom:2rem;overflow:hidden;width:80px}.shadow-dial .hero__content .app-icon img{border-radius:20px;height:100%;object-fit:cover;width:100%}.shadow-dial .hero__content .app-icon svg{color:#fff;font-size:2rem}@media(max-width:768px){.shadow-dial .hero__content .app-icon{margin:0 auto 2rem}}.shadow-dial .hero__title{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(170deg,#efefef,#a7a7a7);font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1rem}@media(max-width:768px){.shadow-dial .hero__title{font-size:3rem}}.shadow-dial .hero__subtitle{color:#b8bcc8;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}@media(max-width:768px){.shadow-dial .hero__subtitle{font-size:1.2rem}}.shadow-dial .hero__description{color:#e8e8e8;font-size:1.1rem;font-weight:500;line-height:1.7;margin-bottom:2.5rem;max-width:500px}@media(max-width:768px){.shadow-dial .hero__description{margin:0 auto 2.5rem}}.shadow-dial .hero__actions{display:flex;gap:1rem}@media(max-width:768px){.shadow-dial .hero__actions{justify-content:center}}.shadow-dial .hero__image{align-items:center;display:flex;justify-content:center}.shadow-dial .phone-mockup{background:linear-gradient(145deg,#1a1a1a,#0e0e0e);border-radius:40px;box-shadow:0 50px 100px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1);height:622px;padding:4px;position:relative;width:300px}.shadow-dial .phone-mockup .screen{background:#0f0d14;background:var(--shadow-darker);border-radius:36px;height:100%;overflow:hidden;position:relative;width:100%}.shadow-dial .phone-mockup .screen .screenshot-image{aspect-ratio:9/19;border-radius:36px;height:100%;object-fit:cover;width:100%}.shadow-dial .phone-mockup .call-ui{background:linear-gradient(180deg,#0f0d14,#1a1625);background:linear-gradient(180deg,var(--shadow-darker) 0,#1a1625 100%);display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:2rem 1.5rem}.shadow-dial .download-btn{align-items:center;background-color:#7e3876;border-radius:12px;box-shadow:0 10px 30px rgba(73,73,73,.3);color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.shadow-dial .download-btn:hover{box-shadow:0 10px 30px rgba(30,30,30,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.shadow-dial .download-btn.primary{font-size:1.2rem;padding:1.2rem 2.5rem}.shadow-dial .download-btn svg{font-size:1.2rem}.privacy-policy{background:#1e1b23;color:#f8fafc;min-height:100vh;padding:4rem 2rem}.privacy-policy__container{margin:0 auto;max-width:900px}.privacy-policy__container h1{color:#fff;font-size:3rem;font-weight:800;margin-bottom:3rem;text-align:center}@media(max-width:768px){.privacy-policy__container h1{font-size:2.5rem}}.privacy-policy__content .intro{background:hsla(0,0%,100%,.05);border:1px solid #8a8a8a;border-radius:16px;margin-bottom:3rem;padding:2rem}.privacy-policy__content .intro h2{color:#e2e8f0;margin-bottom:1.5rem}.privacy-policy__content section{margin-bottom:2.5rem}.privacy-policy__content section h2{border-bottom:2px solid hsla(0,0%,50%,.3);color:#e2e8f0;font-size:1.7rem;font-weight:700;margin-bottom:1.25rem;padding-bottom:.5rem}.privacy-policy__content section p{color:#cbd5e1;font-size:1.05rem;line-height:1.7;margin-bottom:1.25rem}.privacy-policy__content section p strong{color:#f1f5f9;font-weight:600}.privacy-policy__content section ul{margin:1.25rem 0 1.25rem 1.5rem}.privacy-policy__content section ul li{color:#cbd5e1;font-size:1.05rem;line-height:1.6;margin-bottom:.75rem;position:relative}.privacy-policy__content section ul li strong{color:#f1f5f9;font-weight:600}@media(max-width:768px){.privacy-policy__content .footer-note,.privacy-policy__content .intro{padding:1.5rem}.privacy-policy__content section h2{font-size:1.5rem}.privacy-policy__content section p,.privacy-policy__content section ul li{font-size:1rem}}.terms-of-usage{background:#1e1b23;color:#f8fafc;min-height:100vh;padding:4rem 2rem}.terms-of-usage__container{margin:0 auto;max-width:900px}.terms-of-usage__container h1{color:#fff;font-size:3rem;font-weight:800;margin-bottom:3rem;text-align:center}@media(max-width:768px){.terms-of-usage__container h1{font-size:2.5rem}}.terms-of-usage__content .intro{background:hsla(0,0%,100%,.05);border:1px solid #8a8a8a;border-radius:16px;margin-bottom:3rem;padding:2rem}.terms-of-usage__content .intro h2{color:#e2e8f0;margin-bottom:1.5rem}.terms-of-usage__content section{margin-bottom:2.5rem}.terms-of-usage__content section h2{border-bottom:2px solid hsla(0,0%,50%,.3);color:#e2e8f0;font-size:1.7rem;font-weight:700;margin-bottom:1.25rem;padding-bottom:.5rem}.terms-of-usage__content section p{color:#cbd5e1;font-size:1.05rem;line-height:1.7;margin-bottom:1.25rem}.terms-of-usage__content section p strong{color:#f1f5f9;font-weight:600}.terms-of-usage__content section ul{margin:1.25rem 0 1.25rem 1.5rem}.terms-of-usage__content section ul li{color:#cbd5e1;font-size:1.05rem;line-height:1.6;margin-bottom:.75rem;position:relative}.terms-of-usage__content section ul li strong{color:#f1f5f9;font-weight:600}@media(max-width:768px){.terms-of-usage__content .intro{padding:1.5rem}.terms-of-usage__content section h2{font-size:1.5rem}.terms-of-usage__content section p,.terms-of-usage__content section ul li{font-size:1rem}}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.c53657f6.css.map*/