.test-page{background:var(--page-bg);min-height:100vh;font-family:var(--font-inter,"Inter","Space Grotesk",system-ui,-apple-system,sans-serif);color:var(--text-primary);padding:clamp(2rem,3vw,3rem) clamp(1.5rem,6vw,6rem);position:relative;overflow:hidden}@media (max-width:768px){.test-page{padding:calc(2rem + 72px) 1.5rem 6rem}}.back-button{z-index:100;background:var(--surface);-webkit-backdrop-filter:blur(20px)saturate(180%);color:var(--text-primary);cursor:pointer;border:1.5px solid #4f7dbd59;border-radius:999px;align-items:center;gap:.6rem;padding:.75rem 1.4rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:clamp(1.5rem,4vw,2.5rem);left:clamp(1.5rem,4vw,2.5rem);box-shadow:0 8px 24px #0f28501a}.back-button svg{width:18px;height:18px;transition:transform .3s}.back-button:hover{background:var(--surface-strong);border-color:#4f7dbd99;transform:translate(-4px);box-shadow:0 12px 32px #0f285026}.back-button:hover svg{transform:translate(-2px)}.back-button:active{transform:translate(-2px)scale(.98)}@media (max-width:768px){.back-button{gap:.5rem;padding:.65rem 1.2rem;font-size:.85rem;top:1rem;left:1rem}.back-button svg{width:16px;height:16px}}.bg-cloud{filter:blur(90px);opacity:.65;z-index:0;border-radius:50%;width:420px;height:420px;animation:18s ease-in-out infinite float;position:absolute}.bg-cloud--one{background:var(--cloud-one);top:-120px;right:-80px}.bg-cloud--two{background:var(--cloud-two);bottom:-160px;left:-60px}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(20px,-25px)scale(1.05)}to{transform:translate(0)scale(1)}}.team-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.4rem;display:grid;position:relative}.team-card{background:var(--surface-strong);box-shadow:var(--soft-shadow);border:1px solid #6193ff40;border-radius:32px;flex-direction:column;gap:1.8rem;padding:2.4rem;transition:transform .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.team-card:hover{box-shadow:var(--hover-shadow);transform:translateY(-12px)}.card-glow{border-radius:inherit;opacity:0;background:radial-gradient(circle at 30% 10%,#ffffff1a,#0000 45%),radial-gradient(circle at 80% 0,#6ed0ff40,#0000 50%);transition:opacity .4s;position:absolute;inset:0}.team-card:hover .card-glow{opacity:1}.profile-pod{background:linear-gradient(135deg,var(--surface-soft),#6a9eff2e);border-radius:26px;justify-content:center;align-items:center;padding:1.7rem;display:flex;position:relative;overflow:hidden}.pod-img{object-fit:cover;border-radius:26px;width:100%;height:100%}.pod-orbit{border:2px dashed #6292ff66;border-radius:50%;width:200px;height:380px;animation:14s linear infinite orbit;position:absolute}.pod-core{background:linear-gradient(140deg,#fffffff2,var(--aura,#78b2ff));color:#061435;letter-spacing:.1em;text-transform:uppercase;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:110px;height:140px;font-weight:700;display:flex;position:relative;box-shadow:0 15px 35px #4674c940}.initials{font-size:1.4rem}.role-chip{letter-spacing:.2em;margin-top:.4rem;font-size:.65rem}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.team-card__body{z-index:1;flex-direction:column;gap:1.4rem;display:flex;position:relative}.team-card__title{justify-content:space-between;align-items:center;gap:1rem;display:flex}.card-focus{text-transform:uppercase;letter-spacing:.3em;color:#4f7dbdd9;margin:0 0 .3rem;font-size:.75rem}.team-card__title h2{color:var(--text-primary);margin:0;font-size:2rem}.role-tags{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.role-tag{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#5a9cff,#4f7dbd);border-radius:999px;padding:.35rem .9rem;font-size:.75rem;font-weight:600;display:inline-block;box-shadow:0 4px 12px #4f7dbd59}.rank-tag{letter-spacing:.08em;text-transform:uppercase;color:#4f7dbd;background:#4f7dbd1a;border:1px solid #4f7dbd33;border-radius:999px;align-items:center;padding:.35rem .9rem;font-size:.75rem;font-weight:700;display:inline-flex}.rank-tag.top-rated{color:#000;background:linear-gradient(135deg,gold,#fa0);border:none;box-shadow:0 4px 12px #ffaa004d}.team-card__stats{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.stat-pill{background:var(--surface-soft);color:#4f7dbd;border:1.5px solid #79adff33;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.stat-pill svg{stroke:#5a9cff;width:16px;height:16px}.promo-pill{color:#9a6f00;letter-spacing:.04em;background:#ffd7001a;border:1.5px solid #ffaa004d;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-family:Space Grotesk,monospace;font-size:.85rem;font-weight:700;display:inline-flex}.promo-pill svg{stroke:#d4a000;flex-shrink:0;width:14px;height:14px}.team-card__bio{color:var(--text-muted);margin:0;font-size:1.02rem;line-height:1.7}.team-card__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.team-card__socials{gap:.75rem;display:flex}.pulse-dot{background:radial-gradient(circle,#5ac8ff 30%,#5ac8ff00);border-radius:50%;width:14px;height:14px;animation:2.6s ease-in-out infinite pulse;box-shadow:0 0 12px #5ac8ffcc}@keyframes pulse{0%{opacity:.6;transform:scale(.8)}60%{opacity:1;transform:scale(1.4)}to{opacity:.6;transform:scale(.8)}}.social-pill{background:var(--surface-strong);cursor:pointer;border:1px solid #79adff73;border-radius:16px;place-items:center;width:44px;height:44px;transition:all .25s;display:grid}.social-pill svg{fill:#4f7dbd;width:20px;height:20px;transition:transform .2s}.social-pill:hover{border-color:#7aadff;transform:translateY(-2px);box-shadow:0 12px 25px #4a5c7633}.cta-button{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#7aadff,#4f7dbd);border:none;border-radius:999px;padding:.75rem 1.9rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 12px 30px #4f7dbd73}.cta-button:hover{transform:translateY(-3px);box-shadow:0 20px 35px #4f7dbd99}@media (max-width:768px){.team-card__footer{flex-direction:column;align-items:flex-start}.cta-button{text-align:center;width:100%}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#02102a99;place-items:center;padding:1rem;animation:.3s fadeIn;display:grid;position:fixed;inset:0}.modal-content{background:var(--surface-strong);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--hover-shadow);border:1px solid #6193ff40;border-radius:32px;padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto}.modal-close{background:var(--surface-strong);cursor:pointer;color:#4f7dbd;border:1px solid #79adff73;border-radius:50%;place-items:center;width:40px;height:40px;transition:all .2s;display:grid;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{background:#4f7dbd1a;transform:scale(1.05)}.modal-close svg{width:20px;height:20px}.modal-header{border-bottom:1px solid #4f7dbd26;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.modal-avatar{border-radius:24px;flex-shrink:0;width:100px;height:100px;overflow:hidden;box-shadow:0 15px 35px #4674c940}.modal-img{object-fit:cover;width:100%;height:100%}.modal-initials{color:#061435;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;font-weight:700;display:flex}.modal-title-area h2{color:var(--text-primary);margin:.2rem 0 .8rem;font-size:2.2rem}.modal-body{flex-direction:column;gap:2rem;display:flex}.modal-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.2rem}.modal-section p{color:var(--text-muted);margin:0;font-size:1.05rem;line-height:1.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:600px){.modal-content{padding:1.5rem}.modal-header{text-align:center;flex-direction:column;gap:1rem}.modal-title-area .role-tags{justify-content:center}}
