*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#000;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}a{text-decoration:none}.card{opacity:0;flex-direction:column;align-items:center;width:240px;margin-top:40px;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(60px)scale(.95)}.card.cardVisible{opacity:1;transform:translateY(0)scale(1)}.avatarWrapper{z-index:1;background:#1a1a2e;border:3px solid #7c3aed;border-radius:50%;flex-shrink:0;width:230px;height:230px;transition:box-shadow .4s,border-color .4s;position:relative;overflow:hidden;box-shadow:0 0 #7c3aed00}.card:hover .avatarWrapper{border-color:#00e5c8;box-shadow:0 0 24px 4px #00e5c859}.avatar{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s}.card:hover .avatar{transform:scale(1.06)}.info{text-align:center;-webkit-backdrop-filter:blur(12px);background:linear-gradient(160deg,#7c3aed40 0%,#10b98126 100%);border:1px solid #7c3aed66;border-radius:20px;width:280px;min-height:300px;margin-top:-50px;padding:60px 20px 28px;transition:border-color .4s,box-shadow .4s,transform .4s;box-shadow:0 8px 32px #7c3aed26,inset 0 1px #ffffff12}.card:hover .info{border-color:#00e5c899;transform:translateY(-4px);box-shadow:0 12px 40px #00e5c833,inset 0 1px #ffffff1a}.name{color:#fff;letter-spacing:.04em;text-shadow:0 0 10px #00e5c866;font-size:1.1rem;font-weight:700}.role{color:#00e5c8;letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:.78rem;font-weight:500}.description{color:#ffffffa6;white-space:pre-line;margin-top:14px;font-size:.74rem;line-height:1.6}@media (width<=768px){.card{width:180px;margin-top:24px}.avatarWrapper{width:160px;height:160px}.info{width:210px;min-height:200px;margin-top:-40px;padding:50px 14px 20px}.name{font-size:1rem}.description{font-size:.7rem}}@media (width<=480px){.card{width:90%;max-width:300px;margin-top:20px}.avatarWrapper{width:130px;height:130px}.info{width:100%;min-height:180px;margin-top:-36px;padding:48px 16px 24px}}.header{z-index:100;background-color:#000;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:100px;padding:0 40px;display:flex}.logo{cursor:pointer;align-items:center;gap:10px;display:flex}.logoImg{object-fit:contain;border-radius:8px;height:80px}.navLinks{align-items:center;gap:40px;list-style:none;display:flex}.navLink{color:#fff;font-size:1rem;transition:color .2s}.navLink:hover{color:#00e5c8}.navLinkActive{color:#00e5c8;font-size:1rem}.divider{background:linear-gradient(160deg,#7c3aed 0%,#f3ff0c 100%);height:2px}@media (width<=768px){.nav{height:80px;padding:0 24px}.logoImg{height:60px}.navLinks{gap:24px}}@media (width<=480px){.nav{flex-wrap:wrap;gap:10px;height:auto;padding:10px 16px}.navLinks{flex-wrap:wrap;gap:16px}.navLink,.navLinkActive{font-size:.8rem}.logoImg{height:48px}}.heroLanding{background-color:#000;justify-content:center;align-items:flex-start;min-height:100vh;padding-top:12vh;display:flex}.centerText{text-align:center;padding:0 20px}.heading{color:#fff;text-shadow:0 0 10px #2aff48,0 0 10px #ffffff4d;letter-spacing:.02em;flex-direction:column;align-items:center;gap:8px;font-size:clamp(2.8rem,6vw,5rem);font-weight:500;line-height:1.4;display:flex}.headingLine{flex-wrap:wrap;justify-content:center;gap:.3em;display:flex}@keyframes wordEntry{0%{opacity:0;filter:blur(6px);transform:translateY(30px)rotateX(60deg)}to{opacity:1;filter:blur();transform:translateY(0)rotateX(0)}}.wordAnimate{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) forwards wordEntry;display:inline-block}@media (width<=480px){.heroLanding{padding-top:8vh}.centerText{padding:0 12px}}.hero{background-color:#000;justify-content:space-around;align-items:center;gap:40px;min-height:100vh;padding:60px;display:flex}.leftCard,.rightCard{flex-shrink:0}@media (width<=900px){.hero{flex-direction:column;align-items:center;gap:60px;min-height:auto;padding:60px 20px}}@media (width<=480px){.hero{gap:40px;padding:40px 12px}}.footer{z-index:100;background-color:#000;position:sticky;bottom:0}.links{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;padding:20px 40px;display:flex}.link{color:#00e5c8;align-items:center;font-size:.95rem;transition:opacity .2s;display:flex}.link:hover{opacity:.75}.footerButton{color:#00e5c8;cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;transition:opacity .2s}.footerButton:hover{opacity:.75}@media (width<=480px){.links{gap:16px;padding:14px 12px}.link,.footerButton{font-size:.8rem}}.dialogOverlay{z-index:1000;pointer-events:none;background:0 0;justify-content:center;align-items:center;padding-top:50px;transition:background .3s;display:flex;position:fixed;inset:0}.dialogOverlayOpen{pointer-events:all;background:#000000bf}.dialogBox{opacity:0;border-radius:16px;width:90vw;max-width:760px;height:70vh;max-height:500px;transition:opacity .35s,transform .35s;position:relative;overflow:hidden;transform:scale(.85)translateY(30px);box-shadow:0 0 40px #7c3aed80}.dialogBoxOpen{opacity:1;transform:scale(1)translateY(0)}.dialogVideo{object-fit:cover;width:100%;height:100%;display:block}.dialogClose{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex;position:absolute;top:12px;right:12px}@media (width<=480px){.dialogBox{width:95vw;height:50vh;max-height:none}.dialogOverlay{align-items:center;padding-top:20px}}
