@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400&display=swap";.beams-container{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important}.beams-container canvas{width:100%!important;height:100%!important;display:block!important}.hero{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.hero-wrapper{position:relative;z-index:10;width:100%;max-width:1100px;margin:0 auto;padding:120px 60px 50px;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box}.hero-intro{display:flex;flex-direction:column;gap:1.5rem;max-width:850px;flex:1;justify-content:center}.hero-title{font-family:Poppins,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:200;color:#fff;line-height:1.4;margin:0;letter-spacing:-.5px}.hero-subtitle{font-family:Poppins,sans-serif;font-size:clamp(.875rem,1.25vw,1rem);font-weight:300;color:gray;line-height:1.8;margin:0;max-width:600px}.hero-actions{display:flex;gap:1rem;margin-top:.75rem}.btn-primary{position:relative;padding:.875rem 1.75rem;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:400;text-decoration:none;border-radius:4px;cursor:pointer;background:#fff;color:#000;border:1px solid #ffffff;display:inline-flex;align-items:center;gap:.625rem;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.btn-primary .btn-text{position:relative;z-index:2}.btn-primary .btn-icon{display:flex;align-items:center;transition:transform .35s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:#000;color:#fff;border-color:#ffffff4d}.btn-primary:hover .btn-icon{transform:translate(4px)}.btn-outline{position:relative;padding:.875rem 1.75rem;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:400;text-decoration:none;border-radius:4px;cursor:pointer;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;transition:all .35s cubic-bezier(.4,0,.2,1)}.btn-outline .btn-text{position:relative;z-index:2}.btn-outline:hover{background:#ffffff14;border-color:#fff6}.services-section{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 0;border-top:1px solid rgba(255,255,255,.06);margin-top:auto}.services-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-card{position:relative;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:1.25rem;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .4s ease}.service-card:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-2px)}.service-card:hover:before{opacity:1}.service-card.active{background:#ffffff0d;border-color:#ffffff26}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-number{font-family:Courier New,monospace;font-size:.6875rem;color:#606060;letter-spacing:1px}.card-progress{flex:1;height:1px;background:#ffffff14;border-radius:1px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#ffffff1a,#ffffff80);width:0%;animation:progressFill 4s linear forwards;transform-origin:left}@keyframes progressFill{0%{width:0%}to{width:100%}}.card-title{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400;color:#fff;margin:0;letter-spacing:.25px;transition:color .3s ease}.service-card:hover .card-title{color:#fff}.card-description{font-family:Poppins,sans-serif;font-size:.8125rem;font-weight:300;color:#707070;line-height:1.6;margin:0;transition:color .3s ease}.service-card.active .card-description,.service-card:hover .card-description{color:#909090}@media (max-width: 900px){.hero-wrapper{max-width:100%;padding:100px 40px 40px}.hero-title{font-size:clamp(1.375rem,2.75vw,2rem)}.services-tabs{gap:.75rem}.service-card{padding:1rem}}@media (min-width: 769px) and (max-width: 1024px){.hero-wrapper{padding:122px 34px 34px;gap:1rem}.hero-intro{max-width:100%}.services-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.services-tabs .service-card:last-child{grid-column:span 2}}@media (max-width: 768px){.hero-wrapper{padding:90px 30px 30px}.hero-intro{gap:1.25rem}.hero-title{font-size:clamp(1.25rem,2.5vw,1.75rem)}.hero-subtitle{font-size:.875rem}.hero-actions{flex-direction:column;gap:.625rem}.btn-primary,.btn-outline{width:100%;justify-content:center;max-width:260px;padding:.75rem 1.5rem}.services-tabs{grid-template-columns:1fr;gap:.625rem}.service-card{padding:1rem}.card-title{font-size:.9375rem}.card-description{font-size:.8125rem}}@media (max-width: 480px){.hero-wrapper{padding:80px 20px 25px}.hero-title{font-size:clamp(1.125rem,2vw,1.5rem);letter-spacing:-.25px}.hero-subtitle{font-size:.8125rem}.btn-primary,.btn-outline{padding:.6875rem 1.25rem;font-size:.8125rem}.service-card{padding:.875rem}.card-number{font-size:.625rem}.card-title{font-size:.875rem}.card-description{font-size:.75rem}}.staggered-menu-wrapper{position:static;width:auto;height:auto;z-index:40;pointer-events:none}.staggered-menu-wrapper.fixed-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:40;overflow:hidden}.staggered-menu-header{position:static;width:auto;display:flex;align-items:center;justify-content:flex-end;padding:0;background:transparent;pointer-events:none;z-index:50}.staggered-menu-header>*{pointer-events:auto}.sm-logo{display:none}.sm-logo-img{display:block;height:32px;width:auto;object-fit:contain}.sm-toggle{position:relative;display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;color:#fff;font-weight:300;line-height:1;overflow:visible;font-family:Inter,sans-serif}.sm-toggle:focus-visible{outline:2px solid #ffffff;outline-offset:4px;border-radius:4px}.sm-line:last-of-type{margin-top:6px}.sm-toggle-text{display:inline-block;font-size:14px;letter-spacing:1px;text-transform:uppercase;line-height:1;white-space:nowrap}.sm-icon{position:relative;width:14px;height:14px;flex:0 0 14px;display:inline-flex;align-items:center;justify-content:center;will-change:transform}.sm-panel-itemWrap{position:relative;overflow:hidden;line-height:1}.sm-icon-line{position:absolute;left:50%;top:50%;width:100%;height:2px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%);will-change:transform}.sm-line{display:none!important}.staggered-menu-panel{position:fixed;top:0;right:0;width:clamp(280px,40vw,450px);height:100vh;background:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;padding:6em 2.5em 2.5em;overflow-y:auto;z-index:10;pointer-events:auto}.sm-panel-close{position:absolute;top:1.2rem;right:1.2rem;border:none;background:transparent;color:#111;display:inline-flex;align-items:center;gap:.45rem;font-family:Inter,sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.sm-panel-close:focus-visible{outline:2px solid #111111;outline-offset:3px;border-radius:4px}[data-position=left] .staggered-menu-panel{right:auto;left:0}.sm-prelayers{position:fixed;top:0;right:0;bottom:0;width:clamp(280px,40vw,450px);height:100vh;pointer-events:none;z-index:5}[data-position=left] .sm-prelayers{right:auto;left:0}.sm-prelayer{position:absolute;top:0;right:0;height:100%;width:100%;transform:translate(0)}.sm-panel-inner{flex:1;display:flex;flex-direction:column;gap:1.25rem}.sm-socials{margin-top:auto;padding-top:2rem;display:flex;flex-direction:column;gap:.75rem}.sm-socials-title{margin:0;font-size:.9rem;font-weight:300;color:#404040;letter-spacing:1px;text-transform:uppercase}.sm-socials-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}.sm-socials-list .sm-socials-link{opacity:1}.sm-socials-list:hover .sm-socials-link{opacity:.35}.sm-socials-list:hover .sm-socials-link:hover{opacity:1}.sm-socials-link:focus-visible{outline:2px solid #000000;outline-offset:3px}.sm-socials-list:focus-within .sm-socials-link{opacity:.35}.sm-socials-list:focus-within .sm-socials-link:focus-visible{opacity:1}.sm-socials-link{font-size:.95rem;font-weight:300;color:#404040;text-decoration:none;position:relative;padding:2px 0;display:inline-block;transition:color .3s ease,opacity .3s ease;font-family:Inter,sans-serif}.sm-socials-link:hover{color:#000}.sm-panel-title{margin:0;font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase}.sm-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.sm-panel-item{position:relative;color:#000;font-weight:200;font-size:3.2rem;cursor:pointer;line-height:1;letter-spacing:-2px;text-transform:uppercase;transition:color .25s,opacity .25s;display:inline-block;text-decoration:none;padding-right:.5em;font-family:Inter,sans-serif}.staggered-menu-panel .sm-socials-list .sm-socials-link{opacity:1;transition:opacity .3s ease}.staggered-menu-panel .sm-socials-list:hover .sm-socials-link:not(:hover){opacity:.35}.staggered-menu-panel .sm-socials-list:focus-within .sm-socials-link:not(:focus-visible){opacity:.35}.staggered-menu-panel .sm-socials-list .sm-socials-link:hover,.staggered-menu-panel .sm-socials-list .sm-socials-link:focus-visible{opacity:1}.sm-panel-itemLabel{display:inline-block;will-change:transform;transform-origin:50% 100%}.sm-panel-item:hover{color:#505050}.sm-panel-list[data-numbering]{counter-reset:smItem}.sm-panel-list[data-numbering] .sm-panel-item{display:inline-grid;grid-auto-flow:column;align-items:flex-start;column-gap:.45em}.sm-panel-list[data-numbering] .sm-panel-item:after{counter-increment:smItem;content:counter(smItem,decimal-leading-zero);position:static;transform:translateY(.2em);margin-left:0;font-size:18px;font-weight:300;color:#404040;letter-spacing:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--sm-num-opacity, 0)}@media (max-width: 1024px){.staggered-menu-panel,.sm-prelayers{width:100%;left:0;right:0}.staggered-menu-wrapper[data-open] .sm-logo-img{filter:invert(90%)}}@media (max-width: 640px){.staggered-menu-panel{width:100%;left:0;right:0}.staggered-menu-wrapper[data-open] .sm-logo-img{filter:invert(90%)}.sm-panel-item{font-size:2.5rem;line-height:1.1;padding-right:0}.sm-panel-list{gap:.9rem}.sm-panel-itemWrap{overflow:visible}.sm-panel-list[data-numbering] .sm-panel-item:after{transform:translateY(.14em);font-size:14px;opacity:.8}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.navbar-content{display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar-brand{font-family:Poppins,sans-serif;font-size:clamp(1rem,2vw,1.25rem);font-weight:300;letter-spacing:.08em;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:auto}.navbar-menu{pointer-events:auto}.navbar--dead{background:transparent;box-shadow:none}.navbar--dead .navbar-content{padding:2rem 3rem}.navbar--dead .navbar-brand{color:#fff}.navbar--active{background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.navbar--active .navbar-content{padding:1.25rem 3rem}.navbar--active .navbar-brand{color:#fff}@media (min-width: 769px) and (max-width: 1024px){.navbar-content,.navbar--dead .navbar-content{padding:1.5rem 2rem}.navbar--active .navbar-content{padding:1rem 2rem}}@media (max-width: 768px){.navbar-content{padding:1.5rem}.navbar--active .navbar-content{padding:1rem 1.5rem}.navbar-brand{font-size:.9rem}}@media (max-width: 480px){.navbar-content{padding:1.25rem 1rem}.navbar--active .navbar-content{padding:.875rem 1rem}.navbar-brand{font-size:.8rem;letter-spacing:.1em}}:root{--white: hsl(0, 0%, 100%);--silver: rgba(192, 192, 192, 1);--silver-glow: rgba(192, 192, 192, .2);--silver-border: rgba(192, 192, 192, .3);--border-color: #2a2a2a;--background-dark: #0a0a0a;color-scheme:light dark}.card-grid{display:grid;gap:.5em;padding:.75em;max-width:100%;font-size:clamp(.875rem,.8rem + .4vw,1.25rem)}.magic-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:180px;width:100%;max-width:100%;padding:1.25em;border-radius:16px;border:1px solid var(--border-color);background:var(--background-dark);font-weight:300;overflow:hidden;transition:all .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #c0c0c01a}.magic-bento-card__header,.magic-bento-card__content{display:flex;position:relative;color:var(--white)}.magic-bento-card__header{gap:.75em;justify-content:space-between}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{font-size:.7em;font-weight:200;color:var(--silver);text-transform:uppercase;letter-spacing:1.2px;font-family:Poppins,sans-serif}.magic-bento-card__title,.magic-bento-card__description{--clamp-title: 1;--clamp-desc: 2}.magic-bento-card__title{font-weight:300;font-size:1em;margin:0 0 .5em;color:#fff;letter-spacing:.3px;font-family:Poppins,sans-serif}.magic-bento-card__description{font-size:.85em;line-height:1.5;opacity:.8;color:#e0e0e0;font-weight:200;font-family:Poppins,sans-serif}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{overflow:visible;text-overflow:clip}@media (max-width: 599px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0 auto;padding:.5em;gap:.5em}.magic-bento-card{width:100%;min-height:136px;aspect-ratio:auto;padding:.8em}.magic-bento-card__label{font-size:.58em}.magic-bento-card__title{font-size:.82em}.magic-bento-card__description{font-size:.72em}.magic-bento-card:nth-child(3),.magic-bento-card:nth-child(4),.magic-bento-card:nth-child(6){grid-column:auto;grid-row:auto}}@media (max-width: 420px){.card-grid{grid-template-columns:1fr;gap:.6em}.magic-bento-card{min-height:148px}}@media (min-width: 600px) and (max-width: 1023px){.card-grid{grid-template-columns:repeat(2,1fr);gap:.625em;padding:.75em}.magic-bento-card{min-height:200px;aspect-ratio:auto}.magic-bento-card:nth-child(3){grid-column:span 2;min-height:220px}.magic-bento-card:nth-child(4),.magic-bento-card:nth-child(6){grid-column:auto;grid-row:auto}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){grid-column:span 2;grid-row:span 2}.magic-bento-card:nth-child(4){grid-column:1 / span 2;grid-row:2 / span 2}.magic-bento-card:nth-child(6){grid-column:4;grid-row:3}}.magic-bento-card--border-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:4px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(192,192,192,calc(var(--glow-intensity) * .6)) 0%,rgba(192,192,192,calc(var(--glow-intensity) * .3)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:1}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px #c0c0c026,0 0 30px var(--silver-glow)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:#c0c0c033;border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #c0c0c01a,0 0 30px var(--silver-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;user-select:none}.about-me{position:relative;width:100%;min-height:auto;background:linear-gradient(180deg,#0a0a0a,#000);padding:4rem 2rem}.about-me-container{max-width:1600px;margin:0 auto}.about-me-header{text-align:center;margin-bottom:2.5rem}.section-label{display:inline-block;font-size:.7rem;font-weight:200;color:gray;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem;font-family:Poppins,sans-serif}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:200;color:#fff;margin-bottom:1rem;font-family:Poppins,sans-serif;letter-spacing:-.02em}.section-description{font-size:clamp(.95rem,1.3vw,1.125rem);font-weight:200;color:#a0a0a0;max-width:650px;margin:0 auto;line-height:1.6;font-family:Poppins,sans-serif}.about-me-content{width:100%}@media (max-width: 768px){.about-me{padding:3rem 1rem}.about-me-header{margin-bottom:2rem}.section-label{font-size:.65rem}.section-title{font-size:1.75rem}.section-description{font-size:.9rem}}.logoloop{position:relative;--logoloop-gap: 32px;--logoloop-logoHeight: 28px;--logoloop-fadeColorAuto: #000000}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}.logoloop__track{display:flex;width:max-content;will-change:transform;-webkit-user-select:none;user-select:none;position:relative;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center;list-style:none;margin:0;padding:0}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1;color:gray;transition:color .3s ease}.logoloop__item:hover{color:#fff}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);filter:grayscale(100%) brightness(.6)}.logoloop__item:hover img{filter:grayscale(0%) brightness(1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.15);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:before,.logoloop--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(40px,10%,150px);pointer-events:none;z-index:10}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{left:0;right:0;width:100%;height:clamp(24px,8%,120px)}.logoloop--vertical.logoloop--fade:before{top:0;bottom:auto;background:linear-gradient(to bottom,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:after{bottom:0;top:auto;background:linear-gradient(to top,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}@media (prefers-reduced-motion: reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.tech-stack-section{position:relative;width:100%;background:#000;padding:60px 0;overflow:hidden}.tech-stack-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.tech-stack-header{display:flex;flex-direction:column;gap:.5rem;padding:0 60px}.tech-stack-label{font-family:Poppins,sans-serif;font-size:.75rem;font-weight:300;color:#606060;text-transform:uppercase;letter-spacing:2px}.tech-stack-title{font-family:Poppins,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:200;color:#fff;margin:0;letter-spacing:-.5px}.tech-stack-loop{width:100%;height:80px;position:relative;overflow:hidden;display:flex;align-items:center}@media (max-width: 768px){.tech-stack-section{padding:50px 0}.tech-stack-container{gap:30px}.tech-stack-header{padding:0 30px}.tech-stack-loop{height:60px}}@media (max-width: 480px){.tech-stack-section{padding:40px 0}.tech-stack-container{gap:25px}.tech-stack-header{padding:0 20px}.tech-stack-label{font-size:.6875rem}.tech-stack-loop{height:50px}}:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--grain: none;--icon: none;--behind-gradient: none;--behind-glow-color: rgba(192, 192, 192, .5);--behind-glow-size: 25%;--inner-gradient: none;--sunpillar-1: hsl(0, 0%, 85%);--sunpillar-2: hsl(0, 0%, 75%);--sunpillar-3: hsl(0, 0%, 65%);--sunpillar-4: hsl(0, 0%, 80%);--sunpillar-5: hsl(0, 0%, 70%);--sunpillar-6: hsl(0, 0%, 90%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--card-radius: 24px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}.pc-behind{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0%,transparent var(--behind-glow-size));filter:blur(50px) saturate(1.1);opacity:calc(.8 * var(--card-opacity));transition:opacity .2s ease}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: 1}.pc-card{height:70svh;max-height:480px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:glow-bg 12s linear infinite;box-shadow:#000000e6 calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px,0 0 40px #c0c0c01a;transition:transform 1s ease;transform:translateZ(0) rotateX(0) rotateY(0);background:#0a0a0a;backface-visibility:hidden;overflow:hidden;border:1px solid rgba(192,192,192,.15)}.pc-card:hover,.pc-card.active{transition:none;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{position:relative;z-index:1}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);pointer-events:none}.pc-inside{top:0;right:0;bottom:0;left:0;position:absolute;background-image:var(--inner-gradient);background-color:#0a0a0a;transform:none}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .8s ease;filter:brightness(.5) contrast(1.2) saturate(.2);animation:holo-bg 18s linear infinite;animation-play-state:running;mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0a0a0a 0%,hsl(0,0%,50%) 3.8%,hsl(0,0%,60%) 4.5%,hsl(0,0%,50%) 5.2%,#0a0a0a 10%,#0a0a0a 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:before,.pc-shine:after{content:"";background-position:center;background-size:cover;grid-area:1/1;opacity:0;transition:opacity .8s ease}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.7) contrast(1.3) saturate(.3);animation-play-state:paused}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,60%) 0%,hsla(0,0%,20%,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),center,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.3 + var(--pointer-from-center) * .5));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.6) contrast(1.3)}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,70%) 12%,hsla(0,0%,20%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.6) contrast(1.1);z-index:4}.pc-avatar-content{position:relative;z-index:6;overflow:visible;transform:translateZ(2);backface-visibility:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;object-fit:cover;object-position:50% 25%;filter:contrast(1.05) brightness(.95);transform-origin:50% 100%;transform:translate(calc(-50% + (var(--pointer-from-left) - .5) * 3px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .012)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .006));bottom:-1px;backface-visibility:hidden;will-change:transform;transition:transform .12s ease-out,filter .2s ease-out}.pc-avatar-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.pc-user-info{position:absolute;--ui-inset: 16px;--ui-radius-bias: 6px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);z-index:2;display:flex;align-items:center;justify-content:space-between;background:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(192,192,192,.2);border-radius:max(0px,var(--card-radius) - var(--ui-inset) + var(--ui-radius-bias));padding:12px 14px;pointer-events:auto}.pc-user-details{display:flex;align-items:center;gap:12px}.pc-mini-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:1px solid rgba(192,192,192,.3);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;filter:contrast(1.05) brightness(.95);transform:translateY(-7px);border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:4px}.pc-handle{font-size:13px;font-weight:400;color:#ffffffe6;line-height:1;font-family:Poppins,sans-serif}.pc-status{font-size:12px;color:#c0c0c0cc;line-height:1;font-family:Poppins,sans-serif}.pc-contact-btn{background:transparent;border:1px solid rgba(192,192,192,.3);border-radius:8px;padding:10px 16px;font-size:12px;font-weight:500;color:#ffffffe6;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Poppins,sans-serif}.pc-contact-btn:hover{background:#c0c0c01a;border-color:#c0c0c080;transform:translateY(-1px)}.pc-content:not(.pc-avatar-content){max-height:100%;overflow:visible;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px);z-index:10;mix-blend-mode:normal}.pc-details{width:100%;position:absolute;top:2.5em;display:flex;flex-direction:column}.pc-details h3{font-weight:300;margin:0;font-size:min(5svh,2.5em);background-image:linear-gradient(to bottom,#fff,silver);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;font-family:Poppins,sans-serif;letter-spacing:.5px}.pc-details p{font-weight:300;position:relative;top:-8px;white-space:nowrap;font-size:14px;margin:0 auto;width:min-content;color:#5a5a5a;background-image:none;-webkit-text-fill-color:#5a5a5a;background-clip:initial;-webkit-background-clip:initial;font-family:Poppins,sans-serif;letter-spacing:1px;text-transform:uppercase}@keyframes glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media (max-width: 768px){.pc-card{height:60svh;max-height:400px}.pc-details{top:1.5em}.pc-details h3{font-size:min(4svh,2em)}.pc-details p{font-size:12px}.pc-user-info{--ui-inset: 12px;padding:10px 12px}.pc-mini-avatar{width:32px;height:32px}.pc-user-details{gap:10px}.pc-handle{font-size:12px}.pc-status{font-size:10px}.pc-contact-btn{padding:8px 12px;font-size:11px}}@media (max-width: 480px){.pc-card{height:55svh;max-height:350px}.pc-details{top:1em}.pc-details h3{font-size:min(3.5svh,1.75em)}.pc-details p{font-size:11px;top:-6px}.pc-user-info{--ui-inset: 10px;padding:8px 10px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:8px}.pc-handle{font-size:11px}.pc-status{font-size:9px}.pc-contact-btn{padding:6px 10px;font-size:10px}}.myself-section{position:relative;width:100%;min-height:100vh;background:#000;padding:100px 0;overflow:hidden}.myself-container{max-width:1400px;margin:0 auto;padding:0 60px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:calc(100vh - 200px)}.myself-content{display:flex;flex-direction:column;gap:32px}.myself-header{display:flex;flex-direction:column;gap:12px}.myself-label{font-size:.75rem;font-weight:300;color:gray;text-transform:uppercase;letter-spacing:3px;font-family:Poppins,sans-serif}.myself-title{font-size:clamp(2rem,4vw,3rem);font-weight:300;color:#fff;line-height:1.2;margin:0;font-family:Poppins,sans-serif;letter-spacing:-.5px}.myself-text{display:flex;flex-direction:column;gap:24px}.myself-intro{font-size:1.125rem;font-weight:300;color:#e0e0e0;line-height:1.7;margin:0;font-family:Poppins,sans-serif}.myself-description{font-size:1rem;font-weight:200;color:#a0a0a0;line-height:1.8;margin:0;font-family:Poppins,sans-serif}.myself-highlights{display:flex;gap:40px;padding:32px 0;border-top:1px solid rgba(192,192,192,.1);border-bottom:1px solid rgba(192,192,192,.1)}.highlight-item{display:flex;flex-direction:column;gap:6px}.highlight-number{font-size:2rem;font-weight:300;color:silver;font-family:Poppins,sans-serif;letter-spacing:-1px}.highlight-label{font-size:.75rem;font-weight:300;color:#606060;text-transform:uppercase;letter-spacing:1px;font-family:Poppins,sans-serif}.myself-philosophy{font-size:1rem;font-weight:300;font-style:italic;color:gray;line-height:1.6;margin:0;padding-left:20px;border-left:2px solid rgba(192,192,192,.3);font-family:Poppins,sans-serif}.myself-card-wrapper{display:flex;justify-content:center;align-items:center}@media (max-width: 1200px){.myself-container{gap:60px;padding:0 40px}.myself-highlights{gap:30px}.highlight-number{font-size:1.75rem}}@media (max-width: 968px){.myself-section{padding:80px 0}.myself-container{grid-template-columns:1fr;gap:60px;text-align:center}.myself-content{order:2}.myself-card-wrapper{order:1}.myself-header{align-items:center}.myself-highlights{justify-content:center}.myself-philosophy{text-align:center;border-left:none;padding:16px 20px;border-top:2px solid rgba(192,192,192,.3);border-bottom:2px solid rgba(192,192,192,.3)}}@media (max-width: 640px){.myself-section{padding:60px 0}.myself-container{padding:0 24px;gap:40px}.myself-title{font-size:1.75rem}.myself-intro{font-size:1rem}.myself-description{font-size:.9rem}.myself-highlights{flex-direction:column;gap:20px;align-items:center}.highlight-item{align-items:center}.highlight-number{font-size:1.5rem}.myself-philosophy{font-size:.9rem}}@media (max-width: 480px){.myself-container{padding:0 16px}.myself-title{font-size:1.5rem}.myself-label{font-size:.7rem}}.light-rays-container{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.experience-section{position:relative;width:100%;min-height:100svh;background:#000;padding:90px 0;overflow:hidden}.experience-rays-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.experience-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 60px}.experience-header{max-width:760px;margin-bottom:38px}.experience-label{display:inline-block;margin-bottom:14px;color:gray;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:300;letter-spacing:3px;text-transform:uppercase}.experience-title{margin:0 0 16px;color:#fff;font-family:Poppins,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:300;letter-spacing:-.5px;line-height:1.2}.experience-subtitle{margin:0;max-width:620px;color:#a0a0a0;font-family:Poppins,sans-serif;font-size:1rem;font-weight:300;line-height:1.6}.experience-showcase{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.04),transparent 38%),linear-gradient(180deg,#ffffff05,#ffffff01);overflow:hidden}.experience-pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 16px 0}.experience-pager-btn{border:1px solid rgba(255,255,255,.16);background:#ffffff08;color:#d0d0d0;font-family:Poppins,sans-serif;font-size:.72rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:7px 12px;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.experience-pager-btn:hover{background:#ffffff14;border-color:#ffffff47}.experience-pager-status{margin:0;color:#9f9f9f;font-family:Poppins,sans-serif;font-size:.68rem;font-weight:300;letter-spacing:.16em}.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:14px 16px 16px}.experience-card{position:relative;min-height:380px;padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(160deg,#ffffff05,#ffffff02);outline:none;isolation:isolate;transition:transform .26s ease,filter .26s ease,background-color .26s ease,border-color .26s ease,opacity .26s ease}.experience-card.is-dimmed{filter:saturate(.75);opacity:.62}.experience-card.is-active{transform:translateY(-4px);border-color:#fff3;background:linear-gradient(160deg,#ffffff0a,#ffffff04)}.experience-card-base{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;height:100%;transition:opacity .22s ease,transform .22s ease}.experience-brand-block{position:relative;display:flex;flex-direction:column;gap:14px;min-height:156px}.experience-card-meta{display:flex;flex-direction:column;gap:4px}.experience-card-meta p,.experience-card-meta span{margin:0;color:#7a7a7a;font-family:Poppins,sans-serif;font-size:.66rem;font-weight:300;letter-spacing:.16em;text-transform:uppercase}.experience-logo-shell{position:absolute;top:0;right:0;width:clamp(104px,8.4vw,126px);height:clamp(104px,8.4vw,126px);border-radius:24px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 28% 20%,#ffffff29,#ffffff05 52%),linear-gradient(155deg,#ffffff14,#ffffff05);display:grid;place-items:center;padding:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 18px 38px #0000006b}.experience-logo-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.16),transparent 58%);pointer-events:none}.experience-logo-shell:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:18px;background:#fff;border:1px solid rgba(255,255,255,.1);pointer-events:none}.experience-logo-shell img{position:relative;z-index:1;width:86%;height:86%;object-fit:contain;object-position:center;transform-origin:center;filter:drop-shadow(0 8px 14px rgba(0,0,0,.34));transition:transform .26s ease,filter .26s ease}.experience-card:hover .experience-logo-shell img,.experience-card:focus-within .experience-logo-shell img{transform:scale(1.03);filter:drop-shadow(0 10px 18px rgba(0,0,0,.4))}.experience-card.is-dimmed .experience-logo-shell{opacity:.84}.experience-company{margin:auto 0 0;max-width:calc(100% - 140px);color:#f2f2f2;font-family:Poppins,sans-serif;font-size:1.24rem;font-weight:300;letter-spacing:-.4px}.experience-role-preview{margin:2px 0 0;max-width:calc(100% - 140px);color:#9e9e9e;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:300;letter-spacing:.02em;line-height:1.35}.experience-summary-preview{display:none}.experience-card-overlay{position:absolute;top:12px;right:12px;bottom:12px;left:12px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(180deg,#060606d1,#030303f5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:translateY(6px);transition:opacity .24s ease,transform .24s ease;z-index:2}.experience-overlay-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.experience-card-meta-overlay{gap:5px}.experience-logo-shell-overlay{position:relative;top:auto;right:auto;width:74px;height:74px;border-radius:18px;padding:10px;flex-shrink:0}.experience-overlay-body{display:flex;flex-direction:column;gap:8px}.experience-company-overlay{margin:0;max-width:100%;font-size:1.02rem}.experience-card:hover .experience-card-overlay,.experience-card:focus-within .experience-card-overlay{opacity:1;transform:translateY(0)}.experience-card:hover .experience-card-base,.experience-card:focus-within .experience-card-base{opacity:.06;transform:translateY(4px)}.experience-card:hover,.experience-card:focus-within{background:#ffffff08}.experience-role{margin:0;color:#fff;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:300}.experience-summary{margin:0;color:#c2c2c2;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:300;line-height:1.46;line-clamp:3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.experience-highlights{list-style:none;margin:0;padding:0;display:grid;gap:5px}.experience-highlights li{position:relative;color:#9d9d9d;font-family:Poppins,sans-serif;font-size:.73rem;font-weight:300;line-height:1.38;padding-left:12px}.experience-highlights li:before{content:"";position:absolute;left:0;top:.62em;width:4px;height:4px;border-radius:50%;background:#6f6f6f}.experience-stack{margin:1px 0 0;color:#8a8a8a;font-family:Poppins,sans-serif;font-size:.62rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase}@media (max-width: 1100px){.experience-container{padding:0 36px}.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-card{min-height:370px}}@media (max-width: 768px){.experience-section{padding:78px 0}.experience-container{padding:0 22px}.experience-header{margin-bottom:30px}.experience-grid{grid-template-columns:1fr;gap:12px;padding:12px}.experience-pager{justify-content:center;padding:12px 12px 0}.experience-card{min-height:auto;padding:18px}.experience-card-base{gap:14px}.experience-logo-shell{width:108px;height:108px;border-radius:22px;padding:12px}.experience-company{max-width:calc(100% - 122px)}.experience-role-preview{max-width:calc(100% - 122px);font-size:.8rem}.experience-summary-preview{display:block;margin:10px 0 0;max-width:100%;color:#b5b5b5;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:300;line-height:1.5}.experience-card.is-dimmed{filter:none;opacity:1}.experience-card-overlay{display:none}.experience-card-base{opacity:1;transform:none}.experience-card:hover .experience-card-base,.experience-card:focus-within .experience-card-base{opacity:1;transform:none}.experience-overlay-top{margin-bottom:2px}.experience-logo-shell-overlay{width:68px;height:68px;border-radius:16px}}@media (max-width: 480px){.experience-section{padding:62px 0}.experience-container{padding:0 16px}.experience-showcase{border-radius:12px}.experience-card{min-height:auto;padding:16px}.experience-logo-shell{width:96px;height:96px;border-radius:20px;padding:11px}.experience-brand-block{min-height:146px}.experience-company{max-width:calc(100% - 106px)}.experience-company{font-size:1.06rem}.experience-role-preview{max-width:calc(100% - 106px);font-size:.78rem}.experience-summary-preview{font-size:.78rem}.experience-overlay-body{gap:7px}.experience-summary{font-size:.78rem}.experience-highlights li{font-size:.71rem}}@media (prefers-reduced-motion: reduce){.experience-card,.experience-card-overlay{transition:none}}.carousel-wrapper{position:relative;width:100%}.carousel-scroll{display:flex;width:100%;overflow-x:auto;overscroll-behavior-x:auto;scroll-behavior:smooth;padding:40px 0 60px;scrollbar-width:none;-ms-overflow-style:none}.carousel-scroll::-webkit-scrollbar{display:none}.carousel-items{display:flex;flex-direction:row;justify-content:flex-start;gap:24px;padding-left:40px;max-width:1400px;margin:0 auto}.carousel-item{border-radius:20px}.carousel-item:last-child{padding-right:40px}.carousel-controls{display:flex;justify-content:flex-end;gap:12px;padding:0 40px;margin-top:20px}.carousel-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(192,192,192,.2);color:silver;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-btn:hover:not(:disabled){background:#ffffff1a;border-color:#c0c0c066;color:#fff;box-shadow:0 0 20px #c0c0c026}.carousel-btn:disabled{opacity:.3;cursor:not-allowed}.carousel-btn svg{width:20px;height:20px}.project-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:300px;height:370px;border-radius:18px;overflow:hidden;background:#0a0a0aeb;border:1.5px solid rgba(220,220,255,.18);box-shadow:0 2px 16px #b4c8ff14,0 0 0 1.5px #ffffff1a inset,0 0 24px 2px #78b4ff1a inset;-webkit-backdrop-filter:blur(2.5px) saturate(1.2);backdrop-filter:blur(2.5px) saturate(1.2);cursor:pointer;transition:border-color .3s,box-shadow .3s,background .3s}.project-card:hover{border-color:#b4dcff52;background:#14141efa;box-shadow:0 8px 32px #78b4ff2e,0 0 0 2px #ffffff2e inset,0 0 48px 4px #78b4ff2e inset}.project-card:hover{border-color:#c0c0c040;box-shadow:0 20px 60px #00000080}.project-card-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease;filter:brightness(.85)}.project-card:hover .project-card-image img{transform:scale(1.05);filter:brightness(.6)}.project-card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,#0000004d,#0000 30%,#0006 70%,#000000f2);pointer-events:none}.project-card-content{position:relative;z-index:3;padding:24px;width:100%;text-align:left}.project-card-category{display:inline-block;font-size:.7rem;font-weight:400;color:#a0a0a0;text-transform:uppercase;letter-spacing:2px;font-family:Poppins,sans-serif;margin-bottom:8px;text-align:left}.project-card-title{font-size:1.4rem;font-weight:500;color:#fff;margin:0 0 16px;font-family:Poppins,sans-serif;line-height:1.3;text-align:left}.project-card-tech{margin-top:12px}.tech-stack-container{display:flex;flex-direction:row;align-items:center;gap:4px}.tech-icon-item{position:relative;margin-right:-8px}.tech-icon-item:last-child{margin-right:0}.tech-icon-circle{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#0a0a0a;border-radius:50%;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;z-index:1}.tech-icon-item:hover .tech-icon-circle{z-index:30}.tech-icon{width:18px;height:18px}.tech-tooltip-animated{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 14px;background:#0a0a0a;border-radius:8px;box-shadow:0 10px 40px #00000080;white-space:nowrap;z-index:50;pointer-events:none}.tech-tooltip-gradient-1{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:40%;height:1px;background:linear-gradient(to right,transparent,#10b981,transparent)}.tech-tooltip-gradient-2{position:absolute;bottom:-1px;left:20%;width:30%;height:1px;background:linear-gradient(to right,transparent,#0ea5e9,transparent)}.tech-tooltip-name{font-size:.8rem;font-weight:500;color:#fff;font-family:Poppins,sans-serif}.project-card-actions{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:5;opacity:0;transform:translateY(-10px);transition:all .3s ease}.project-card:hover .project-card-actions{opacity:1;transform:translateY(0)}.project-card-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#fff;text-decoration:none;transition:all .2s ease}.project-card-action-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.1)}.project-card-action-btn svg{width:16px;height:16px}.project-card-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:20px;background:linear-gradient(135deg,rgba(192,192,192,.1) 0%,transparent 50%,rgba(192,192,192,.05) 100%);opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:0}.project-card:hover .project-card-glow{opacity:1}.card-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;height:100vh;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px}.card-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card-modal{position:relative;z-index:101;width:100%;max-width:900px;background:#0a0a0a;border:1px solid rgba(192,192,192,.15);border-radius:24px;padding:40px;margin:40px 0}.card-modal-close{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(192,192,192,.2);color:#fff;cursor:pointer;transition:all .2s ease}.card-modal-close:hover{background:#ffffff26;border-color:#c0c0c066}.card-modal-close svg{width:20px;height:20px}.card-modal-header{margin-bottom:32px}.card-modal-category{display:inline-block;font-size:.75rem;font-weight:400;color:gray;text-transform:uppercase;letter-spacing:2px;font-family:Poppins,sans-serif;margin-bottom:12px}.card-modal-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:400;color:#fff;margin:0 0 20px;font-family:Poppins,sans-serif;line-height:1.2}.card-modal-tech{margin-bottom:24px}.card-modal-tech .tech-icon-wrapper{width:40px;height:40px}.card-modal-tech .tech-icon{width:22px;height:22px}.card-modal-buttons{display:flex;gap:12px;flex-wrap:wrap}.card-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:.9rem;font-weight:400;font-family:Poppins,sans-serif;text-decoration:none;transition:all .3s ease;border:1px solid transparent}.card-btn svg{width:18px;height:18px}.card-btn-live{background:#fff;color:#000;border-color:#fff}.card-btn-live:hover{background:transparent;color:#fff;box-shadow:0 0 25px #fff3}.card-btn-github{background:transparent;color:silver;border-color:#c0c0c066}.card-btn-github:hover{border-color:silver;color:#fff;box-shadow:0 0 25px #c0c0c026}.card-modal-content{padding-top:24px;border-top:1px solid rgba(192,192,192,.1)}.project-detail-block{background:#ffffff08;border:1px solid rgba(192,192,192,.08);border-radius:16px;padding:24px;margin-bottom:20px}.project-detail-block p{font-size:1rem;font-weight:300;color:#a0a0a0;line-height:1.7;font-family:Poppins,sans-serif;margin:0}.project-detail-block img{width:100%;max-width:600px;height:auto;border-radius:12px;margin-top:20px;display:block;margin-left:auto;margin-right:auto}@media (max-width: 768px){.carousel-items{padding-left:20px;gap:16px}.carousel-item:last-child{padding-right:20px}.project-card{width:240px;height:320px}.project-card-title{font-size:1.2rem}.carousel-controls{padding:0 20px}.carousel-btn{width:40px;height:40px}.card-modal{padding:24px;margin:20px 0}.card-modal-buttons{flex-direction:column}.card-btn{justify-content:center}}@media (max-width: 480px){.project-card{width:260px;height:340px}.project-card-content{padding:16px}.project-card-title{font-size:1.1rem}.tech-icon-wrapper{width:28px;height:28px}.tech-icon{width:14px;height:14px}}.projects-section{position:relative;width:100%;background:#000;padding:60px 0 70px;overflow:hidden}.projects-container{width:100%}.projects-header{max-width:1400px;margin:0 auto 24px;padding:0 32px}.projects-label{display:inline-block;font-size:.75rem;font-weight:300;color:gray;text-transform:uppercase;letter-spacing:3px;font-family:Poppins,sans-serif;margin-bottom:16px}.projects-title{font-size:clamp(2rem,5vw,3rem);font-weight:300;color:#fff;line-height:1.2;margin:0 0 20px;font-family:Poppins,sans-serif;letter-spacing:-1px}.projects-subtitle{font-size:1rem;font-weight:300;color:#a0a0a0;max-width:600px;line-height:1.6;margin:0;font-family:Poppins,sans-serif}@media (max-width: 768px){.projects-section{padding:80px 0 100px}.projects-header{padding:0 20px;margin-bottom:20px}.projects-title{font-size:1.75rem}.projects-subtitle{font-size:.9rem}}.cta-section{position:relative;background:#000;padding:84px 0 52px}.cta-shell{max-width:1280px;margin:0 auto;padding:42px 60px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:radial-gradient(circle at 12% 16%,rgba(255,255,255,.08),transparent 30%),linear-gradient(145deg,#ffffff08,#ffffff02)}.cta-kicker{margin:0 0 14px;color:gray;font-family:Poppins,sans-serif;font-size:.72rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase}.cta-title{margin:0;max-width:900px;color:#fff;font-family:Poppins,sans-serif;font-size:clamp(2rem,4.2vw,3.2rem);font-weight:300;line-height:1.14;letter-spacing:-.03em}.cta-text{margin:18px 0 0;max-width:720px;color:#ababab;font-family:Poppins,sans-serif;font-size:1rem;font-weight:300;line-height:1.65}.cta-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font-family:Poppins,sans-serif;font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;font-weight:300;padding:11px 20px;transition:all .22s ease}.cta-btn-primary{color:#030303;background:#fff;border:1px solid #ffffff}.cta-btn-primary:hover{background:#dcdcdc}.cta-btn-secondary{color:#e7e7e7;background:#ffffff0a;border:1px solid rgba(255,255,255,.22)}.cta-btn-secondary:hover{background:#ffffff1a}@media (max-width: 900px){.cta-shell{margin:0 22px;padding:34px 24px}}@media (max-width: 480px){.cta-section{padding:62px 0 36px}.cta-shell{margin:0 16px;border-radius:18px;padding:28px 16px}}.testimonials-section{position:relative;background:#000;padding:48px 0 88px;overflow:hidden}.testimonials-header{max-width:1400px;margin:0 auto 24px;padding:0 60px}.testimonials-kicker{margin:0 0 12px;color:gray;font-family:Poppins,sans-serif;font-size:.72rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase}.testimonials-title{margin:0;color:#fff;font-family:Poppins,sans-serif;font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:300;letter-spacing:-.02em}.marquee-wrap{display:grid;gap:14px}.marquee-row{display:flex;width:max-content;gap:14px}.marquee-left{animation:marqueeLeft 50s linear infinite}.marquee-right{animation:marqueeRight 54s linear infinite}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.testimonial-card{width:420px;min-height:190px;padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.07),transparent 42%),linear-gradient(140deg,#ffffff08,#ffffff03)}.testimonial-quote{margin:0;color:#d6d6d6;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:300;line-height:1.6}.testimonial-name{margin:18px 0 4px;color:#fff;font-family:Poppins,sans-serif;font-size:.84rem;letter-spacing:.08em;text-transform:uppercase}.testimonial-company{margin:0;color:#969696;font-family:Poppins,sans-serif;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase}@media (max-width: 900px){.testimonials-header{padding:0 22px}.testimonial-card{width:320px;min-height:170px;padding:18px}}@media (max-width: 480px){.testimonials-section{padding:36px 0 62px}.testimonials-header{padding:0 16px;margin-bottom:18px}.testimonial-card{width:280px}}.contact-section{position:relative;background:#000;padding:20px 0 94px}.contact-grid{max-width:1400px;margin:0 auto;padding:0 60px;display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.contact-copy,.contact-panel{border:1px solid rgba(255,255,255,.09);border-radius:22px;background:radial-gradient(circle at 14% 8%,rgba(255,255,255,.06),transparent 38%),linear-gradient(140deg,#ffffff07,#ffffff02);padding:34px}.contact-kicker,.contact-panel-label{margin:0 0 12px;color:gray;font-family:Poppins,sans-serif;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}.contact-title{margin:0;color:#fff;font-family:Poppins,sans-serif;font-size:clamp(1.8rem,3.9vw,2.9rem);font-weight:300;line-height:1.18;letter-spacing:-.03em}.contact-text,.contact-panel-text{margin:16px 0 0;color:#adadad;font-family:Poppins,sans-serif;font-size:.96rem;font-weight:300;line-height:1.62}.contact-points{margin-top:22px;display:grid;gap:10px}.contact-point{display:flex;align-items:center;gap:10px;color:#dfdfdf;text-decoration:none;font-family:Poppins,sans-serif;font-size:.9rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff05;padding:10px 12px}.contact-point svg{color:#a0a0a0}.contact-panel-title{margin:0;color:#f2f2f2;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:300}.contact-panel-actions{margin-top:24px;display:grid;gap:10px}.contact-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font-family:Poppins,sans-serif;font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;padding:11px 16px;transition:all .2s ease}.contact-btn-primary{color:#020202;border:1px solid #ffffff;background:#fff}.contact-btn-primary:hover{background:#dfdfdf}.contact-btn-secondary{color:#d8d8d8;border:1px solid rgba(255,255,255,.2);background:#ffffff0a}.contact-btn-secondary:hover{background:#ffffff1a}@media (max-width: 1050px){.contact-grid{grid-template-columns:1fr}}@media (max-width: 900px){.contact-grid{padding:0 22px}.contact-copy,.contact-panel{padding:24px}}@media (max-width: 480px){.contact-section{padding:12px 0 62px}.contact-grid{padding:0 16px;gap:14px}.contact-copy,.contact-panel{padding:18px;border-radius:16px}}.site-footer{background:#000;border-top:1px solid rgba(255,255,255,.08);padding:20px 0 32px}.site-footer-inner{max-width:1400px;margin:0 auto;padding:0 60px;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:16px}.site-footer-brand{margin:0;color:#f0f0f0;font-family:Poppins,sans-serif;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.site-footer-nav{display:flex;gap:14px}.site-footer-nav a{color:#9e9e9e;text-decoration:none;font-family:Poppins,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.site-footer-nav a:hover{color:#fff}.site-footer-social{gap:10px}.site-footer-social a{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);background:#ffffff08;color:#b4b4b4;font-size:.95rem;text-transform:none;letter-spacing:normal;transition:all .18s ease}.site-footer-social a:hover{color:#fff;border-color:#ffffff47;background:#ffffff1a}.site-footer-copy{margin:0;color:#7f7f7f;font-family:Poppins,sans-serif;font-size:.76rem;letter-spacing:.06em}@media (max-width: 900px){.site-footer-inner{padding:0 22px;grid-template-columns:1fr;justify-items:center;text-align:center}.site-footer-nav,.site-footer-nav-external{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.site-footer{padding:16px 0 26px}.site-footer-inner{padding:0 16px}}*{margin:0;padding:0;box-sizing:border-box}:root{--sb-track: rgba(10, 10, 10, .88);--sb-track-2: rgba(26, 26, 26, .72);--sb-thumb-a: rgba(220, 220, 220, .55);--sb-thumb-b: rgba(95, 95, 95, .55);--sb-glow: rgba(192, 192, 192, .18);--sb-accent: rgba(140, 255, 255, .1)}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(185,185,185,.55) rgba(15,15,15,.9);scroll-behavior:smooth;scroll-padding-top:96px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:linear-gradient(180deg,var(--sb-track) 0%,var(--sb-track-2) 100%);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 12px 22px #000000a6}::-webkit-scrollbar-thumb{border-radius:999px;border:3px solid rgba(0,0,0,.55);background-clip:padding-box;background-image:radial-gradient(120% 70% at 30% 15%,#ffffff59,#ffffff14 45%,#fff0 70%),linear-gradient(180deg,var(--sb-thumb-a) 0%,rgba(160,160,160,.35) 40%,var(--sb-thumb-b) 100%),repeating-linear-gradient(45deg,#ffffff14 0,#ffffff14 8px,#00000014 8px,#00000014 16px);background-size:140% 140%,140% 140%,120% 120%;background-position:0% 0%,0% 0%,0% 0%;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 16px #c0c0c01a,0 0 22px var(--sb-accent);transition:box-shadow .2s ease,filter .2s ease}::-webkit-scrollbar-thumb:hover{filter:brightness(1.08);box-shadow:inset 0 0 0 1px #ffffff24,0 0 18px #c0c0c029,0 0 30px #8cffff24;animation:sbSheen 2.2s linear infinite}::-webkit-scrollbar-thumb:active{filter:brightness(1.14);box-shadow:inset 0 0 0 1px #ffffff2e,0 0 22px #dcdcdc2e,0 0 34px #8cffff2e}::-webkit-scrollbar-corner{background:#0a0a0af2}@keyframes sbSheen{0%{background-position:0% 0%,0% 0%,0% 0%}to{background-position:120% 120%,120% 120%,140% 140%}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;overflow-x:hidden;font-weight:200}.App{min-height:100vh}@media (max-width: 900px){.hero{min-height:100svh;height:100svh}.hero-wrapper{min-height:100svh;height:auto;justify-content:center;gap:18px;padding:112px 22px 20px}.hero-intro{max-width:100%}.hero-actions{align-items:flex-start}.services-section{margin-top:.3rem;padding:.85rem 0 0}.myself-container,.experience-container,.projects-header,.testimonials-header,.contact-grid,.site-footer-inner,.cta-shell,.tech-stack-header{padding-left:22px;padding-right:22px}.experience-section,.projects-section,.cta-section,.testimonials-section,.contact-section{padding-top:68px;padding-bottom:68px}.experience-title,.projects-title,.cta-title,.testimonials-title,.contact-title{letter-spacing:-.02em;line-height:1.15}.experience-grid{grid-template-columns:1fr}.experience-card{min-height:360px}.experience-card-overlay{position:static;opacity:1;transform:none;margin-top:14px}.experience-card-base,.experience-card:hover .experience-card-base,.experience-card:focus-within .experience-card-base{opacity:1;transform:none}.carousel-controls{justify-content:center;padding:0 22px;margin-top:10px}.carousel-scroll{padding:24px 0 40px}.carousel-items{gap:14px;padding-left:22px}.carousel-item:last-child{padding-right:22px}.project-card{width:min(82vw,320px);height:390px;border-radius:16px}.project-card-content{padding:18px}.project-card-title{font-size:1.15rem}.project-card-actions{opacity:1;transform:none;top:12px;right:12px}.project-card-action-btn{width:34px;height:34px}.testimonial-card{width:min(82vw,340px);min-height:180px}.marquee-left{animation-duration:42s}.marquee-right{animation-duration:45s}.contact-copy,.contact-panel,.cta-shell,.experience-showcase{border-radius:16px}.contact-point{padding:11px 12px;font-size:.86rem}.site-footer-inner{gap:12px}.staggered-menu-header{padding:0}.staggered-menu-panel,.sm-prelayers{width:100vw}.sm-panel-item{font-size:clamp(1.6rem,8vw,2.4rem);letter-spacing:-.03em;padding-right:0}.sm-panel-list[data-numbering] .sm-panel-item:after{transform:translateY(.14em);font-size:14px}}@media (min-width: 561px) and (max-width: 699px){.navbar-content,.navbar--dead .navbar-content{padding:1.1rem 1.35rem}.navbar--active .navbar-content{padding:.85rem 1.35rem}.hero-wrapper{min-height:100svh;padding-top:122px;padding-bottom:24px;justify-content:space-between;gap:1rem}.hero-intro{justify-content:flex-start;padding-top:.5rem}}@media (min-width: 700px) and (max-width: 900px){.navbar-content,.navbar--dead .navbar-content{padding:1.15rem 1.6rem}.navbar--active .navbar-content{padding:.9rem 1.6rem}.hero-wrapper{min-height:100svh;padding-top:128px;padding-bottom:28px;justify-content:space-between;gap:1rem}.hero-intro{justify-content:flex-start;padding-top:.75rem}}@media (max-width: 560px){.navbar-content,.navbar--dead .navbar-content,.navbar--active .navbar-content{padding-left:14px;padding-right:14px}.hero-wrapper,.myself-container,.experience-container,.projects-header,.testimonials-header,.contact-grid,.site-footer-inner,.cta-shell,.tech-stack-header,.about-me{padding-left:16px;padding-right:16px}.hero{min-height:100svh;height:100svh}.hero-wrapper{min-height:100svh;padding-top:84px;padding-bottom:14px}.hero-title,.myself-title,.experience-title,.projects-title,.cta-title,.testimonials-title,.contact-title{font-size:clamp(1.55rem,7.8vw,1.95rem)}.hero-subtitle,.myself-description,.experience-subtitle,.projects-subtitle,.cta-text,.contact-text{font-size:.9rem;line-height:1.58}.btn-primary,.btn-outline{width:100%;max-width:100%}.services-section{display:none}.project-card{width:min(86vw,310px);height:370px}.testimonial-card{width:min(86vw,300px);min-height:168px;padding:16px}.experience-card{min-height:340px;padding:14px}.experience-logo-shell{width:88px;height:88px;border-radius:18px}.experience-company{font-size:1.02rem}.experience-role-preview{font-size:.74rem}.cta-actions,.contact-panel-actions{grid-template-columns:1fr;width:100%}.cta-btn,.contact-btn{width:100%}.site-footer-nav{gap:10px}.site-footer-nav a{font-size:.72rem}.site-footer-social a{width:32px;height:32px}.staggered-menu-panel,.sm-prelayers{width:100vw}.staggered-menu-panel{padding:5.4em 1.25em 1.5em}.sm-socials{padding-top:1.4rem}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:200;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:block;min-width:320px;min-height:100vh}#root{width:100%;margin:0;padding:0}