.iridescence-container{width:100%;height:100%;position:absolute;inset:0}.pill-nav-container{position:relative;z-index:99}.pill-nav{--nav-h: 42px;--pill-pad-x: 18px;--pill-gap: 3px;width:max-content;display:flex;align-items:center;box-sizing:border-box}.pill-logo{width:var(--nav-h);height:var(--nav-h);margin-right:6px;border-radius:50%;background:var(--base);color:var(--pill-bg);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:Syncopate,sans-serif;font-weight:700;font-size:17px;box-shadow:0 0 0 1px #ffffff14,0 8px 30px #00000040}.pill-nav-items{height:var(--nav-h);background:var(--base);border-radius:9999px;padding:4px;display:flex;align-items:center;overflow:hidden}.pill-list{list-style:none;display:flex;align-items:center;justify-content:center;gap:4px;margin:0;padding:0;height:100%;width:100%}.pill-list>li{display:flex;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg);color:var(--pill-text);text-decoration:none;border-radius:9999px;font-weight:600;font-size:13px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;cursor:pointer;position:relative}.pill .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:var(--base);z-index:1;pointer-events:none;will-change:transform}.label-stack{position:relative;display:inline-block;line-height:1;z-index:2}.pill-label,.pill-label-hover{display:inline-block;line-height:1;will-change:transform,opacity}.pill-label-hover{position:absolute;left:0;top:0;color:var(--hover-text);z-index:3}.pill.is-active:after{content:"";position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--base);border-radius:50px;z-index:10}.desktop-only{display:block}.mobile-only{display:none}.mobile-menu-button{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--base);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0}.hamburger-line{width:16px;height:2px;background:var(--pill-bg);border-radius:1px}.mobile-menu-popover{position:absolute;top:3.4rem;left:1rem;right:1rem;background:var(--base);border-radius:27px;box-shadow:0 8px 32px #00000047;opacity:0;transform:translateY(10px);visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s}.mobile-menu-popover.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-menu-list{list-style:none;margin:0;padding:3px;display:flex;flex-direction:column;gap:3px}.mobile-menu-link{display:block;padding:13px 16px;color:var(--pill-text);background:var(--pill-bg);text-decoration:none;font-size:14px;font-weight:600;border-radius:50px}@media(max-width:768px){.pill-nav{width:100%;justify-content:space-between}.pill-logo{margin-right:0}.desktop-only{display:none}.mobile-only{display:flex}.pill-nav-container{width:100%}}.loader-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:180px;height:180px;font-family:Inter,sans-serif;font-size:1.2em;font-weight:300;color:#fff;border-radius:50%;background-color:transparent;-webkit-user-select:none;user-select:none}.loader{position:absolute;top:50;left:50;width:100%;aspect-ratio:1 / 1;border-radius:50%;background-color:transparent;animation:loader-rotate 2s linear infinite;z-index:0}@keyframes loader-rotate{0%{transform:rotate(90deg);box-shadow:0 10px 20px #fff inset,0 20px 30px #ad5fff inset,0 60px 60px #471eec inset}50%{transform:rotate(270deg);box-shadow:0 10px 20px #fff inset,0 20px 10px #d60a47 inset,0 40px 60px #311e80 inset}to{transform:rotate(450deg);box-shadow:0 10px 20px #fff inset,0 20px 30px #ad5fff inset,0 60px 60px #471eec inset}}.loader-letter{display:inline-block;opacity:.4;transform:translateY(0);animation:loader-letter-anim 2s infinite;z-index:1;border-radius:50ch;border:none}.loader-letter:nth-child(1){animation-delay:0s}.loader-letter:nth-child(2){animation-delay:.1s}.loader-letter:nth-child(3){animation-delay:.2s}.loader-letter:nth-child(4){animation-delay:.3s}.loader-letter:nth-child(5){animation-delay:.4s}.loader-letter:nth-child(6){animation-delay:.5s}.loader-letter:nth-child(7){animation-delay:.6s}.loader-letter:nth-child(8){animation-delay:.7s}.loader-letter:nth-child(9){animation-delay:.8s}.loader-letter:nth-child(10){animation-delay:.9s}@keyframes loader-letter-anim{0%,to{opacity:.4;transform:translateY(0)}20%{opacity:1;transform:scale(1.15)}40%{opacity:.7;transform:translateY(0)}}.pill-logo .loader-wrapper{width:90px;height:90px;font-size:.9em;transform:scale(1)}.toggle-cont{--primary: #54a8fc;--light: #d9d9d9;--dark: #121212}.toggle-input{display:none}.toggle-label{--gap: 5px;--width: 20px;cursor:pointer;position:relative;display:inline-block;padding:.5rem;width:calc((var(--width) + var(--gap)) * 2);height:100%;background:var(--dark);border:1px solid #777;border-bottom:0;border-radius:9999px;box-sizing:content-box;transition:all .3s ease-in-out}.toggle-label:before{content:"";position:absolute;z-index:-10;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:var(--gray);border-bottom:0;border-radius:9999px}.toggle-label:after{content:"";position:absolute;z-index:-10;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at 50% -100%,#3a9bfc,#0c0c0c 80%);border-radius:9999px}.cont-icon{overflow:clip;position:relative;display:flex;justify-content:center;align-items:center;width:var(--width);height:20px;background:radial-gradient(circle at 50% 0%,#666 0%,var(--gray) 100%);border:1px solid #aaa;border-bottom:0;border-radius:9999px;box-shadow:inset 0 -.15rem .15rem var(--primary),inset 0 0 .5rem .75rem var(--gray);transition:transform .3s ease-in-out}.sparkle{position:absolute;top:50%;left:50%;display:block;width:var(--spark-width);aspect-ratio:1;background:var(--light);border-radius:50%;transform-origin:50% 50%;rotate:var(--deg);transform:translate(-50%,-50%);animation:sparkle var(--duration) linear infinite}@keyframes sparkle{to{width:.5px;transform:translate(2000%,-50%)}}.icon{width:.5rem;fill:var(--light)}.toggle-cont.checked .toggle-label{background:transparent;border-color:#3d6970}.toggle-cont.checked .cont-icon{overflow:visible;background:radial-gradient(circle at 50% 0%,#045ab1 0%,var(--primary) 100%);border-color:var(--primary);transform:translate(calc((var(--gap) * 2) + 100%)) rotate(-225deg)}.toggle-cont.checked .sparkle{z-index:-10;width:calc(var(--spark-width) * 1.5);background:#acacac;animation-name:sparkle-checked}@keyframes sparkle-checked{to{width:var(--spark-width);transform:translate(5000%,-50%)}}.warp-text{position:relative;display:block;width:100%;min-height:220px;overflow:hidden;isolation:isolate;border-radius:inherit}.warp-text canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.void-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;filter:url(#goo)}.void-wrapper .singularity{position:absolute;bottom:50px;width:60px;height:60px;background:#000;border-radius:50%;opacity:0;display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.34,1.56,.64,1);transform:translateY(40px) scale(.1)}.void-wrapper .content{opacity:0;transition:.3s;color:#fff;font-family:Syncopate,sans-serif;font-size:.65rem;letter-spacing:3px;text-shadow:0 0 10px #fff;white-space:nowrap}.void-wrapper .event-horizon{position:relative;z-index:2;padding:13px 20px;background:#000;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;text-decoration:none;font-family:Syncopate,sans-serif;font-size:11px;font-weight:900;letter-spacing:2px;transition:.3s}.void-wrapper:hover .singularity{opacity:1;width:180px;height:50px;border-radius:20px;transform:translateY(-3px) scale(1)}.void-wrapper:hover .content{opacity:1;transition-delay:.4s}.void-wrapper:hover .event-horizon{box-shadow:0 0 30px #fff3;transform:scale(.95);letter-spacing:6px}.void-wrapper .singularity:before{content:"";position:absolute;inset:-5px;border-radius:inherit;background:linear-gradient(45deg,#f0f,#0ff,#f0f);z-index:-1;filter:blur(10px);animation:rotate 2s linear infinite;opacity:0;transition:.5s}.void-wrapper:hover .singularity:before{opacity:.7}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}: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(125, 190, 255, .67);--behind-glow-size: 25%;--inner-gradient: none;--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--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: 30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none;isolation:isolate}.pc-behind{position:absolute;inset:-30px;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0%,rgba(125,190,255,.35) 25%,transparent 70%);filter:blur(35px) saturate(1.4);opacity:.9;transition:opacity .2s ease}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: 1}.pc-card{height:80svh;max-height:540px;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:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(0) rotateX(0) rotateY(0);background:#000000e6;backface-visibility:hidden;overflow:hidden}.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{inset:0;position:absolute;background-image:var(--inner-gradient);background-color:#000000e6;transform:none}.pc-shine{mask-image:none;-webkit-mask-image:none;transition:filter .8s ease;filter:brightness(.8) contrast(1.25) saturate(.7) opacity(.7);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),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 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(.85) contrast(1.5) saturate(.5);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%,70%) 0%,hsla(0,0%,30%,.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(.5 + var(--pointer-from-center)));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(.8) contrast(1.5)}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,25%,80%) 12%,hsla(207,40%,30%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content{mix-blend-mode:luminosity;overflow:visible;transform:translateZ(2);backface-visibility:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform-origin:50% 100%;transform:translate(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));bottom:-1px;backface-visibility:hidden;will-change:transform;transition:transform .12s ease-out}.pc-avatar-content:before{content:"";position:absolute;inset:0;z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.pc-user-info{position:absolute;--ui-inset: 20px;--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:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);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:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.pc-handle{font-size:14px;font-weight:500;color:#ffffffe6;line-height:1}.pc-status{font-size:14px;color:#ffffffb3;line-height:1}.pc-contact-btn{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:12px;font-weight:600;color:#ffffffe6;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pc-contact-btn:hover{border-color:#fff6;transform:translateY(-1px);transition:all .2s ease}.pc-content:not(.pc-avatar-content){max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px);z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-weight:600;font-size:min(5svh,2.3em);margin:0;background-image:linear-gradient(to bottom,#fff,#6f6fbe);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{font-weight:600;position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;background-image:linear-gradient(to bottom,#fff,#4a4ac0);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}@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:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{--ui-inset: 15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media(max-width:480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{--ui-inset: 12px;padding:8px 10px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{padding:5px 10px;font-size:10px;border-radius:50px}}@media(max-width:320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{padding:6px 8px}.pc-mini-avatar{width:20px;height:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{padding:4px 8px;font-size:9px;border-radius:50px}}.github-card-filters{position:absolute;width:0;height:0;pointer-events:none}.github-card-container{position:relative;width:100%;max-width:400px;height:300px;display:flex;justify-content:center;align-items:center;overflow:visible;flex-shrink:0}.github-card-container .card-border{position:absolute;inset:0;background:transparent;border-radius:.875em;pointer-events:none}.github-card-container .card{position:absolute;inset:.125em;border-radius:.875em;background:#111215eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;z-index:1}.github-card-container .header{background:#0b0d10;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid #1d1f23}.github-card-container .top-header{display:flex;align-items:center;gap:8px;padding:10px 12px 0}.github-card-container .repo{display:flex;align-items:center;gap:8px}.github-card-container .repo a,.github-card-container .repo span{text-decoration:none;color:#bebebe;font-weight:300;font-size:14px}.github-card-container .repo-name{color:#fff!important;font-weight:400!important}.github-card-container .repo-slash{font-size:10px}.github-card-container .space{flex-grow:1}.github-card-container .icon{cursor:pointer;display:flex;align-items:center;justify-content:center;height:1.5em;width:1.5em;padding:.25em;border-radius:.25em;fill:#797d86;outline:1px solid #303236;transition:.3s}.github-card-container .icon:hover{background:#ffffff12}.github-card-container .icon svg{width:1em;height:1em}.github-card-container .gh-icon{display:flex;width:2em;height:2em;fill:#fff}.github-card-container .gh-icon svg{width:100%;height:100%}.github-card-container .btm-header{display:flex;padding:0 10px;gap:8px;color:#fff;fill:#fff}.github-card-container .tab{position:relative;padding:4px 4px 12px;display:flex;align-items:center;gap:4px;font-size:14px;cursor:pointer}.github-card-container .tab-icon{color:#797d86;font-size:12px}.github-card-container .tab.active{border-bottom:2px solid #e98463}.github-card-container .content{height:100%;overflow:hidden}.github-card-container .prs{margin:12px;height:calc(100% - 24px);display:flex;flex-direction:column;gap:1px;border:1px solid #343539;border-radius:6px;overflow:auto}.github-card-container .prs::-webkit-scrollbar{width:0}.github-card-container .pr{display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;outline:1px solid #343539;padding:8px;box-sizing:border-box}.github-card-container .checkbox{position:relative;width:1em;height:1em;border-radius:2px;outline:1px solid #343539}.github-card-container .pr-icon{display:flex;width:1em;height:1em;color:#63d188;font-size:13px}.github-card-container .pr-text{display:flex;flex-direction:column}.github-card-container .pr-title{font-size:12px;font-weight:600;cursor:pointer}.github-card-container .pr-title:hover{color:#4493f8}.github-card-container .pr-desc{padding-left:2px;font-size:10px;color:#797d86}.github-card-container .card input{display:none}.github-card-container .pfp{width:1.75em;height:1.75em;border-radius:50%;background-color:#fff1;background-size:cover;background-position:center}.github-card-container .backdrop{position:absolute;inset:-100%;background:transparent;z-index:-1;pointer-events:none}.github-card-container .spin-blur{z-index:0;filter:blur(3em) url(#unopaq)}.github-card-container .spin-intense{inset:-.125em;z-index:0;filter:blur(.5em) url(#unopaq2);border-radius:.75em}.github-card-container .spin-inside{inset:-2px;z-index:2;border-radius:inherit;filter:blur(2px) url(#unopaq3)}.github-card-container .spin:before{content:"";position:absolute;inset:-30%;animation:github-card-speen 8s cubic-bezier(.56,.15,.28,.86) infinite}.github-card-container .spin-blur:before{background:linear-gradient(-45deg,#f50,#0000 46% 54%,#05f)}.github-card-container .spin-intense:before{background:linear-gradient(-45deg,#f95,#0000 35% 65%,#59f)}.github-card-container .spin-inside:before{background:linear-gradient(-45deg,#fc9,#0000 35% 65%,#9cf)}@keyframes github-card-speen{0%{rotate:10deg}50%{rotate:190deg}to{rotate:370deg}}@media(max-width:768px){.github-card-container{position:relative;width:100%;max-width:400px;height:300px;display:flex;justify-content:center;align-items:center;overflow:visible}}.card{z-index:1}.card-border{z-index:0}.spin-inside{z-index:2}.camera-card-container{--plastic-beige: #f4f1ea;--plastic-shadow: #dcd8cf;--lens-black: #111;--stripe-red: #e73639;--stripe-orange: #f28c31;--stripe-yellow: #fcd958;--stripe-green: #67b848;--stripe-blue: #2c93d8;width:100%;min-height:400px;display:flex;justify-content:center;align-items:center;font-family:Righteous,cursive;overflow:visible;background:transparent}.camera-card-container .camera-wrapper{position:relative;width:340px;height:400px;display:flex;justify-content:center;perspective:1000px}.camera-card-container .shutter-input{display:none}.camera-card-container .camera-body{position:relative;width:320px;height:340px;background-color:var(--plastic-beige);border-radius:30px 30px 40px 40px;box-shadow:inset 0 0 20px #0000001a,0 20px 40px #00000080;z-index:10;display:flex;flex-direction:column;align-items:center;padding-top:20px;overflow:hidden}.camera-card-container .camera-body:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;border-radius:30px;box-shadow:inset 2px 2px 5px #fffc;pointer-events:none;z-index:20}.camera-card-container .rainbow-stripe{position:absolute;top:0;bottom:0;width:60px;background:linear-gradient(to right,var(--stripe-red) 20%,var(--stripe-orange) 20% 40%,var(--stripe-yellow) 40% 60%,var(--stripe-green) 60% 80%,var(--stripe-blue) 80%);box-shadow:inset 0 0 10px #0000001a;z-index:1}.camera-card-container .bottom-lip{position:absolute;bottom:0;left:0;right:0;height:20px;background:#e6e2d8;border-top:2px solid #ccc;z-index:15}.camera-card-container .lens-housing{width:180px;height:180px;background:#111;border-radius:50%;margin-top:40px;position:relative;z-index:5;box-shadow:0 10px 20px #0006,0 0 0 4px #ccc;display:flex;justify-content:center;align-items:center}.camera-card-container .lens-ring{width:160px;height:160px;border-radius:50%;border:2px dashed #444;position:absolute;animation:camera-focus-turn 10s linear infinite}@keyframes camera-focus-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.camera-card-container .lens-glass{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#444,#000 70%);position:relative;overflow:hidden;box-shadow:inset 0 0 10px #000}.camera-card-container .lens-glass:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.1) 0%,transparent 10%),radial-gradient(circle at 40% 60%,rgba(100,0,255,.2) 0%,transparent 20%),linear-gradient(135deg,transparent 45%,rgba(255,255,255,.2) 50%,transparent 55%);pointer-events:none}.camera-card-container .aperture{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#050505;border-radius:50%;border:1px solid #333}.camera-card-container .viewfinder{position:absolute;top:30px;left:30px;width:60px;height:50px;background:#222;border-radius:5px;border:4px solid #ccc;box-shadow:inset 0 0 10px #000;overflow:hidden}.camera-card-container .viewfinder:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent)}.camera-card-container .flash-unit{position:absolute;top:30px;right:30px;width:80px;height:30px;background:#eee;border:2px solid #ccc;border-radius:4px;background-image:repeating-linear-gradient(90deg,#ddd 0,#ddd 2px,transparent 2px,transparent 4px)}.camera-card-container .shutter-btn{position:absolute;bottom:40px;right:30px;width:60px;height:60px;background:radial-gradient(circle at 30% 30%,#ff4d4d,#c00);border-radius:50%;border:4px solid #ddd;cursor:pointer;box-shadow:0 5px 10px #0000004d,inset 0 2px 5px #fff6;z-index:20;transition:transform .1s ease,box-shadow .1s ease}.camera-card-container .shutter-btn:active{transform:scale(.95);box-shadow:0 2px 5px #0000004d}.camera-card-container .shutter-label{width:100%;height:100%;display:block;cursor:pointer}.camera-card-container .label-plate{position:absolute;bottom:40px;left:30px;font-size:.8rem;color:#888;background:#e6e2d8;padding:5px;border:1px solid #ccc;border-radius:4px}.camera-card-container .film-slot{position:absolute;top:300px;left:50%;transform:translate(-50%);width:240px;height:280px;background:#fff;padding:15px 15px 50px;box-shadow:0 5px 15px #0003;z-index:1;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.camera-card-container .film-image{width:100%;height:100%;background:#000;overflow:hidden;position:relative}.camera-card-container .film-content{width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M0 100 L30 65 L55 90 L80 45 L120 100 Z' fill='%23555555'/%3E%3Cpath d='M0 110 L35 75 L65 100 L90 65 L120 110 Z' fill='%23333333'/%3E%3C/svg%3E"),linear-gradient(to bottom,#87ceeb,#228b22);background-size:cover;opacity:0}.camera-card-container .film-content:after{content:"⛰";position:absolute;bottom:10px;left:20px;font-size:4rem;color:#333;opacity:.8}.camera-card-container .film-content:before{content:"☀";position:absolute;top:10px;right:10px;font-size:3rem;color:#ff0;opacity:.8}.camera-card-container #snap:checked~.film-slot{transform:translate(-50%,220px) rotate(-2deg);z-index:5}.camera-card-container #snap:checked~.film-slot .film-content{animation:camera-develop 4s ease-in forwards;animation-delay:.6s}@keyframes camera-develop{0%{opacity:0;filter:grayscale(100%) contrast(200%)}50%{opacity:.5;filter:grayscale(50%) contrast(150%)}to{opacity:1;filter:grayscale(0%) contrast(100%) sepia(20%)}}.camera-card-container .flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;pointer-events:none;z-index:100}.camera-card-container #snap:checked~.flash-overlay{animation:camera-flash-bang .2s ease-out}@keyframes camera-flash-bang{0%{opacity:.8}to{opacity:0}}.camera-card-container #snap:checked~.camera-body .shutter-btn{transform:scale(.95);box-shadow:inset 0 2px 5px #0003}.camera-card-container .camera-body{transition:transform .35s ease,box-shadow .35s ease}.camera-card-container:hover .camera-body{transform:translateY(-5px);box-shadow:inset 0 0 20px #0000001a,0 28px 50px #0000008c}.camera-card-container .lens-housing{transition:transform .35s ease}.camera-card-container:hover .lens-housing{transform:scale(1.025)}@media(max-width:800px){.camera-card-container{min-height:400px;transform:scale(.9);transform-origin:center center}}@media(max-width:480px){.camera-card-container{min-height:360px;transform:scale(.78);transform-origin:center center}}.laptop-card{position:relative;width:100%;height:400px;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:visible;isolation:isolate}.laptop-card .laptop-loader{position:relative;width:26em;height:24em;font-size:10px;flex-shrink:0;z-index:1;overflow:visible}.laptop-card .lp-aura{position:absolute;top:4%;left:50%;width:27em;height:18em;transform:translate(-50%);background:radial-gradient(ellipse,rgba(110,231,183,.3) 0%,rgba(110,231,183,.1) 42%,transparent 100%);filter:blur(.5em);animation:laptop-aura 6s ease-in-out infinite}@keyframes laptop-aura{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.9;transform:translate(-50%) scale(1.08)}}.laptop-card .lp-particles{position:absolute;inset:0;pointer-events:none}.laptop-card .lp-particle{position:absolute;border-radius:50%;background:radial-gradient(circle,#6ee7b7,#6ee7b700 70%);opacity:0;animation:laptop-drift ease-in-out infinite}.laptop-card .lp-particle:nth-child(1){width:.22em;height:.22em;top:20%;left:8%;animation-duration:5.2s}.laptop-card .lp-particle:nth-child(2){width:.32em;height:.32em;top:58%;left:88%;animation-duration:6.4s;animation-delay:1.1s}.laptop-card .lp-particle:nth-child(3){width:.18em;height:.18em;top:8%;left:82%;animation-duration:4.6s;animation-delay:2.3s}.laptop-card .lp-particle:nth-child(4){width:.26em;height:.26em;top:74%;left:14%;animation-duration:5.8s;animation-delay:3.2s}.laptop-card .lp-particle:nth-child(5){width:.2em;height:.2em;top:38%;left:50%;animation-duration:5s;animation-delay:4.4s}.laptop-card .lp-particle:nth-child(6){width:.15em;height:.15em;top:30%;left:28%;animation-duration:6.8s;animation-delay:.7s}@keyframes laptop-drift{0%{opacity:0;transform:translateY(.6em) scale(.6)}20%{opacity:.9}80%{opacity:.5}to{opacity:0;transform:translateY(-2.6em) scale(1.15)}}.laptop-card .lp-scene{position:absolute;z-index:2;top:1.6em;left:50%;width:22em;transform:translate(-50%);perspective:55em}.laptop-card .lp-laptop{position:relative;transform:rotateX(4deg);transform-style:preserve-3d}.laptop-card .lp-screen{position:relative;width:19.5em;margin:0 auto}.laptop-card .lp-bezel{position:relative;height:13.3em;background:linear-gradient(180deg,#2b303b,#1a1e27);border-radius:.9em .9em .25em .25em;box-shadow:inset 0 .1em #ffffff1f,inset .1em 0 #ffffff0d,inset -.1em 0 #ffffff0d,inset 0 -.15em .3em #00000080,0 0 0 .1em #3a4150,0 0 0 .22em #94a3b82e,0 1.2em 3em #080c148c,0 0 3.6em #6ee7b733;animation:laptop-bezel-glow 6s ease-in-out infinite}@keyframes laptop-bezel-glow{0%,to{box-shadow:inset 0 .1em #ffffff1f,inset .1em 0 #ffffff0d,inset -.1em 0 #ffffff0d,inset 0 -.15em .3em #00000080,0 0 0 .1em #3a4150,0 0 0 .22em #94a3b82e,0 1.2em 3em #080c148c,0 0 3.6em #6ee7b733}50%{box-shadow:inset 0 .1em #ffffff1f,inset .1em 0 #ffffff0d,inset -.1em 0 #ffffff0d,inset 0 -.15em .3em #00000080,0 0 0 .1em #3a4150,0 0 0 .22em #94a3b838,0 1.2em 3em #080c148c,0 0 4.6em #6ee7b761}}.laptop-card .lp-display{position:absolute;inset:.6em .55em .55em;border-radius:.35em;overflow:hidden;background:linear-gradient(150deg,#eef2ef,#e6ece7 45%,#dfe7e0);background-size:220% 220%;box-shadow:inset 0 0 0 .08em #141e1c59,inset 0 .35em 1.4em #1e2d2a33;animation:laptop-bgshift 9s ease-in-out infinite}@keyframes laptop-bgshift{0%,to{background-position:0% 0%}50%{background-position:60% 40%}}.laptop-card .lp-cam{position:absolute;top:.22em;left:50%;width:.22em;height:.22em;transform:translate(-50%);background:#3a4049;border-radius:50%;box-shadow:inset 0 0 0 .05em #22262d,0 0 .25em #6ee7b766}.laptop-card .lp-app{position:absolute;inset:0;display:flex;flex-direction:column}.laptop-card .lp-bar{display:flex;align-items:center;gap:.42em;padding:.45em .55em;background:#ffffffb8;border-bottom:.06em solid rgba(70,90,85,.12);box-shadow:0 .15em .5em #3c504b14}.laptop-card .lp-avatar{position:relative;width:.9em;height:.9em;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f97316);box-shadow:0 .1em .3em #f9731659;flex:none}.laptop-card .lp-avatar:after{content:"";position:absolute;top:-.05em;right:-.05em;width:.3em;height:.3em;border-radius:50%;background:#22c55e;border:.06em solid #fff;animation:laptop-ping 2.2s ease-out infinite}@keyframes laptop-ping{0%{box-shadow:0 0 #22c55e8c}70%,to{box-shadow:0 0 0 .55em #22c55e00}}.laptop-card .lp-barlines{display:flex;flex-direction:column;gap:.15em;flex:1}.laptop-card .lp-barlines i{display:block;height:.17em;border-radius:.1em;background:#8d97a5}.laptop-card .lp-barlines i:first-child{width:52%}.laptop-card .lp-barlines i:last-child{width:30%;background:#b6bfc9}.laptop-card .lp-menudots{display:flex;gap:.13em;flex:none}.laptop-card .lp-menudots i{width:.15em;height:.15em;border-radius:50%;background:#9aa3af}.laptop-card .lp-chat{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.4em;padding:.5em .6em .35em}.laptop-card .lp-msg{max-width:74%;padding:.32em .5em;border-radius:.6em;opacity:0;will-change:transform,opacity}.laptop-card .lp-msgtext{font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif;font-size:.62em;font-weight:600;line-height:1.25;letter-spacing:.01em}.laptop-card .lp-msg--in{align-self:flex-start;background:#fff;border-bottom-left-radius:.14em;box-shadow:0 .16em .4em #3c55502e;transform-origin:bottom left}.laptop-card .lp-msg--in .lp-msgtext{color:#586270}.laptop-card .lp-msg--out{align-self:flex-end;background:linear-gradient(135deg,#4ade80,#22c55e);border-bottom-right-radius:.14em;box-shadow:0 .16em .4em #22c55e59;transform-origin:bottom right}.laptop-card .lp-msg--out .lp-msgtext{color:#fff}.laptop-card .lp-msg--1{animation:laptop-msg-a 7s cubic-bezier(.22,1.6,.36,1) infinite}.laptop-card .lp-msg--2{animation:laptop-msg-b 7s cubic-bezier(.22,1.6,.36,1) infinite}.laptop-card .lp-msg--3{animation:laptop-msg-c 7s cubic-bezier(.22,1.6,.36,1) infinite}@keyframes laptop-msg-a{0%,2%{opacity:0;transform:translateY(.7em) scale(.8)}7%,86%{opacity:1;transform:translateY(0) scale(1)}92%,to{opacity:0;transform:translateY(-.4em) scale(.95)}}@keyframes laptop-msg-b{0%,46%{opacity:0;transform:translateY(.7em) scale(.8)}51%,86%{opacity:1;transform:translateY(0) scale(1)}92%,to{opacity:0;transform:translateY(-.4em) scale(.95)}}@keyframes laptop-msg-c{0%,56%{opacity:0;transform:translateY(.7em) scale(.8)}61%,86%{opacity:1;transform:translateY(0) scale(1)}92%,to{opacity:0;transform:translateY(-.4em) scale(.95)}}.laptop-card .lp-typing{display:flex;align-items:center;gap:.24em;padding:.42em .58em}.laptop-card .lp-typing i{width:.3em;height:.3em;border-radius:50%;background:#98a8a2;animation:laptop-dot 1.05s ease-in-out infinite}.laptop-card .lp-typing i:nth-child(2){animation-delay:.15s}.laptop-card .lp-typing i:nth-child(3){animation-delay:.3s}@keyframes laptop-dot{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-.32em);opacity:1}}.laptop-card .lp-progress{height:.16em;margin:0 .6em .4em;background:#7882822e;border-radius:.1em;overflow:hidden}.laptop-card .lp-progress i{display:block;height:100%;width:30%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:.1em;animation:laptop-progress 7s cubic-bezier(.45,0,.2,1) infinite}@keyframes laptop-progress{0%{width:4%;opacity:1}40%{width:45%}70%{width:78%}92%{width:100%;opacity:1}96%,to{width:100%;opacity:0}}.laptop-card .lp-input{display:flex;align-items:center;gap:.6em;margin:0 .9em 1.5em;padding:.45em .7em .45em .95em;font-size:.7em;background:#ffffffeb;border-radius:.9em;box-shadow:0 .12em .35em #3c555029,inset 0 0 0 .08em #3c55500d}.laptop-card .lp-field{display:flex;align-items:center;flex:1;min-width:0}.laptop-card .lp-typed{font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,Consolas,monospace;font-size:1.1em;font-weight:700;color:#46525e;white-space:nowrap;overflow:hidden;line-height:1.2;padding:.45em 0;width:0;animation:laptop-type 7s linear infinite}@keyframes laptop-type{0%{width:0}8%{width:0;animation-timing-function:steps(5,jump-start)}40%{width:5ch;animation-timing-function:linear}44%{width:5ch;animation-timing-function:steps(1,jump-end)}45%,to{width:0}}.laptop-card .lp-caret{width:.12em;height:1.1em;margin-left:.12em;background:#46525e;border-radius:.06em;flex:none;align-self:center;animation:laptop-caret 1s steps(1) infinite}@keyframes laptop-caret{0%,49%{opacity:1}50%,to{opacity:0}}.laptop-card .lp-send{width:1.7em;height:1.7em;border-radius:50%;background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 .1em .26em #22c55e73;flex:none;position:relative;animation:laptop-sendfire 7s ease-out infinite}.laptop-card .lp-send:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.5em solid #fff}@keyframes laptop-sendfire{0%,42%{transform:scale(1);box-shadow:0 .1em .26em #22c55e73}44%{transform:scale(1.18);box-shadow:0 0 1.1em #4ade80}46%,to{transform:scale(1);box-shadow:0 .1em .26em #22c55e73}}.laptop-card .lp-hinge{width:19.5em;height:.45em;margin:0 auto;background:linear-gradient(180deg,#4a515e,#22262d 60%,#161a20);border-radius:0 0 .22em .22em;box-shadow:inset 0 .06em #ffffff2e}.laptop-card .lp-deck{position:relative;width:22em}.laptop-card .lp-base{position:relative;width:22em;height:5.8em;background:linear-gradient(180deg,#e8ecf1,#c9cfd9 55%,#b2b9c4);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);box-shadow:inset 0 .14em #ffffffb3,inset 0 -.2em .4em #505a6940}.laptop-card .lp-base:before{content:"";position:absolute;top:0;left:8%;right:8%;height:45%;background:linear-gradient(180deg,#6ee7b733,#6ee7b700);pointer-events:none}.laptop-card .lp-keys{position:absolute;top:.5em;left:50%;width:84%;transform:translate(-50%);display:flex;flex-direction:column;gap:.32em}.laptop-card .lp-row{display:flex;gap:.28em;margin:0 auto}.laptop-card .lp-row:nth-child(1){width:80%}.laptop-card .lp-row:nth-child(2){width:87%}.laptop-card .lp-row:nth-child(3){width:94%}.laptop-card .lp-row:nth-child(4){width:100%}.laptop-card .lp-key{flex:1;height:.72em;border-radius:.14em;background:linear-gradient(180deg,#333842,#272b34);box-shadow:0 .16em #161920,0 .24em .4em #00000073,inset 0 .07em #ffffff14}.laptop-card .lp-key--space{flex:4.2}.laptop-card .lp-key--enter{flex:1.9}.laptop-card .lp-key--shift{flex:2.6}.laptop-card .lp-hit{animation:laptop-keypress 7s ease-out infinite}.laptop-card .lp-shift{animation:laptop-shiftpress 7s ease-out infinite}.laptop-card .lp-k1{animation-delay:0s}.laptop-card .lp-k2{animation-delay:-6.552s}.laptop-card .lp-k3{animation-delay:-5.656s}.laptop-card .lp-k4{animation-delay:-5.208s}.laptop-card .lp-k5{animation-delay:-6.104s}.laptop-card .lp-k6{animation-delay:-4.48s}@keyframes laptop-keypress{0%,6.8%,9.5%,to{transform:translateY(0);background:linear-gradient(180deg,#333842,#272b34);box-shadow:0 .16em #161920,0 .24em .4em #00000073,inset 0 .07em #ffffff14}8%{transform:translateY(.12em);background:linear-gradient(180deg,#4ade80,#22c55e);box-shadow:0 .03em #166534,0 0 1em #4ade80b3,inset 0 .05em #ffffff4d}}@keyframes laptop-shiftpress{0%,26.4%,28.6%,32.8%,35%,to{transform:translateY(0);background:linear-gradient(180deg,#333842,#272b34);box-shadow:0 .16em #161920,0 .24em .4em #00000073,inset 0 .07em #ffffff14}27.2%,33.6%{transform:translateY(.12em);background:linear-gradient(180deg,#4ade80,#22c55e);box-shadow:0 .03em #166534,0 0 1em #4ade80b3,inset 0 .05em #ffffff4d}}.laptop-card .lp-pad{position:absolute;bottom:.42em;left:50%;width:4.6em;height:1.1em;transform:translate(-50%);background:#3c465524;border-radius:.3em;box-shadow:inset 0 .07em .12em #28324133,inset 0 -.05em #ffffff80}.laptop-card .lp-front{position:relative;width:22em;height:.55em;margin-top:-.02em;background:linear-gradient(180deg,#aeb5c0,#848b97);border-radius:0 0 .5em .5em;box-shadow:inset 0 .06em #ffffff8c,inset 0 -.1em .14em #28303c4d,0 0 0 .06em #94a3b81f}.laptop-card .lp-front:after{content:"";position:absolute;top:50%;right:1.2em;width:.24em;height:.24em;transform:translateY(-50%);border-radius:50%;background:#4ade80;animation:laptop-led 2.4s ease-in-out infinite}@keyframes laptop-led{0%,to{opacity:1;box-shadow:0 0 .45em #4ade80f2}50%{opacity:.35;box-shadow:0 0 .12em #4ade804d}}.laptop-card .lp-shadow{position:absolute;z-index:0;bottom:.35em;left:50%;width:21em;height:1.7em;transform:translate(-50%);background:radial-gradient(ellipse at 50% 40%,rgba(15,22,30,.4) 0%,transparent 62%),radial-gradient(ellipse,rgba(15,22,30,.22) 0%,transparent 75%);border-radius:50%;animation:laptop-shadow 6s ease-in-out infinite}@keyframes laptop-shadow{0%,to{transform:translate(-50%) scaleX(1);opacity:.95}50%{transform:translate(-50%) scaleX(1.05);opacity:.75}}@media(max-width:1000px){.laptop-card .laptop-loader{transform:scale(.9);transform-origin:center center}}@media(max-width:800px){.laptop-card{min-height:400px}.laptop-card .laptop-loader{transform:scale(.88);transform-origin:center center}}@media(max-width:480px){.laptop-card{min-height:360px}.laptop-card .laptop-loader{transform:scale(.72);transform-origin:center center}}.contact-section{position:relative;width:100%;padding:120px 6vw;box-sizing:border-box}.contact-container{width:min(1100px,100%);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:110px}.contact-visual{flex:0 0 320px;display:flex;align-items:center;justify-content:center}.contact-card{position:relative;width:260px;height:260px;background:#d8d8d8;border-radius:38px;overflow:hidden;box-shadow:#64646f33 0 7px 29px;transition:transform .8s ease-in-out,box-shadow .8s ease-in-out}.contact-card:hover{transform:scale(1.08);box-shadow:#64646f4d 0 18px 45px}.contact-background{position:absolute;inset:0;background:radial-gradient(circle at 100% 107%,#ff89cc,#9cb8ec,#0fe 60%,#62c2fe)}.contact-logo{position:absolute;right:50%;bottom:50%;transform:translate(50%,50%);transition:all .6s ease-in-out;z-index:2}.contact-logo-svg{fill:#fff;width:42px;height:42px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.contact-box{position:absolute;padding:14px;text-align:right;background:#ffffff63;border-top:2px solid rgb(255,255,255);border-right:1px solid white;border-radius:10% 13% 42% 0%/10% 12% 75% 0%;box-shadow:#64646f5d -7px 7px 29px;transform-origin:bottom left;transition:all 1s ease-in-out;z-index:3}.contact-box:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .5s ease-in-out}.contact-box:hover .contact-svg{fill:#fff}.contact-icon{display:inline-block;width:25px;height:25px;position:relative;z-index:2}.contact-svg{fill:#ffffffcb;width:100%;height:100%;transition:all .5s ease-in-out}.contact-box1{width:70%;height:70%;bottom:-70%;left:-70%}.contact-box1:before{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#ff53d4 60%,#62c2fe 90%)}.contact-box1:hover:before{opacity:1}.contact-box1:hover .contact-svg{filter:drop-shadow(0 0 5px white)}.contact-box2{width:50%;height:50%;bottom:-50%;left:-50%;transition-delay:.2s}.contact-box2:before{background:radial-gradient(circle at 30% 107%,#91e9ff,#00acee 90%)}.contact-box2:hover:before{opacity:1}.contact-box2:hover .contact-svg{filter:drop-shadow(0 0 5px white)}.contact-box3{width:30%;height:30%;bottom:-30%;left:-30%;transition-delay:.4s}.contact-box3:before{background:radial-gradient(circle at 30% 107%,#969fff,#b349ff 90%)}.contact-box3:hover:before{opacity:1}.contact-box3:hover .contact-svg{filter:drop-shadow(0 0 5px white)}.contact-box4{width:10%;height:10%;bottom:-10%;left:-10%;transition-delay:.6s}.contact-card:hover .contact-box{bottom:-1px;left:-1px}.contact-card:hover .contact-logo{transform:translate(0);bottom:24px;right:24px}.contact-content{flex:1;max-width:500px}.contact-label{display:inline-block;margin-bottom:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;letter-spacing:.22em;color:#6ee7b7}.contact-content h2{margin:0;font-size:clamp(42px,5vw,72px);line-height:.95;font-weight:800;letter-spacing:-.05em;color:#fff}.contact-content h2 span{color:#6ee7b7}.contact-content p{margin:28px 0 30px;font-size:16px;line-height:1.8;color:#fff9}.contact-info{display:flex;align-items:center;gap:28px}.contact-info a{color:#fff;text-decoration:none;font-size:15px;transition:color .3s ease,transform .3s ease}.contact-info a:first-child{color:#ffffffa6}.contact-info a:hover{color:#6ee7b7;transform:translateY(-2px)}@media(max-width:800px){.contact-section{padding:80px 24px}.contact-container{flex-direction:column;gap:60px;text-align:center}.contact-visual{flex:none}.contact-content{max-width:600px}.contact-info{justify-content:center;flex-wrap:wrap}}@media(max-width:480px){.contact-card{width:220px;height:220px}.contact-content h2{font-size:42px}.contact-content p{font-size:14px}.contact-info{flex-direction:column;gap:16px}}```css *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07080b;color:#f8f5ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.site{min-height:100vh;overflow-x:hidden;position:relative;background:#07080b}.background-layer{position:fixed;inset:0;z-index:0;pointer-events:none}.background-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 0%,rgba(4,5,9,.06) 45%,rgba(4,5,9,.62) 100%),linear-gradient(180deg,rgba(0,0,0,.35),transparent 25%,rgba(0,0,0,.55))}.theme-2 .background-vignette{background:radial-gradient(circle at 50% 42%,transparent 0%,rgba(2,12,10,.08) 45%,rgba(2,7,7,.62) 100%)}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;height:86px;padding:80px 130px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:none}.topbar>*{pointer-events:auto}.topbar-left{justify-self:start}.topbar-center{justify-self:center}.topbar-right{justify-self:end;display:flex;align-items:center;gap:12px}.mode-label{font:700 9px/1 Syncopate,sans-serif;letter-spacing:1.5px;opacity:.75}.hero{min-height:100vh;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:130px 6vw 80px;text-align:center}.hero-copy{width:min(1200px,100%)}.eyebrow,.section-kicker{font:700 10px/1 Syncopate,sans-serif;letter-spacing:2px;opacity:.72}.hero-subtitle{width:min(680px,90vw);margin:-5px auto 28px;color:#ffffffc2;line-height:1.7;font-size:14px}.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.primary-action,.secondary-action{padding:13px 18px;border-radius:999px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.6px;transition:transform .25s ease,background .25s ease}.primary-action{background:#fff;color:#090a0d}.secondary-action{border:1px solid rgba(255,255,255,.22);background:#00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font:700 9px/1 Syncopate,sans-serif;letter-spacing:2px;opacity:.55;display:flex;align-items:center;gap:8px}.scroll-cue span{width:5px;height:5px;border-radius:50%;background:#fff;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{opacity:.2;transform:scale(.5)}}.content-section,.contact-section{position:relative;z-index:1;width:min(1120px,calc(100% - 48px));margin:0 auto;padding:130px 0;display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px;border-top:1px solid rgba(255,255,255,.14)}.content-section h2,.contact-section h2{margin:0 0 18px;font-size:clamp(42px,7vw,92px);letter-spacing:-.055em;line-height:.92}.content-section p{max-width:680px;margin:0;color:#ffffffb3;font-size:16px;line-height:1.8}.glass-card{min-height:260px;padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,#ffffff1f,#ffffff09);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 80px #0003;transition:transform .3s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-8px);border-color:#ffffff4d}.glass-card span{opacity:.5;font:700 10px Syncopate,sans-serif}.glass-card h3{font-size:30px;margin:80px 0 10px;letter-spacing:-.04em}.glass-card p{font-size:13px;line-height:1.65;color:#ffffffa6}.about-container{width:100%;max-width:1200px;margin:0 auto;padding:80px 40px;display:flex;flex-direction:row;align-items:center;gap:80px;box-sizing:border-box}.about-card{flex:0 0 360px;width:360px;display:flex;justify-content:center;align-items:center}.about-text{flex:1;min-width:0}.about-text h2{font-size:48px;margin:0 0 24px}.about-text p{font-size:18px;line-height:1.8;margin:0}.pc-details{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.pc-details h3,.pc-details .pc-title{width:100%;text-align:center}.content-section.cards{display:block;width:min(1240px,calc(100% - 48px));margin:0 auto;padding:170px 0 190px;border-top:1px solid rgba(255,255,255,.14)}.content-section.cards>.section-kicker{margin-bottom:55px}.content-section.cards .card-grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:center}.content-section.cards .work-item{width:100%;min-width:0;min-height:440px;display:flex;justify-content:center;align-items:center;overflow:visible;position:relative}.content-section.cards .github-card-container{width:100%;max-width:400px;height:300px;margin:0 auto;display:flex;justify-content:center;align-items:center;position:relative;overflow:visible}.content-section.cards .camera-card-container{width:100%;max-width:340px;min-height:400px;margin:0 auto;display:flex;justify-content:center;align-items:center;overflow:visible}.content-section.cards .laptop-card-container{width:100%;height:100%;min-height:400px;display:flex;justify-content:center;align-items:center;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important;overflow:visible}.content-section.cards .laptop-card{width:100%;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative;background:transparent!important;border:none!important;box-shadow:none!important}.content-section.cards .work-item>*{max-width:100%}.contact-section{padding-bottom:180px}.contact-link{grid-column:2;font-size:clamp(20px,4vw,42px);text-decoration:none;opacity:.8;transition:opacity .2s}.contact-link:hover{opacity:1}footer{position:relative;z-index:1;padding:22px 26px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;font:700 9px Syncopate,sans-serif;letter-spacing:1.5px;opacity:.55}@media(max-width:1000px){.topbar{padding-left:60px;padding-right:60px}.content-section.cards{width:min(1180px,calc(100% - 40px));padding-top:150px;padding-bottom:170px}.content-section.cards .card-grid{gap:18px}.content-section.cards .work-item{min-height:400px}.content-section.cards .github-card-container{width:100%;max-width:400px;height:300px;transform:scale(.92);transform-origin:center}.content-section.cards .camera-card-container{transform:scale(.9);transform-origin:center}.content-section.cards .laptop-card{transform:scale(.92);transform-origin:center}.content-section.cards .laptop-card .laptop-loader{transform:none}}@media(max-width:800px){.topbar{grid-template-columns:1fr auto;padding:15px 16px;height:74px}.topbar-center{display:none}.topbar-right{gap:6px}.mode-label{display:none}.hero{padding:110px 18px 70px}.hero-subtitle{font-size:13px}.content-section,.contact-section{width:min(100% - 32px,1120px);grid-template-columns:1fr;padding:90px 0}.section-kicker{margin-bottom:-4px}.content-section.cards{width:min(100% - 32px,1120px);display:block;padding:110px 0 130px}.content-section.cards>.section-kicker{margin-bottom:45px}.content-section.cards .card-grid{width:100%;grid-template-columns:1fr;gap:35px}.content-section.cards .work-item{width:100%;min-height:400px;overflow:visible}.content-section.cards .github-card-container{transform:none;width:min(400px,90vw);max-width:400px;height:300px}.content-section.cards .camera-card-container{transform:none;width:min(340px,90vw);max-width:340px;min-height:400px}.content-section.cards .laptop-card-container{min-height:400px;background:transparent!important;border:none!important;box-shadow:none!important}.content-section.cards .laptop-card{min-height:400px;transform:none;background:transparent!important;border:none!important;box-shadow:none!important}.content-section.cards .laptop-card .laptop-loader{transform:scale(.88);transform-origin:center center}.glass-card{min-height:210px}.glass-card h3{margin-top:55px}.contact-link{grid-column:auto}footer{padding:20px 16px;flex-direction:column}.about-container{flex-direction:column;gap:40px;padding:60px 20px}.about-card{flex:none;width:100%}.about-text h2{font-size:38px}.about-text p{font-size:16px}}@media(max-width:480px){.content-section.cards{padding-top:90px;padding-bottom:110px}.content-section.cards .work-item{min-height:360px}.content-section.cards .camera-card-container{transform:scale(.82);transform-origin:center}.content-section.cards .github-card-container{width:90vw;max-width:400px;height:300px;transform:scale(.9);transform-origin:center}.content-section.cards .laptop-card-container,.content-section.cards .laptop-card{min-height:360px;background:transparent!important;border:none!important;box-shadow:none!important}.content-section.cards .laptop-card .laptop-loader{transform:scale(.72);transform-origin:center center}.about-text h2{font-size:34px}}section#works.content-section.cards{display:block!important;width:min(1240px,calc(100% - 48px))!important;min-height:820px!important;margin:0 auto!important;padding-top:180px!important;padding-bottom:220px!important}section#works.content-section.cards>.section-kicker{display:block!important;margin-bottom:70px!important}section#works .card-grid{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:40px!important;align-items:center!important}section#works .work-item{width:100%!important;min-width:0!important;min-height:450px!important;display:flex!important;justify-content:center!important;align-items:center!important;position:relative!important;overflow:visible!important;background:none!important;border:none!important;box-shadow:none!important}section#works .github-card-container{position:relative!important;width:400px!important;max-width:100%!important;height:300px!important;min-height:300px!important;margin:0 auto!important;display:flex!important;justify-content:center!important;align-items:center!important;overflow:visible!important;background:transparent!important;border:none!important;box-shadow:none!important}section#works .github-card-container .card{position:absolute!important;inset:.125em!important;width:auto!important;height:auto!important;border-radius:.875em!important;background:#111215e0!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}section#works .github-card-container .content{height:100%!important;overflow:hidden!important}section#works .github-card-container .backdrop{position:absolute!important;inset:-100%!important;background:transparent!important;z-index:-1!important;pointer-events:none!important}section#works .camera-card-container{position:relative!important;width:340px!important;max-width:100%!important;min-height:400px!important;margin:0 auto!important;display:flex!important;justify-content:center!important;align-items:center!important;overflow:visible!important;background:transparent!important;border:none!important;box-shadow:none!important}section#works .laptop-card-container{position:relative!important;width:100%!important;height:100%!important;min-height:450px!important;display:flex!important;justify-content:center!important;align-items:center!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important;overflow:visible!important}section#works .laptop-card{width:100%!important;min-height:450px!important;display:flex!important;justify-content:center!important;align-items:center!important;position:relative!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}section#works .laptop-card .laptop-loader{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important;overflow:visible!important}section#works .work-item:before,section#works .work-item:after,section#works .laptop-card-container:before,section#works .laptop-card-container:after,section#works .laptop-card:before,section#works .laptop-card:after{background:transparent!important;border:none!important;box-shadow:none!important}@media(max-width:1000px){section#works.content-section.cards{width:min(1180px,calc(100% - 40px))!important;min-height:760px!important;padding-top:150px!important;padding-bottom:180px!important}section#works .card-grid{gap:20px!important}section#works .work-item{min-height:410px!important}section#works .github-card-container{width:360px!important;height:280px!important;transform:scale(.92);transform-origin:center}section#works .camera-card-container{transform:scale(.88);transform-origin:center}section#works .laptop-card{transform:scale(.9);transform-origin:center}}@media(max-width:800px){section#works.content-section.cards{width:calc(100% - 32px)!important;min-height:auto!important;padding-top:110px!important;padding-bottom:130px!important}section#works.content-section.cards>.section-kicker{margin-bottom:45px!important}section#works .card-grid{grid-template-columns:1fr!important;gap:35px!important}section#works .work-item{min-height:400px!important;overflow:visible!important}section#works .github-card-container{width:min(400px,90vw)!important;height:300px!important;transform:none!important}section#works .camera-card-container{width:min(340px,90vw)!important;min-height:400px!important;transform:none!important}section#works .laptop-card-container{min-height:400px!important}section#works .laptop-card{min-height:400px!important}section#works .laptop-card .laptop-loader{transform:scale(.88);transform-origin:center center}}@media(max-width:480px){section#works.content-section.cards{padding-top:90px!important;padding-bottom:110px!important}section#works .work-item{min-height:360px!important}section#works .github-card-container{width:90vw!important;height:300px!important;transform:scale(.9)!important;transform-origin:center!important}section#works .camera-card-container{transform:scale(.82)!important;transform-origin:center!important}section#works .laptop-card .laptop-loader{transform:scale(.72);transform-origin:center center}}
