*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-12{bottom:3rem}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.top-1\/2{top:50%}.z-20{z-index:20}.z-40{z-index:40}.flex{display:flex}.h-full{height:100%}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-white\/10{border-color:#ffffff1a}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-.025em}.opacity-40{opacity:.4}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur-\[1px\]{--tw-blur: blur(1px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.will-change-transform{will-change:transform}:root{--fs-display: 3rem;--fs-heading: 1.5rem;--fs-standard: 1rem;--fs-detail: .85rem;--clr-main: #111827;--clr-muted: #4B5563;--clr-dim: #9CA3AF;--clr-accent: #4B6BFB;--h-brand: 229;--s-brand: 96%;--clr-brand: hsl(var(--h-brand), var(--s-brand), 64%);--clr-brand-hover: hsl(var(--h-brand), var(--s-brand), 54%);--clr-brand-soft: hsl(var(--h-brand), var(--s-brand), 96%);--clr-bg-page: hsl(216, 15%, 95%);--clr-bg-container: hsl(225, 25%, 98%);--clr-card: hsl(0, 0%, 100%);--clr-border: hsl(210, 14%, 91%);--clr-txt-main: hsl(215, 28%, 17%);--clr-txt-muted: hsl(220, 9%, 46%);--clr-txt-dim: hsl(218, 11%, 65%);--clr-code-bg: hsl(240, 21%, 15%);--clr-red: hsl(0, 84%, 60%);--clr-green: hsl(158, 84%, 40%);--clr-glass: hsla(0, 0%, 100%, .7);--shadow-color: hsla(215, 28%, 17%, .08);--clr-border-subtle: hsl(210, 14%, 93%);--clr-border-default: hsl(210, 14%, 88%);--clr-border-active: hsl(var(--h-brand), var(--s-brand), 64%);--clr-border-dark: hsl(240, 21%, 25%);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--h-shadow: 215;--s-shadow: 28%;--l-shadow: 17%;--shadow-sm: 0 2px 8px hsla(var(--h-shadow), var(--s-shadow), var(--l-shadow), .05);--shadow-md: 0 10px 25px -5px hsla(var(--h-shadow), var(--s-shadow), var(--l-shadow), .08);--shadow-lg: 0 20px 50px -12px hsla(var(--h-shadow), var(--s-shadow), var(--l-shadow), .15);--shadow-blue: 0 8px 20px -4px hsla(var(--h-brand), var(--s-brand), 64%, .4);--clr-code-punct: hsl(49, 66%, 45%)}.c-punct{color:var(--clr-code-punct);font-weight:500}.text-display{font-size:var(--fs-display);font-weight:700;color:var(--clr-main);letter-spacing:-.03em;line-height:1.1}.text-heading{font-size:var(--fs-heading);font-weight:600;color:var(--clr-main);line-height:1.3}.text-standard{font-size:var(--fs-standard);font-weight:400;color:var(--clr-muted);line-height:1.6}.text-detail{font-size:var(--fs-detail);font-weight:400;color:var(--clr-dim);line-height:1.5}.border-subtle{border:1px solid var(--clr-border-subtle)}.border-default{border:1px solid var(--clr-border-default)}.border-active{border:2px solid var(--clr-border-active)}.border-glass{border:1px solid hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html{overflow-y:scroll;overflow-x:hidden;overflow-anchor:none}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.app-container{width:100vw;height:-moz-fit-content;height:fit-content;overflow-y:hidden;overflow-x:hidden;position:relative;scrollbar-width:thin;display:flex;align-items:center;justify-content:start;flex-direction:column;--ai-used-display: 0}.nav-bar-container{width:100%;height:60px;display:flex;align-items:center;justify-content:center}.app-grid{display:flex;flex-direction:column;width:1200px;margin-top:3.2rem;box-sizing:border-box;padding:3.2rem;gap:3.2rem}.app-segment{box-sizing:border-box;padding:3.2rem}.app-first-segment{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:row}.text-content,.image-content{height:400px;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:1.6rem}.text-content{align-items:start}.quick-links{height:40px;width:200px;z-index:999;gap:1.6rem}.link-button:hover{cursor:pointer;color:#4f7cff}.exp-text{width:80%;text-align:center}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.interact-wrapper{display:flex;flex-direction:row;gap:1.6rem}.app-second-segment{width:100%;height:330px;display:flex;align-items:center;justify-content:start;flex-direction:column;gap:6rem;box-sizing:border-box;padding:3.2rem}.second-segment-title{width:100%}.app-third-segment{width:100%;height:-moz-fit-content;height:fit-content;display:flex;align-items:start;justify-content:start;flex-direction:column;gap:.8rem;box-sizing:border-box;padding:3.2rem}.top-stack-cell{width:100%;height:-moz-fit-content;height:fit-content;background-color:var(--clr-bg-container);border:1px solid var(--clr-border-subtle);border-radius:20px;box-shadow:var(--shadow-md);display:flex;align-items:start;justify-content:start;flex-direction:column;gap:.8rem;box-sizing:border-box;padding:.8rem}.top-stack-cell .top-stack-header{padding:.8rem 0rem 1.2rem}.top-stack-header,.projects-header{width:100%;height:24px;padding:0rem 0rem 3rem;display:flex;align-items:center;justify-content:center}.title-text,.projects-title{min-width:-moz-fit-content;min-width:fit-content;box-sizing:border-box;padding:0 .8rem;font-weight:600}.line-left,.line-right{min-height:1px;height:1px;background-color:var(--clr-border-subtle);width:100%}.cell-wrapper{width:100%;display:flex;flex-direction:row;justify-content:space-around}.cell{flex:1;min-width:0;aspect-ratio:1/1;box-sizing:border-box;padding:1.6rem;display:flex;flex-direction:column;gap:.8rem;-o-border-image:linear-gradient(to bottom,hsla(0,0%,0%,0),var(--clr-bg-container),var(--clr-border-default),var(--clr-bg-container),hsla(0,0%,0%,0));border-image:linear-gradient(to bottom,hsla(0,0%,0%,0),var(--clr-bg-container),var(--clr-border-default),var(--clr-bg-container),hsla(0,0%,0%,0));border-image-slice:1}.cell-wrapper>.cell:not(:last-child){border-right:1px solid}.pill-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:start;justify-content:flex-start;gap:.8rem;width:100%;height:80%}.project-info-wrapper,.project-info{display:flex;flex-direction:column;gap:.8rem}.key-features-header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.8rem}.key-features-pills{display:flex;flex-direction:row;flex-wrap:wrap;flex:1;gap:.2rem}.key-features-title{width:-moz-fit-content;width:fit-content;min-width:-moz-fit-content;min-width:fit-content;font-weight:600}.flex-row-wrapper{display:flex;flex-direction:row;gap:.8rem}.project-stack{width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;gap:.8rem;background:var(--clr-card);border-radius:var(--radius-lg);box-sizing:border-box;box-shadow:var(--shadow-md);padding:.8rem;border:1px solid var(--clr-border)}.pill{background:var(--clr-card);border-radius:50px;font-weight:600;width:-moz-fit-content;width:fit-content;height:40px;padding:.4rem .8rem;border:1px solid var(--clr-border);transition:all .3s ease;white-space:nowrap;z-index:3;display:flex;align-items:center;justify-content:center;gap:.8rem;transition-delay:calc(var(--i) * .12s)}.pill-icon{height:100%;aspect-ratio:1/1;background-image:var(--icon-url);background-position:center;background-repeat:no-repeat;background-size:contain}.app-fourth-segment{width:100%;height:1260px}.card-scroll-wrapper{display:flex;flex-direction:column;align-items:start;justify-content:start;height:700px;width:100%;overflow:visible}.view-projects-button,.download-cv-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:14px;cursor:pointer;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-quick-info{display:flex;flex-direction:row;gap:.8rem;width:100%;justify-content:space-between}.ai-line-relative{position:relative}.ai-line-relative:hover{--ai-used-display: 1}.ai-line-wrapper{display:flex;flex-direction:row;gap:.4rem}.ai-line{width:30px;height:4px;border:1px solid var(--clr-brand-soft);border-radius:80px;background-color:var(--clr-brand-soft)}.ai-usage-explainable{display:flex;opacity:var(--ai-used-display);position:absolute;height:-moz-fit-content;height:fit-content;top:50%;left:50%;transform:translate(-50%,-200%);background:var(--clr-card);border-radius:50px;width:-moz-fit-content;width:fit-content;padding:.4rem .8rem;border:1px solid var(--clr-border);white-space:nowrap;z-index:3;align-items:center;justify-content:center;gap:.8rem;transition:all .2s ease}.project-description{background:var(--clr-card);border-radius:var(--radius-lg);box-sizing:border-box;box-shadow:var(--shadow-md);padding:.8rem;border:1px solid var(--clr-border)}.ai-line.active{width:30px;height:4px;border:1px solid #4f7cff;border-radius:80px;background-color:#4f7cff}.view-projects-button{background:linear-gradient(135deg,#4f7cff,#6ea8ff);color:#fff;box-shadow:0 8px 20px #4f7cff40,0 2px 6px #4f7cff26}.view-projects-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4f7cff59,0 4px 10px #4f7cff33}.view-projects-button:active{transform:translateY(0);box-shadow:0 4px 12px #4f7cff40}.download-cv-button{background:#fff9;color:#3b3f5c;border:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 16px #0000000d}.download-cv-button:hover{transform:translateY(-2px);background:#fffc;box-shadow:0 10px 22px #00000014}.download-cv-button:active{transform:translateY(0);box-shadow:0 4px 12px #0000000d}.timeline-arrow{width:100%;height:2px;background:linear-gradient(90deg,var(--clr-bg-container),var(--clr-brand-soft),var(--clr-border-default),var(--clr-brand-soft),var(--clr-bg-container));display:flex;flex-direction:row;align-items:start;justify-content:center}.timeline-arrow>.experience-dot-content:not(:last-child) .experience-data-wrapper{border-right:1px solid}.show-on-scroll{opacity:1;transform:translateY(0);filter:blur(0px);transition:all .6s ease-out}.hide-until-scroll{transform:translateY(100px);filter:blur(10px);opacity:0}.show-child-on-scroll{opacity:1;transform:translateY(0);filter:blur(0px);transition:all .6s ease-out}.hide-child-until-scroll{transform:translateY(-20px);filter:blur(5px);opacity:0}.pill:nth-child(2){transition-delay:.2s}.pill:nth-child(3){transition-delay:.3s}.pill:nth-child(4){transition-delay:.4s}.pill:nth-child(5){transition-delay:.5s}@media(max-width:600px){.app-grid{display:flex;flex-direction:column;width:100vw;box-sizing:border-box;padding:0 1.6rem;gap:3.2rem}.app-segment{margin:0;padding:0;height:450px}.image-content{display:none}.text-content{width:100%}.app-second-segment{height:600px;align-items:center;justify-content:center;border:none;box-shadow:none;background-color:transparent;gap:1.6rem}.timeline-arrow{height:100%;width:2px;background:linear-gradient(90deg,var(--clr-bg-container),var(--clr-brand-soft),var(--clr-border-default),var(--clr-brand-soft),var(--clr-bg-container));display:flex;flex-direction:column;align-items:start;justify-content:space-around}.timeline-arrow>.experience-dot-content:not(:last-child) .experience-data-wrapper{border-right:0px solid}.app-third-segment{height:-moz-fit-content;height:fit-content;border:none;box-shadow:none;background-color:transparent;gap:1.2rem}.cell-wrapper{align-items:start;justify-content:start;gap:1.2rem;flex-direction:row;flex-wrap:wrap}.cell-wrapper>.cell:not(:last-child){border:1px solid var(--clr-border-subtle)}.top-stack-cell .cell-wrapper{flex-direction:row;flex-wrap:wrap;gap:.4rem}.cell{background-color:var(--clr-bg-container);border:1px solid var(--clr-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:0;min-width:40%;max-width:50%;height:230px;flex-wrap:nowrap;align-items:start;box-sizing:border-box;padding:.8rem}.pill-wrapper{align-items:start;justify-content:start;width:100%;display:flex}.flex-row-wrapper{display:flex;flex-direction:column;gap:.8rem}.pill-wrapper{flex-direction:row;flex-wrap:wrap}.project-quick-info{flex-wrap:wrap}.app-fourth-segment{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding-bottom:2rem}.ai-usage-explainable{display:flex;opacity:var(--ai-used-display);position:absolute;height:-moz-fit-content;height:fit-content;top:50%;left:22%;transform:translate(-20%,-150%);background:var(--clr-card);border-radius:20px;width:100vw;flex-wrap:wrap;flex-direction:row;box-shadow:var(--shadow-md);padding:.4rem .8rem;border:1px solid var(--clr-border);white-space:wrap;text-align:start;z-index:3;align-items:center;justify-content:center;gap:.8rem;transition:all .2s ease}.interact-wrapper{width:100%;justify-content:space-between}}.visual-container{position:relative;width:100%;max-width:500px;height:400px;display:flex;align-items:start;justify-content:center}.code-window{background-color:var(--clr-code-bg);width:90%;border-radius:var(--radius-md);padding:24px;border:1px solid var(--clr-border-dark);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);z-index:2}.window-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid hsla(0,0%,100%,.1);padding-bottom:12px}.dots{display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%}.red{background:var(--clr-red)}.yellow{background:#ffbd2e}.green{background:var(--clr-green)}.filename{color:var(--clr-txt-dim);font-family:var(--font-mono);font-size:var(--fs-detail)}.code-content{font-family:var(--font-mono);font-size:var(--fs-detail);line-height:1.6}.line{white-space:pre}.mt{margin-top:8px}.indent{padding-left:20px}.c-kw{color:#bb9af7;font-weight:600}.c-func{color:#7aa2f7}.c-var{color:#e0af68}.c-str{color:#9ece6a}.c-comment{color:#565f89;font-style:italic;margin-left:10px}.badge{position:absolute;background:var(--clr-card);padding:8px 18px;border-radius:50px;font-weight:600;font-size:var(--fs-detail);border:1px solid var(--clr-border);box-shadow:0 4px 6px hsla(var(--h-shadow),var(--s-shadow),var(--l-shadow),.04),0 10px 20px hsla(var(--h-shadow),var(--s-shadow),var(--l-shadow),.1);animation:counter-rotate 15s linear infinite;animation-duration:inherit;transition:all .3s ease;white-space:nowrap;z-index:3}.top-right{top:-7%;right:3%;rotate:3deg}.top-mid{top:-10%;left:50%;rotate:0deg}.top-left{top:-5%;left:5%;rotate:-3deg}.mid-left{top:20%;left:-7%;rotate:0deg}.mid-right{top:20%;right:0%;rotate:0deg}.bottom-left{bottom:35%;left:0%;rotate:3deg}.bottom-mid{bottom:12%;left:50%;rotate:0deg}.bottom-right{bottom:35%;right:2%;rotate:-3deg}.image-content{position:relative}.glow{position:absolute;rotate:0deg;top:-12%;width:500px;height:400px;background:radial-gradient(circle at center,rgba(59,130,246,.45) 0%,rgba(59,130,246,.25) 40%,rgba(59,130,246,.1) 60%,transparent 40%);filter:blur(50px);z-index:0}.animated-float{animation:floating 10s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(4deg)}to{transform:translateY(0) rotate(0)}}.badge:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 10px hsla(var(--h-shadow),var(--s-shadow),var(--l-shadow),.06),0 15px 30px hsla(var(--h-shadow),var(--s-shadow),var(--l-shadow),.15);border-color:var(--clr-brand);color:var(--clr-brand-hover)}.code-window{z-index:2;position:relative}@media(max-width:600px){.visual-container{display:none}}.experience-dot-content{--dot-size: 20px;--dot-color: var(--clr-brand-soft);--details-display-status: none;--company-container-width: 160px;--company-container-height: 40px;--company-logo-size: 25px;--company-name-size: var(--fs-standard);--company-flex-direction: row;--company-padding: .4rem .8rem;--company-zindex: 1;--text-opacity: 0;--company-right: 105%;--company-top: 50%;--company-transform: translateY(-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translateY(calc(var(--dot-size)/2 * -1));position:relative;gap:.8rem;min-width:200px;cursor:pointer;z-index:var(--company-zindex)}.company-details,.detailed-name-position{display:var(--details-display-status);transition:.1s}.company-details{flex-direction:column}.company-name{font-size:var(--company-name-size)}.company-logo{background-image:var(--icon-url);background-position:center;background-repeat:no-repeat;background-size:contain;height:var(--company-logo-size);aspect-ratio:1/1}.company-container{overflow:hidden;position:absolute;width:var(--company-container-width);box-sizing:border-box;padding:var(--company-padding);flex-direction:var(--company-flex-direction);display:flex;align-items:center;justify-content:start;gap:.8rem;height:var(--company-container-height);bottom:120%;background-color:var(--clr-bg-container);border:1px solid var(--clr-border-default);border-radius:40px;box-shadow:var(--shadow-md);transition:.1s}.detailed-info-container{position:absolute;width:400px;box-sizing:border-box;padding:1.6rem;display:var(--details-display-status);align-items:start;justify-content:center;gap:.8rem;bottom:120%;background-color:var(--clr-bg-container);border:1px solid var(--clr-border-default);border-radius:40px;box-shadow:var(--shadow-md);z-index:8;flex-direction:column}.detail-info-header{width:100%;align-items:center;gap:1.6rem;display:flex;flex-direction:row;height:60px}.details-text{flex:1;opacity:var(--text-opacity)}.detailed-icon{height:100%;aspect-ratio:1/1;background-image:var(--icon-url);background-position:center;background-repeat:no-repeat;background-size:contain}.dot-element{width:var(--dot-size);aspect-ratio:1/1;background-color:var(--dot-color);border:2px solid var(--clr-border-default);border-radius:50%}.experience-data-wrapper{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;-o-border-image:linear-gradient(to bottom,var(--clr-bg-container),var(--clr-border-default),var(--clr-bg-container));border-image:linear-gradient(to bottom,var(--clr-bg-container),var(--clr-border-default),var(--clr-bg-container));border-image-slice:1}.experience-dot-content:nth-child(2){transition-delay:.2s;transition:z-index 0s}.experience-dot-content:nth-child(3){transition-delay:.4s;transition:z-index 0s}.experience-dot-content:nth-child(4){transition-delay:.6s;transition:z-index 0s}.experience-dot-content:nth-child(5){transition-delay:.8s;transition:z-index 0s}.experience-dot-content:nth-child(6){transition-delay:1s;transition:z-index 0s}.experience-dot-content:nth-child(7){transition-delay:1.1s;transition:z-index 0s}@media(max-width:600px){.experience-dot-content{--dot-size: 20px;--dot-color: var(--clr-brand-soft);--details-display-status: none;--company-container-width: 160px;--company-container-height: 40px;--company-logo-size: 25px;--company-name-size: var(--fs-standard);--company-flex-direction: row;--company-padding: .4rem .8rem;--company-zindex: 1;--text-opacity: 0;display:flex;align-items:center;justify-content:center;flex-direction:row;transform:translate(calc(var(--dot-size)/2 * -1));position:relative;gap:0rem;min-width:200px;cursor:pointer;z-index:var(--company-zindex)}.company-container{overflow:hidden;position:absolute;width:var(--company-container-width);box-sizing:border-box;padding:var(--company-padding);flex-direction:var(--company-flex-direction);display:flex;align-items:center;justify-content:start;gap:.8rem;height:var(--company-container-height);right:var(--company-right);top:var(--company-top);transform:var(--company-transform);background-color:var(--clr-bg-container);border:1px solid var(--clr-border-default);border-radius:40px;box-shadow:var(--shadow-md);transition:.1s}}@media(hover:hover){.experience-dot-content:hover{--dot-color: var(--clr-border-default);--details-display-status: flex;--company-container-width: 400px;--company-container-height: 400px;--company-name-size: var(--fs-heading);--company-flex-direction: column;--company-logo-size: 100%;--company-padding: 1.6rem;--company-zindex: 999;--text-opacity: 1}}