:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #8B5CF6;--primary-dark: #7C3AED;--primary-light: #A78BFA;--primary-glow: rgba(139, 92, 246, .4);--bg-primary: #2D1B4E;--bg-secondary: #3D2663;--bg-card: rgba(139, 92, 246, .12);--bg-card-hover: rgba(139, 92, 246, .2);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--shadow-glow: 0 0 40px rgba(139, 92, 246, .3);--shadow-btn: 0 4px 20px rgba(139, 92, 246, .25);--shadow-btn-hover: 0 8px 30px rgba(139, 92, 246, .4);--border-radius: 16px;--border-radius-lg: 24px;--max-width: 400px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}#root{width:100%;min-height:100vh;min-height:100dvh}.container{width:100%;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative}.bg-glow{position:fixed;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;z-index:0}.bg-glow-1{width:400px;height:400px;background:linear-gradient(135deg,var(--primary) 0%,#6366F1 100%);top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.bg-glow-2{width:300px;height:300px;background:linear-gradient(135deg,#EC4899 0%,var(--primary) 100%);bottom:10%;left:-100px;animation:float 10s ease-in-out infinite reverse}.bg-glow-3{width:250px;height:250px;background:linear-gradient(135deg,var(--primary-light) 0%,#818CF8 100%);bottom:-50px;right:20%;animation:float 12s ease-in-out infinite}.dna-pattern{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.dna-helix{position:absolute;height:120%;width:50px;color:#ffffff12;top:-10%}.dna-1{left:2%;animation:dna-float 18s ease-in-out infinite}.dna-2{right:2%;animation:dna-float 20s ease-in-out infinite reverse}.dna-3{left:15%;opacity:.5;animation:dna-float 22s ease-in-out infinite;animation-delay:-5s}.dna-4{right:15%;opacity:.5;animation:dna-float 24s ease-in-out infinite reverse;animation-delay:-3s}.floating-logo{position:absolute;width:70px;height:70px;opacity:.05;border-radius:50%;pointer-events:none}.logo-1{top:10%;left:5%;animation:float-logo 20s ease-in-out infinite}.logo-2{bottom:10%;right:5%;width:55px;height:55px;animation:float-logo 25s ease-in-out infinite reverse;animation-delay:-6s}@keyframes dna-float{0%,to{transform:translateY(0)}50%{transform:translateY(-40px)}}@keyframes float-logo{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(10px,-15px) rotate(5deg)}50%{transform:translateY(-25px) rotate(0)}75%{transform:translate(-10px,-10px) rotate(-5deg)}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.05)}66%{transform:translate(-10px,10px) scale(.95)}}.content{position:relative;z-index:1;width:100%;max-width:var(--max-width);display:flex;flex-direction:column;align-items:center;text-align:center}.avatar-container{position:relative;margin-bottom:20px}.avatar{width:100px;height:100px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);position:relative;z-index:2;overflow:hidden}.avatar-logo{width:100%;height:100%;object-fit:cover;border-radius:50%}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.1) rotate(10deg);opacity:.8}}.avatar-ring{position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--primary-light);opacity:.5;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.2}}.header{margin-bottom:24px}.title{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;letter-spacing:-.02em}.tagline{font-size:.75rem;font-weight:500;color:var(--primary-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.bio{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.links{width:100%;display:flex;flex-direction:column;gap:12px}.link-btn{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:var(--bg-card);border:1px solid rgba(139,92,246,.2);border-radius:var(--border-radius);text-decoration:none;color:var(--text-primary);font-weight:500;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}.link-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);opacity:0;transition:opacity .3s ease;z-index:0}.link-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-btn-hover);border-color:var(--primary)}.link-btn:hover:before{opacity:1}.link-btn:active{transform:translateY(0)}.btn-icon{font-size:1.125rem;position:relative;z-index:1;transition:transform .3s ease}.link-btn:hover .btn-icon{transform:scale(1.1)}.btn-text{flex:1;position:relative;z-index:1;text-align:left}.btn-arrow{font-size:1rem;opacity:0;transform:translate(-8px);transition:all .3s ease;position:relative;z-index:1}.link-btn:hover .btn-arrow{opacity:1;transform:translate(0)}.link-btn{opacity:0;animation:fadeInUp .6s ease forwards}.link-btn:nth-child(1){animation-delay:.1s}.link-btn:nth-child(2){animation-delay:.2s}.link-btn:nth-child(3){animation-delay:.3s}.link-btn:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple-effect{to{transform:scale(4);opacity:0}}.admin-dropdown{width:100%;opacity:0;animation:fadeInUp .6s ease forwards}.admin-toggle{border:none;width:100%;text-align:left}.admin-toggle.active{border-color:var(--primary);background:var(--bg-card-hover)}.btn-chevron{font-size:.75rem;transition:transform .3s ease;opacity:.7;position:relative;z-index:1}.btn-chevron.open{transform:rotate(180deg)}.admin-menu{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin .3s ease;opacity:0;margin-top:0;background:#8b5cf614;border-radius:0 0 var(--border-radius) var(--border-radius);margin-left:8px;margin-right:8px}.admin-menu.open{max-height:500px;opacity:1;margin-top:4px}.admin-link{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;border-bottom:1px solid rgba(139,92,246,.1);text-decoration:none;color:var(--text-primary);font-weight:500;font-size:.875rem;transition:all .2s ease;position:relative;overflow:hidden;cursor:pointer}.admin-link:last-child{border-bottom:none;border-radius:0 0 var(--border-radius) var(--border-radius)}.admin-link:first-child{border-radius:var(--border-radius) var(--border-radius) 0 0}.admin-link:hover{background:#8b5cf626;padding-left:20px}.admin-link:hover .btn-arrow{opacity:1;transform:translate(0)}.admin-icon{font-size:1rem}.admin-name{flex:1}.footer{margin-top:32px;padding-top:20px;border-top:1px solid rgba(139,92,246,.1);width:100%}.footer p{font-size:.75rem;color:var(--text-muted);letter-spacing:.02em}.member-tag{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding:16px 24px;background:#8b5cf614;border-radius:var(--border-radius);border:1px solid rgba(139,92,246,.15);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);max-width:90%;width:100%}.member-content{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.member-logo{width:56px;height:auto;border-radius:4px}.member-text{font-size:.8125rem;color:var(--text-primary);font-weight:600;text-align:left;line-height:1.3}.member-id{font-size:.75rem;color:var(--text-secondary);font-family:Courier New,monospace;font-family:inherit;letter-spacing:.05em;opacity:.8}.member-info-trigger{background:none;border:none;color:var(--primary-light);font-size:.75rem;font-weight:500;text-decoration:underline;cursor:pointer;padding:0;opacity:.9;transition:opacity .2s}.member-info-trigger:hover{opacity:1}.modal-overlay{position:fixed;inset:0;background:#0f061ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.modal-content{background:var(--bg-secondary);border:1px solid rgba(139,92,246,.3);box-shadow:0 20px 50px #00000080,0 0 30px #8b5cf61a;border-radius:var(--border-radius-lg);padding:32px;width:100%;max-width:480px;position:relative;animation:slideUp .3s ease}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-title{font-size:1.5rem;color:var(--text-primary);margin-bottom:24px;text-align:center}.info-item{margin-bottom:20px;text-align:left}.info-item:last-child{margin-bottom:0}.info-item h3{font-size:1rem;color:var(--primary-light);margin-bottom:6px;display:flex;align-items:center;gap:8px}.info-item p{font-size:.9rem;color:var(--text-secondary);line-height:1.5;padding-left:28px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:420px){:root{--max-width: 100%}.container{padding:16px}.avatar{width:80px;height:80px}.avatar-icon{font-size:32px}.title{font-size:1.5rem}.link-btn{padding:14px 16px}.bg-glow-1,.bg-glow-2,.bg-glow-3{width:180px;height:180px}}@media(max-width:360px){.container{padding:12px}.title{font-size:1.375rem}.tagline{font-size:.6875rem}.bio{font-size:.8125rem}.link-btn{padding:12px 14px;font-size:.875rem}}