.identity-container{perspective:800px;color:#6ee7b7;flex-direction:column;align-items:center;padding:1rem .5rem 2rem;display:flex;position:relative}@media (min-width:640px){.identity-container{perspective:1000px;padding:2rem}}.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,transform .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),transform .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{transform:rotateX(2deg)rotateY(2deg)translateZ(5px);box-shadow:0 10px 25px #0009,0 0 0 1px #10b98173,0 0 20px #10b98133}.identity-card.hovered:not(.mobile){transform:rotateX(10deg)rotateY(10deg)translateZ(20px);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:#34d399cc;letter-spacing:.15em;text-transform:uppercase;text-align:center;margin-top:.75rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,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);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}@media (min-width:640px){.holographic-overlay{background:linear-gradient(90deg,#0000,#10b9811f,#0000);transition:transform .7s}}.identity-card.hovered .holographic-overlay{transform:translate(100%)}@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}}
@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.terminal-container{background:#000;border:2px solid #22c55e;flex-direction:column;width:100%;height:100dvh;font-family:monospace;font-size:.875rem;display:flex}.terminal-header{background:#000;border-bottom:2px solid #22c55e;flex-shrink:0;align-items:center;padding:.5rem;display:flex}.window-dots{gap:.5rem;display:flex}.dot{border-radius:9999px;width:.75rem;height:.75rem}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#22c55e}.terminal-nav{text-align:center;color:#22c55e;flex-grow:1}.nav-button{color:#10b981;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid #10b98166;border-radius:.5rem;margin-right:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s;box-shadow:0 2px 8px #0003}.nav-button:hover{color:#34d399;background:#10b98126;border-color:#22c55e;transform:translateY(-1px);box-shadow:0 0 12px #22c55e80,0 2px 8px #0000004d}.nav-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.terminal-body{scroll-behavior:smooth;flex:1;padding:1rem;overflow-y:auto}.history-line{margin-bottom:.5rem}.prompt-user{color:#3b82f6}.prompt-separator,.prompt-symbol{color:#e5e7eb}.prompt-directory{color:#a78bfa}.command-text{color:#22c55e}.output-line,.help-command{color:#fff}.help-command p{margin-bottom:.5rem}.help-command ul{margin:0;padding:0;list-style:inside}.help-command li{margin-bottom:.25rem}.help-command li span{color:#0f0;font-weight:700}.input-form{align-items:center;display:flex}.terminal-input{color:#22c55e;padding-bottom:env(safe-area-inset-bottom,1rem);background:0 0;border:none;outline:none;flex:1;margin-left:.5rem;position:relative}.cursor{color:#0f0;font-weight:700;animation:1s infinite blink-cursor}@media (max-width:768px){.terminal-nav{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:0 1rem}.nav-button{margin-bottom:.5rem;margin-right:0;font-size:.75rem}}@media (max-width:480px){.terminal-nav{gap:.25rem;padding:0 .5rem}.nav-button{text-align:center;flex:calc(50% - .5rem);min-width:70px;margin-bottom:.5rem;padding:.4rem .6rem;font-size:.7rem}}@media (max-width:360px){.nav-button{min-width:60px;padding:.3rem .5rem;font-size:.65rem}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ai-response{background:#00ffc80d;border-left:3px solid #00ff1580;border-radius:.5rem;margin:.5rem 0;padding:1rem}
