.identity-container{perspective:800px;color:#22c55e;box-sizing:border-box;background:#000;flex-direction:column;align-items:center;width:100%;height:100%;min-height:0;padding:0;font-family:Consolas,Menlo,monospace;display:flex;position:relative}.identity-container:before{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 1px,#0000001f 1px 2px);position:absolute;inset:0}.identity-container:after{content:"";z-index:2;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)'/%3E%3C/svg%3E");background-size:120px 120px;position:absolute;inset:0}@media (min-width:640px){.identity-container{perspective:1000px}}.lanyard-string{background:linear-gradient(#3f3f46,#71717a,#3f3f46);border-radius:.125rem;width:1px;height:3rem;margin-bottom:.25rem;position:relative}@media (min-width:640px){.lanyard-string{height:5rem;margin-bottom:.5rem}}.lanyard-string:before{content:"";background:#6b7280;border-radius:50%;width:4px;height:4px;position:absolute;top:-4px;left:-1.5px;box-shadow:inset 0 0 4px #0006}@media (min-width:640px){.lanyard-string:before{width:6px;height:6px;top:-6px;left:-2px}}.lanyard-clip{background:linear-gradient(to bottom right,#3f3f46,#18181b);border:1px solid #3f3f46;border-radius:.2rem;width:1rem;height:.75rem;margin-bottom:.25rem;position:relative}@media (min-width:640px){.lanyard-clip{border-radius:.25rem;width:1.25rem;height:1rem;margin-bottom:.5rem}}.lanyard-clip:before{content:"";opacity:.9;background:#71717a;border-radius:1px;width:6px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:640px){.lanyard-clip:before{width:8px;height:2px}}.identity-card{isolation:isolate;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:90vw;max-width:280px;height:320px;transform-style:preserve-3d;background:#09090bcc;border:1px solid #10b98166;border-radius:.5rem;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #10b98140,0 0 20px #10b98114}@media (min-width:480px){.identity-card{border-radius:.6rem;max-width:320px;height:360px}}@media (min-width:640px){.identity-card{border-radius:.75rem;width:15rem;max-width:none;height:360px;transition:box-shadow .5s cubic-bezier(.23,1,.32,1);box-shadow:0 0 0 1px #10b98140,0 0 40px #10b98114}}@media (min-width:768px){.identity-card{width:18rem;height:420px}}.identity-card.mobile.hovered{transition:box-shadow .3s;box-shadow:0 10px 25px #0009,0 0 0 1px #10b98173,0 0 20px #10b98133}.identity-card.hovered:not(.mobile){transition:box-shadow .5s cubic-bezier(.23,1,.32,1);box-shadow:0 25px 50px #000000e6,0 0 0 1px #10b9818c,0 0 34px #10b9814d,inset 0 1px #ffffff14}.card-header{border-bottom:1px solid #10b9814d;align-items:center;padding:.75rem 1rem .5rem;display:flex}@media (min-width:640px){.card-header{padding:1.25rem 1.25rem 1rem}}.company-logo{margin-right:.5rem}@media (min-width:640px){.company-logo{margin-right:.75rem}}.logo-icon{color:#34d399;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;font-weight:700}@media (min-width:640px){.logo-icon{font-size:1.125rem}}.company-name{color:#e4e4e7;letter-spacing:.15em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.625rem;font-weight:600}@media (min-width:480px){.company-name{letter-spacing:.2em;font-size:.75rem}}@media (min-width:640px){.company-name{font-size:.875rem}}.photo-section{justify-content:center;padding:1rem 1rem .75rem;display:flex}@media (min-width:640px){.photo-section{padding:1.5rem 1.25rem 1rem}}.photo-frame{border:1px solid #10b98199;border-radius:.25rem;width:90px;height:110px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #10b9814d,0 2px 8px #00000080}@media (min-width:480px){.photo-frame{border-radius:.3rem;width:100px;height:125px}}@media (min-width:640px){.photo-frame{border-radius:.375rem;width:120px;height:150px;box-shadow:0 0 0 1px #10b9814d,0 4px 12px #00000080}}.profile-photo{object-fit:cover;filter:grayscale(.2)contrast(1.1);width:100%;height:100%;transition:all .3s}.identity-card.hovered .profile-photo{filter:grayscale(0%)contrast(1.2)}.info-section{text-align:center;margin-top:.5rem;padding:0 1rem}@media (min-width:640px){.info-section{padding:0 1.25rem}}.employee-name{color:#f4f4f5;letter-spacing:.025em;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;font-weight:800;line-height:1.2}@media (min-width:480px){.employee-name{font-size:1rem}}@media (min-width:640px){.employee-name{font-size:1.125rem}}.employee-title{color:#34d399;text-transform:uppercase;letter-spacing:.2em;margin-top:.25rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.625rem}@media (min-width:640px){.employee-title{letter-spacing:.25em;font-size:.75rem}}.employee-id{color:#71717a;letter-spacing:.25em;text-transform:uppercase;margin-top:.5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:9px}@media (min-width:640px){.employee-id{letter-spacing:.3em;margin-top:.75rem;font-size:10px}}.card-footer{justify-content:center;display:flex;position:absolute;bottom:.75rem;left:1rem;right:1rem}@media (min-width:640px){.card-footer{bottom:1.25rem;left:1.25rem;right:1.25rem}}.access-level{color:#34d399;letter-spacing:.15em;text-transform:uppercase;align-items:center;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:9px;font-weight:600;display:flex}@media (min-width:640px){.access-level{letter-spacing:.2em;font-size:10px}}.status-indicator{background:#10b981;border-radius:50%;width:.375rem;height:.375rem;margin-right:.375rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;display:inline-block;box-shadow:0 0 8px #10b98199}@media (min-width:640px){.status-indicator{width:.5rem;height:.5rem;margin-right:.5rem;box-shadow:0 0 10px #10b98199}}.interaction-label{color:#22c55e;letter-spacing:.15em;text-transform:uppercase;text-align:center;margin-top:.75rem;font-family:Consolas,Menlo,monospace;font-size:10px}@media (min-width:640px){.interaction-label{letter-spacing:.2em;margin-top:1.25rem;font-size:11px}}.backdrop-glow{pointer-events:none;opacity:.1;mix-blend-mode:screen;background:radial-gradient(800px 200px at 20% 0,#10b98126,#0000),radial-gradient(800px 200px at 80% 100%,#10b9811a,#0000);position:absolute;inset:0}@media (min-width:640px){.backdrop-glow{background:radial-gradient(1000px 300px at 20% 0,#10b98126,#0000),radial-gradient(1000px 300px at 80% 100%,#10b9811a,#0000)}}.crt-scanlines{pointer-events:none;position:absolute;inset:0}.crt-scanlines:before{content:"";pointer-events:none;z-index:1;mix-blend-mode:multiply;opacity:.3;background:linear-gradient(#12101000 50%,#00000026 50%) 0 0/100% 4px;position:absolute;inset:0}@media (min-width:640px){.crt-scanlines:before{opacity:.6;background:linear-gradient(#12101000 50%,#00000047 50%) 0 0/100% 6px}}.photo-overlay{opacity:0;background:linear-gradient(to bottom right,#0000,#10b9811a,#0000);transition:opacity .3s;position:absolute;inset:0}.identity-card.hovered .photo-overlay{opacity:1}.holographic-overlay{pointer-events:none;background:linear-gradient(90deg,#0000,#10b98114,#0000);position:absolute;inset:0}@media (min-width:640px){.holographic-overlay{background:linear-gradient(90deg,#0000,#10b9811f,#0000)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (hover:none){.identity-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}