:root{color-scheme:light dark;color:#ffffffde;background-color:#000;width:100%;max-width:100%;height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;place-items:center}body{margin:0;display:flex;place-items:center;min-width:100%;max-width:100vw;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}@font-face{font-family:TR2N;src:url(../public/Tr2n.ttf) format("truetype");font-weight:400;font-style:normal}.app-container{width:100vw;max-width:100%;left:0}.Bg{position:fixed;width:100vw;height:100vh;background:radial-gradient(circle,#2a2a2a,#646464);z-index:100;top:0;left:0}.Name{position:relative;bottom:4vh;align-items:center;justify-content:center;text-align:center;color:#fff;font-family:Michroma,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:clamp(.5rem,5vh,.8rem);text-shadow:0 4px 6px rgba(0,0,0,.3)}.heading{margin-left:3%;margin-top:5%}.Essentials{position:fixed;z-index:200;top:5px;right:2vw;display:flex;flex-direction:row}.Button{background:transparent;cursor:pointer;font-family:Michroma,sans-serif;font-size:clamp(.5rem,1.5vh,1.5rem);gap:5vw;border:none;color:#fff}.Dropdown{position:absolute;top:40px;right:5vw;background-color:#7b7b7b;border:1px solid #ccc;padding:10px;font-family:Michroma,sans-serif;font-size:clamp(.5rem,2vh,.7rem);z-index:202;box-shadow:0 4px 10px #0000001a;border-radius:6px;width:15vw;min-width:200px}.Dropdown p{margin:.5em 0;color:beige}.Dropdown a{color:#ffb87a;text-decoration:none;cursor:pointer}.skills{top:162rem;left:50vw;position:relative;min-width:350px;border-radius:1.5rem;transform:translate(-50%);border:1px solid #222;overflow:hidden;pointer-events:none;font-family:Michroma,sans-serif;font-size:clamp(.8rem,1.84vh,1.5rem);color:#fff;background-color:#48484800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;width:50vw}.filler{top:800vh;height:100vh;left:50vw;position:absolute;min-width:350px;border-radius:1.5rem;transform:translate(-50%);overflow:hidden;pointer-events:none;font-family:Michroma,sans-serif;font-size:clamp(.8rem,1.84vh,1.5rem);color:#fff;background:transparent;padding-left:2rem;padding-right:2rem;width:50vw}.loader-container{display:flex;justify-content:center;align-items:center;z-index:2}.circular-loader{position:absolute;width:120px;height:120px}.progress-ring{transform:rotate(-90deg)}.progress-ring__circle{stroke-dasharray:326;stroke-dashoffset:326;transition:stroke-dashoffset .3s ease}.loader-text{position:absolute;top:50%;left:50%;transform:translate(-55%,-50%);color:#fff;font-size:1.2rem;font-weight:700}.card-spotlight{position:absolute;border-radius:1.5rem;border:1px solid #222;background-color:#48484800;padding:2rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 166, 0, .57);z-index:201;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:50vw;min-width:350px;top:calc(var(--vh)*200);left:50vw;transform:translate(-50%);font-family:Michroma,sans-serif;line-height:2rem;font-size:clamp(.8rem,1.84vh,1.5rem);align-items:center;justify-content:center;text-align:justify;color:#fff}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 100%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}.timeline-container{font-family:sans-serif;position:relative;font-family:Michroma,sans-serif;line-height:2rem;font-size:clamp(.5rem,1.84vh,1.2rem);align-items:center;justify-content:center;text-align:justify;color:#fff;background-color:#48484800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;border:1px solid #222;z-index:201;padding-left:30px;padding-right:30px;width:50vw;min-width:350px;top:155.5rem;left:50vw;transform:translate(-50%)}.timeline-header{position:relative;margin-bottom:2rem;margin-top:5%;font-size:2rem}.timeline-line-container{position:relative}.timeline-line{position:absolute;left:25%;top:7px;bottom:12px;width:4px;background:#ccc;z-index:0}.timeline-entry{position:relative;margin-bottom:3rem;min-height:2rem}.timeline-left{position:absolute;width:24%;text-align:right;top:0;left:-5px;font-weight:700;font-size:.8rem}.timeline-dot{position:absolute;left:calc(25% - 5px);top:.4rem;width:14px;height:14px;border-radius:50%;background-color:#ff7b00;z-index:2}.timeline-right{position:relative;margin-left:calc(25% + 1.5rem)}.company-button{display:flex;align-items:center;gap:.5rem;background:#fc6703;border:none;border-radius:20px;padding:10px;font-family:Michroma,sans-serif;font-size:clamp(.8rem,1.84vh,1.5rem);cursor:pointer;font-weight:700}.company-details{position:relative;overflow:hidden;max-height:100px;transition:max-height .5s ease;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,.05));mask-image:linear-gradient(to bottom,#000,#0000000d);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.company-details.open{max-height:100px;-webkit-mask-image:none;mask-image:none}.company-details.open{max-height:3000px}.company-details.open:after{opacity:0}.role-section{margin-bottom:1rem}.role-section h4{margin-bottom:.3rem;font-size:1.1rem}.role-section ul{padding-left:1.2rem;list-style-type:disc;margin:0}.company-info{display:flex;align-items:center;gap:.6rem;margin-top:.5rem}.company-logo-img{width:32px;height:32px;object-fit:contain;border-radius:6px}