body{margin:0;padding:0;overflow:hidden;background:#000;cursor:crosshair}canvas{display:block;background:#000}.cards-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10}.card{pointer-events:auto;position:absolute;width:280px;height:160px;perspective:1000px;cursor:pointer;outline:none}.card:nth-child(1){top:15vh;left:12vw}.card:nth-child(2){top:25vh;left:60vw}.card:nth-child(3){top:50vh;left:20vw}.card:nth-child(4){top:65vh;left:70vw}.card:nth-child(5){top:75vh;left:45vw}.card:focus-visible{outline:2px solid #2c3e50;outline-offset:6px}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d;border-radius:4px;box-shadow:0 2px 24px #00000014,0 1px 4px #0000000a;transform:scale(.75)}.card:hover .card-inner{transform:rotateY(180deg) scale(1)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.04);transition:all .3s ease;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.card-front{background:linear-gradient(135deg,#c3e5eefa,#f8f9faf5);color:#2c3e50;text-shadow:none;border-left:3px solid #3498db}.card-back{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;transform:rotateY(180deg)}.card-front h3,.card-back h3{margin:0 0 12px;font-size:1.5rem;font-weight:300;letter-spacing:.5px}.card-icon{font-size:2.8rem;margin-top:8px;filter:none;opacity:.8;text-shadow:0 1px 2px rgba(255,255,255,.8),0 2px 8px rgba(0,0,0,.4)}.crossword-icon{width:2.8rem;height:2.8rem;filter:drop-shadow(0 1px 2px rgba(255,255,255,.8)) drop-shadow(0 2px 8px rgba(0,0,0,.4))}.card-back p{margin:8px 0;font-size:.95rem;font-weight:300;line-height:1.5;text-align:center;letter-spacing:.2px}.card-back a{color:#3498db;text-decoration:none;font-weight:400;border-bottom:1px solid transparent;transition:all .2s ease;padding:2px 0}.card-back a:hover{color:#2980b9;border-bottom-color:#3498db}.card-back a:focus{outline:2px solid #3498db;outline-offset:2px;border-radius:2px}.card-back ul{list-style:none;padding:0;margin:0;text-align:center}.card-back li{margin:6px 0;font-size:.95rem;font-weight:300;letter-spacing:.2px}.card-back li.social{display:flex;align-items:center;justify-content:center;gap:8px}.social-icon{font-size:1.2rem;opacity:.7;transition:all .2s ease;flex-shrink:0;width:20px;text-align:center}.card-back li:hover .social-icon{opacity:1;transform:scale(1.1)}.social-li:hover .fa-linkedin{color:#0077b5}.social-tw:hover .fa-twitter{color:#1da1f2}.social-ig:hover .fa-instagram{color:#e4405f}.social-fb:hover .fa-facebook{color:#1877f2}.click-hint{position:absolute;bottom:16px;font-size:.75rem;opacity:.6;font-style:normal;font-weight:400;letter-spacing:.3px}@media (max-width: 768px){.card{width:200px;height:130px}.card:nth-child(1){top:10vh;left:8vw}.card:nth-child(2){top:25vh;left:55vw}.card:nth-child(3){top:45vh;left:12vw}.card:nth-child(4){top:60vh;left:60vw}.card:nth-child(5){top:78vh;left:35vw}.card-front h3,.card-back h3{font-size:1.2rem}.card-icon{font-size:2rem}.card-back p{font-size:.8rem}}@media (max-width: 480px){.card{width:180px;height:110px}.card:nth-child(1){top:8vh;left:5vw}.card:nth-child(2){top:22vh;left:52vw}.card:nth-child(3){top:38vh;left:8vw}.card:nth-child(4){top:54vh;left:48vw}.card:nth-child(5){top:70vh;left:25vw}.card-front h3,.card-back h3{font-size:1.1rem}.card-icon{font-size:1.8rem;margin-top:5px}.card-back p{font-size:.75rem;margin:5px 0}.click-hint{bottom:10px;font-size:.7rem}}.card:hover .card-inner{box-shadow:0 8px 48px #0000001f,0 2px 8px #00000014}.card:hover .card-front,.card:hover .card-back{border-color:#3498db33}.card:active{transform:scale(.98)}