*{box-sizing:border-box}:root{--primary:#2563eb;--secondary:#3b82f6;--bg-light:#fff;--text-main:#1e293b;--text-sub:#64748b;--lanyard-color:#000;--metal-border:#cbd5e1}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(/whiteboard_bg.png) 50%/cover no-repeat fixed;justify-content:center;align-items:center;margin:0;font-family:Inter,sans-serif;display:flex;overflow:hidden}.carousel-container{perspective:2000px;touch-action:pan-y pinch-zoom;flex-direction:column;align-items:center;width:100vw;max-width:1200px;height:520px;margin-top:-140px;display:flex;position:relative}.top-title{text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1e3a8a,#2563eb);-webkit-background-clip:text;background-clip:text;border-radius:50px;margin-top:5px;margin-bottom:5px;padding:15px 45px;font-family:Phudu,cursive;font-size:45px;font-weight:900;display:inline-block}.nav-btn{color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:0 0;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:28px;transition:all .3s;display:flex}.nav-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 10px 15px -3px #2563eb4d}.action-container{z-index:2500;align-items:center;gap:15px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}@media (width>=769px){.action-container{pointer-events:none;justify-content:center;width:100vw;left:0;transform:none}.action-container *{pointer-events:auto}.nav-btn{position:fixed!important;top:45%!important;transform:translateY(-50%)!important}.btn-prev{left:20px!important}.btn-next{right:20px!important}}.get-card-btn{-webkit-backdrop-filter:blur(15px)saturate(180%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;background:#2563ebd9;border:1px solid #ffffff4d;border-radius:18px;padding:14px 60px;font-family:Phudu,cursive;font-size:15px;font-weight:800;transition:all .4s cubic-bezier(.23,1,.32,1);display:block;position:relative;overflow:hidden;box-shadow:0 10px 30px #2563eb4d,inset 0 1px 1px #fff6,inset 0 -2px 10px #0000001a}.get-card-btn:before{content:"";background:linear-gradient(120deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.get-card-btn:hover{background:#2563ebf2;border-color:#ffffff80;transform:translateY(-4px)scale(1.02);box-shadow:0 15px 35px #2563eb66}.get-card-btn:hover:before{left:100%}.get-card-btn:active{background:#1e40af;transform:translateY(1px)scale(.98)}.cards-stack{width:100%;height:400px;transform-style:preserve-3d;justify-content:center;align-items:flex-start;display:flex;position:relative}.scene{width:300px;transform-style:preserve-3d;z-index:1;opacity:0;filter:blur(10px);pointer-events:none;flex-direction:column;align-items:center;transition:transform .8s cubic-bezier(.34,1.3,.64,1),opacity .6s,filter .6s;display:flex;position:absolute}.scene.active,.scene.next,.scene.prev{will-change:transform, opacity, filter}.scene.next{opacity:.3;filter:blur(4px);z-index:50;transform:translate(120%)scale(.85)rotateY(-15deg)}.scene.prev{opacity:.3;filter:blur(4px);z-index:50;transform:translate(-120%)scale(.85)rotateY(15deg)}.scene.active{opacity:1;filter:blur();pointer-events:auto;z-index:100;transform:translate(0)scale(1)rotateY(0)}.scene.far-next{opacity:0;z-index:10;transform:translate(200%)scale(.7)}.scene.far-prev{opacity:0;z-index:10;transform:translate(-200%)scale(.7)}.lanyard-wrap{transform-style:preserve-3d;transform-origin:top;flex-direction:column;align-items:center;transition:transform .1s ease-out;display:flex}.scene.active .lanyard-wrap{will-change:transform;animation:swingStrongInertia 3s cubic-bezier(.25, .46, .45, .94) forwards, cardDangleY var(--dangle-speed,6s) ease-in-out infinite alternate 3s}@keyframes swingStrongInertia{0%{transform:rotate(0)rotateY(0)}15%{transform:rotate(-15deg)rotateY(45deg)}30%{transform:rotate(12deg)rotateY(-30deg)}45%{transform:rotate(-7deg)rotateY(18deg)}60%{transform:rotate(3.5deg)rotateY(-8deg)}to{transform:rotate(0)rotateY(0)}}@keyframes cardDangleY{0%{transform:rotate(-1.8deg)rotateY(-8deg)}to{transform:rotate(1.8deg)rotateY(8deg)}}.lanyard-strap{background:var(--lanyard-color);border-radius:2px;width:14px;height:40px}.lanyard-clip{z-index:50;width:30px;height:20px;transform-style:preserve-3d;background:linear-gradient(#bdc3c7,#2c3e50);border-radius:3px;justify-content:center;margin-top:-2px;display:flex;position:relative}.lanyard-hook{z-index:10;width:8px;height:20px;transform-style:preserve-3d;border:3px solid #95a5a6;border-top:none;border-radius:0 0 10px 10px;position:absolute;top:14px}.card{width:300px;height:380px;transform-style:preserve-3d;cursor:pointer;will-change:transform;margin-top:2px;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.card.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border:1px solid var(--metal-border);border-radius:20px;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.card-front{background:linear-gradient(135deg,#fdfdfd 0%,#f1f5f9 50%,#e2e8f0 100%);box-shadow:inset 0 0 0 1px #fffc,0 10px 25px -5px #00000014}.card-back{color:#fff;background:linear-gradient(145deg,#1e3a8a,#2563eb);flex-direction:column;justify-content:center;align-items:center;padding:40px 25px 20px;display:flex;transform:rotateY(180deg)translateZ(1px)}.card-front:after{content:"";pointer-events:none;z-index:100;background:linear-gradient(90deg,#fff0 0%,#fff9 50%,#fff0 100%);width:60%;height:100%;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.scene.active .card-front:after{animation:metallicGlint var(--glint-speed,8s) infinite ease-in-out;animation-delay:var(--glint-delay,0s)}.card.flipped .card-front:after{animation:.6s ease-out forwards flipGlint}@keyframes metallicGlint{0%{opacity:.5;left:-150%}15%{opacity:.5;left:150%}to{opacity:0;left:150%}}@keyframes flipGlint{0%{opacity:1;left:-150%}to{opacity:1;left:150%}}.card-hole{background:var(--bg-light);z-index:20;border:1px solid #0000000d;border-radius:6px;width:44px;height:12px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 4px #0000001a}.header-bg{background:linear-gradient(135deg, #1e40af, var(--primary));height:95px;padding-top:20px;position:relative}.avatar-wrapper{width:76px;height:76px;box-shadow:none;z-index:2;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;backface-visibility:hidden;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:3px;display:flex;position:absolute;bottom:-38px;left:50%;transform:translate(-50%)translateZ(2px)}.card.flipped .avatar-wrapper{opacity:0!important;visibility:hidden!important;transition:opacity .1s ease-out,visibility .1s ease-out!important}.avatar{object-fit:contain;backface-visibility:hidden;background:#f8fafc;border-radius:50%;width:100%;height:100%;display:block;transform:translateZ(1px)}.avatar-error{background:var(--primary);color:#fff;backface-visibility:hidden;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;font-weight:800;display:flex;transform:translateZ(1px)}.content{text-align:center;flex-direction:column;flex-grow:1;justify-content:flex-start;margin-top:35px;padding:8px;display:flex}.company-logo{color:#fff;letter-spacing:1px;font-size:16px;font-weight:900;position:absolute;top:25px;left:20px}.name{color:var(--text-main);letter-spacing:1px;margin-bottom:2px;font-size:20px;font-weight:800}.position-main{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;justify-content:center;align-items:center;margin-bottom:20px;padding:0 10px;font-size:11px;font-weight:800;line-height:1.2;display:flex}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;padding:0 15px;display:grid}.stat-box{text-align:left;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;min-height:42px;padding:0;display:flex}.stat-label{color:var(--text-sub);text-transform:uppercase;margin-bottom:2px;font-size:7.5px;font-weight:700}.stat-value{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:700;overflow:hidden}.barcode-container{background:#fff6;border-top:1px dashed #cbd5e1;flex-direction:column;align-items:center;margin-top:auto;padding:5px 20px 10px;display:flex}.barcode-lines{background:repeating-linear-gradient(90deg,#1e293b,#1e293b 1.2px,#0000 1.2px 3px,#1e293b 3px 4px,#0000 4px 5px);width:100%;height:35px}.barcode-label{color:#1e293b;letter-spacing:3px;margin-top:3px;font-family:Courier New,Courier,monospace;font-size:7.5px;font-weight:700}.back-info{color:#bfdbfe;text-align:justify;text-justify:inter-word;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;width:100%;max-height:310px;font-size:10.2px;line-height:1.6;overflow-y:auto}.back-info::-webkit-scrollbar{display:none}.back-info p{margin:0 0 10px}.back-info ul{margin:0;padding-left:0;list-style-type:none}.back-info li{text-align:justify;margin-bottom:8px;padding-left:14px;position:relative}.back-info li:before{content:"•";color:#60a5fa;font-weight:700;position:absolute;left:0}.back-footer{color:#93c5fd;text-align:center;letter-spacing:1px;border-top:1px solid #ffffff1a;width:100%;margin-top:auto;padding-top:15px;font-size:10px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;opacity:0;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;display:flex}.modal-content{text-align:center;background:#fff;border-radius:0;width:90%;max-width:450px;padding:32px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:translateY(20px);box-shadow:0 25px 50px -12px #00000040}.modal-overlay.active .modal-content{transform:translateY(0)}.close-modal{cursor:pointer;width:32px;height:32px;color:var(--text-sub);background:#f1f5f9;border:none;border-radius:0;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:16px;right:16px}.modal-title{color:var(--text-main);margin-bottom:8px;font-size:20px;font-weight:800}.modal-desc{color:var(--text-sub);margin-bottom:24px;font-size:14px;line-height:1.5}.file-drop-area{cursor:pointer;border:2px dashed #e2e8f0;border-radius:0;margin-bottom:20px;padding:30px 20px;transition:all .3s;position:relative}.drop-text{color:#94a3b8;-webkit-user-select:none;user-select:none;font-size:42px;font-weight:200}.file-drop-area:hover{border-color:var(--primary);background:#f8fafc}.btn-submit-cv{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:0;width:100%;padding:14px;font-weight:700;transition:background .3s}.btn-submit-cv:hover{background:#1d4ed8}.success-message{color:#059669;margin-top:15px;font-size:14px;font-weight:600;display:none}@media (width<=768px){.carousel-container{height:480px;margin-top:-155px}.top-title{margin-top:0;margin-bottom:10px;padding:10px 30px;font-size:28px}.action-container{justify-content:center;align-items:center;gap:12px;width:90%;max-width:400px;padding:0 10px;display:flex;bottom:25px}.nav-btn{width:46px;min-width:46px;height:46px;font-size:20px;position:static!important;transform:none!important}.get-card-btn{text-align:center;border-radius:16px;flex-grow:1;padding:13px 0;font-size:14px}.modal-content{flex-direction:column;height:85vh;max-height:85vh;display:flex}.file-drop-area{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}}