#binary-rain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.65}body>header,body>main,body>footer{position:relative;z-index:1}header{background:#101716b8}.hero h1{text-shadow:0 3px 30px #101716}.intro p{color:#b4c2b8}.topics,.section-head{background:#101716b8}.section-head{border-radius:12px}.card{position:relative;background:#1b2420fa;isolation:isolate;transition:transform .25s ease,border-color .3s,box-shadow .3s}.card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(280px circle at var(--pointer-x,50%) var(--pointer-y,0%),#c5f16a22,transparent 70%);opacity:0;pointer-events:none;z-index:3;transition:opacity .3s}.card:hover:before,.card:focus-within:before{opacity:1}.card:hover,.card:focus-within{box-shadow:0 15px 45px #0004,0 0 22px #b2ec6810;border-color:#c5f16a88}.photo:after{content:'';position:absolute;left:0;right:0;top:-25%;height:22%;background:linear-gradient(transparent,#c5f16a16,transparent);border-bottom:1px solid #c5f16a66;pointer-events:none;opacity:0}.card:hover .photo:after,.card:focus-within .photo:after{animation:scan 2.8s ease-in-out infinite}.number:after{content:' / PROFILE';font-size:8px;letter-spacing:1px;display:inline-block;max-width:0;overflow:hidden;vertical-align:bottom;white-space:nowrap;transition:max-width .35s}.card:hover .number:after,.card:focus-within .number:after{max-width:90px}.effects-toggle{border:1px solid #c5f16a40;background:#17221a;color:#c5f16a;border-radius:25px;padding:10px 15px;font:11px Manrope,Arial,sans-serif;cursor:pointer;white-space:nowrap}.effects-toggle:hover{background:#263621}.effects-toggle:focus-visible{outline:2px solid #c5f16a;outline-offset:4px}.effects-off .orbit i,.effects-off .photo:after{animation:none!important}.effects-off .card:before{display:none}.effects-off .card:hover{transform:none}.effects-off .photo:after{opacity:0}.effects-off .card{animation:none!important}footer{gap:20px;flex-wrap:wrap}@keyframes scan{0%{top:-25%;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:110%;opacity:0}}@media(max-width:680px){#binary-rain{opacity:.4}.card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.card:before,.photo:after{display:none}.card:hover{transform:none!important}}