@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap";.text-nav-primary:hover{text-shadow:0 0 15px #fff}.robot{position:relative;margin:0 auto 20px;width:300px;height:200px;display:flex;align-items:flex-end;justify-content:center}.robot:hover{animation:robot-shake .4s linear infinite}.robot:hover .robot-face-inner,.robot:hover .robot-eyelid{background-color:red}.robot-head{position:relative;height:150px;width:200px;background-color:#fd8729;z-index:1;border-radius:50% 50% 0 0}.robot-head:after{content:"";position:absolute;bottom:0;width:105px;height:150px;border-radius:0 85px 0 0;right:0;z-index:2;background-color:#fd6929}.robot-ear-left{right:100%;border-radius:10px 0 0 10px;border-left:5px solid #b9b9b9;border-top:5px solid #b9b9b9;border-bottom:5px solid #b9b9b9;transform-origin:right center}.robot-ear-left:after{content:"";position:absolute;right:0;z-index:2;width:7px;border-radius:50px 0 0;height:30px;bottom:0;background-color:#b9b9b9}.robot-ear-right:after{content:"";position:absolute;left:0;z-index:2;width:7px;border-radius:0 50px 0 0;height:30px;bottom:0;background-color:#b9b9b9}.robot-ear-right{border-radius:0 10px 10px 0;left:100%;border-right:5px solid #b9b9b9;border-top:5px solid #b9b9b9;border-bottom:5px solid #b9b9b9;transform-origin:left center}.robot-ear{position:absolute;bottom:20px;width:20px;height:50px;z-index:1;background-color:#5e5e5e}.robot-ear-inner{position:absolute;width:10px;height:30px;bottom:0;top:0;margin:auto;background-color:#8c8c8c}.robot-ear-inner-left{right:calc(100% + 5px);border-radius:10px 0 0 10px;border-left:5px solid #b9b9b9;border-top:5px solid #b9b9b9;border-bottom:5px solid #b9b9b9}.robot-ear-inner-right{border-radius:0 10px 10px 0;left:calc(100% + 5px);border-right:5px solid #b9b9b9;border-top:5px solid #b9b9b9;border-bottom:5px solid #b9b9b9}.robot-face-inner{width:110px;height:110px;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border:7px solid #b9b9b9;z-index:3;overflow:hidden;background-color:#163ce6;transition:all .3s ease-in-out}.robot-eye{width:70px;height:70px;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border:10px solid #329bbe;z-index:3;overflow:hidden;background-color:#5afd96}.robot-eye:after{content:"";width:15px;height:15px;background-color:#fff;border-radius:50%;position:absolute;left:10px;top:4px;z-index:4}.robot-eye{animation:pulse 4s infinite ease-in-out}@keyframes pulse{0%,to{box-shadow:0 0 0 transparent,0 0 0 transparent}50%{box-shadow:0 0 10px #38f288,0 0 20px #38f288}}.robot-eyelid{position:absolute;top:-100%;left:-25px;right:-25px;height:140%;background-color:#163ce6;animation:blink 5s infinite;z-index:5;pointer-events:none}@keyframes blink{0%,35%,65%,to{top:-200%}50%{top:-15%}}@keyframes robot-shake{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.digital-eyes-wrapper{display:flex;justify-content:center;align-items:center;gap:4rem;padding:4rem;position:relative}.digital-eye{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#0fc,#034);box-shadow:0 0 15px #0fe,0 0 40px #0fe6,inset 0 0 10px #0fea;animation:glowPulse 2s infinite ease-in-out;position:relative}.digital-eye:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background-color:#fff;top:20%;left:25%;opacity:.8}.crt-eyes-wrapper{display:flex;justify-content:center;align-items:center;gap:5rem;padding:4rem;background-color:#000;position:relative;width:450px;margin:0 auto 30px;border-radius:10px;max-width:100%}.crt-eye{width:40px;height:50px;background:#0f5;box-shadow:0 0 3px #0f5,0 0 6px #0f5a,0 0 10px #0f5a;border-radius:3px;animation:flicker 5s infinite ease-in-out;position:relative;filter:contrast(120%) brightness(130%)}.crt-eyes-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px);z-index:2;pointer-events:none;animation:noise .3s infinite linear}@keyframes noise{0%{transform:translateY(0)}to{transform:translateY(2px)}}@keyframes flicker{0%,30%,70%,to{opacity:.9;transform:scaleY(1)}48%,52%{opacity:.4;transform:scaleY(.3)}50%{opacity:.15}}.crt-eye.invalid{background-color:#f33;box-shadow:0 0 3px #f33,0 0 6px #f33a,0 0 10px #f33a}.projects{min-height:400px;position:relative;overflow:hidden}.projects--background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2}.projects--content{position:relative;z-index:5}.projects--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15px,1fr));grid-template-rows:repeat(auto-fit,minmax(15px,1fr))}.projects--grid-item{overflow:hidden;width:15px;height:15px;padding:5px;position:relative}.projects--grid-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:50%;opacity:.2;width:10px;height:10px;z-index:2;background-color:#ccc;transition:all 0s ease-in-out}.projects--grid-item:hover:after{transition:all .3s ease-in-out;opacity:1}.projects--grid-item:nth-child(4n):hover:after{background-color:red}.projects--grid-item:nth-child(4n+1):hover:after{background-color:#ffc800}.projects--grid-item:nth-child(4n+2):hover:after{background-color:#00ffae}.projects--grid-item:nth-child(4n+3):hover:after{background-color:#0af}.project-card:hover{transform:translateY(-1px);box-shadow:0 20px 40px #22c55e33;transition:color .16s ease-out,transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out}*{margin:0;padding:0;box-sizing:border-box}.controls{position:absolute;top:20px;left:20px;display:flex;gap:10px;z-index:100}.control-btn{padding:10px 20px;background:#fff3;border:none;border-radius:25px;color:#fff;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;font-size:14px}.control-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.speed-indicator{position:absolute;top:20px;right:20px;color:#fff;font-size:16px;background:#0000004d;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:none}.info{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ffffffe6;text-align:center;font-size:14px;background:#0000004d;padding:15px 25px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;line-height:1.4}.container-speed{position:relative;width:100vw;height:400px;display:flex;align-items:center;justify-content:center}.card-stream{position:absolute;width:100vw;height:180px;display:flex;align-items:center;overflow:visible}.card-line{display:flex;align-items:center;gap:60px;white-space:nowrap;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.card-line:active,.card-line.dragging{cursor:grabbing}.card-line.css-animated{animation:scrollCards 40s linear infinite}.card-wrapper{position:relative;width:500px;height:280px;flex-shrink:0}.card{position:absolute;top:0;left:0;width:500px;height:280px;border-radius:15px;overflow:hidden}.card-normal{background:transparent;box-shadow:0 15px 40px #0006;display:flex;flex-direction:column;justify-content:space-between;padding:0;color:#fff;z-index:2;position:relative;overflow:hidden}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:15px;transition:all .3s ease;filter:brightness(1.1) contrast(1.1);box-shadow:inset 0 0 20px #0000001a}.card-image:hover{filter:brightness(1.2) contrast(1.2)}.card-ascii{background:transparent;z-index:1;position:absolute;top:0;left:0;width:500px;height:280px;border-radius:15px;overflow:hidden}.card-chip{width:40px;height:30px;background:linear-gradient(45deg,gold,#ffed4e);border-radius:5px;position:relative;margin-bottom:20px}.card-chip:before{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:linear-gradient(45deg,#e6c200,#f4d03f);border-radius:2px}.contactless{position:absolute;top:60px;left:20px;width:25px;height:25px;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent)}.contactless:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;border:1px solid rgba(255,255,255,.6);border-radius:50%}.card-number{font-size:22px;font-weight:700;letter-spacing:3px;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-info{display:flex;justify-content:space-between;align-items:flex-end}.card-holder{color:#fff;font-size:14px;text-transform:uppercase}.card-expiry{color:#fff;font-size:14px}.card-logo{position:absolute;top:20px;right:20px;font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ascii-content{position:absolute;top:0;left:0;width:100%;height:100%;color:#dcd2ff99;font-family:Courier New,monospace;font-size:11px;line-height:13px;overflow:hidden;white-space:pre;clip-path:inset(0 calc(100% - var(--clip-left, 0%)) 0 0);animation:glitch .1s infinite linear alternate-reverse;margin:0;padding:0;text-align:left;vertical-align:top;box-sizing:border-box;-webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.8) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.4) 80%,rgba(0,0,0,.2) 100%);mask-image:linear-gradient(to right,#000,#000c 30%,#0009 50%,#0006 80%,#0003)}.scanner{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4px;height:300px;border-radius:30px;background:linear-gradient(to bottom,transparent,rgba(0,255,255,.8),#0ff,rgba(0,255,255,.8),transparent);box-shadow:0 0 20px #0ffc,0 0 40px #0ff6;animation:scanPulse 2s ease-in-out infinite alternate;z-index:10}.scanner-label{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);color:#00ffffe6;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,255,.5)}.card-normal{clip-path:inset(0 0 0 var(--clip-right, 0%))}.card-ascii{clip-path:inset(0 calc(100% - var(--clip-left, 0%)) 0 0)}.scan-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.4),transparent);animation:scanEffect .6s ease-out;pointer-events:none;z-index:5}.instructions{position:absolute;top:50%;right:30px;transform:translateY(-50%);color:#ffffffb3;font-size:14px;max-width:200px;text-align:right;z-index:5}#particleCanvas{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100vw;height:250px;z-index:0;pointer-events:none}#scannerCanvas{position:absolute;top:50%;left:-3px;transform:translateY(-50%);width:100vw;height:300px;z-index:15;pointer-events:none}.inspiration-credit{position:fixed;bottom:20px;left:50%;transform:translate(-50%);font-family:Roboto Mono,monospace;font-size:12px;font-weight:900;color:#ff9a9c;z-index:1000;text-align:center}.inspiration-credit a{color:#ff9a9c;text-decoration:none;transition:color .3s ease}.inspiration-credit a:hover{color:#ff7a7c}@keyframes scrollCards{0%{transform:translate(-100%)}to{transform:translate(100vw)}}@keyframes glitch{0%{opacity:1}15%{opacity:.9}16%{opacity:1}49%{opacity:.8}50%{opacity:1}99%{opacity:.9}to{opacity:1}}@keyframes scanPulse{0%{opacity:.8;transform:translate(-50%,-50%) scaleY(1)}to{opacity:1;transform:translate(-50%,-50%) scaleY(1.1)}}@keyframes scanEffect{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}