.about{--accent: #7b5cff;--accent-text: #c4b5fd;--panel: rgba(14, 12, 26, .72);--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--text: #f4f2ff;--muted: #a39dc2;--faint: #6f6a8c;min-height:100vh;min-height:100svh;display:flex;justify-content:center;align-items:center;padding:32px 16px 88px;box-sizing:border-box;background:radial-gradient(900px 500px at 50% -10%,rgba(123,92,255,.28),transparent 65%),radial-gradient(700px 400px at 100% 100%,rgba(56,189,248,.07),transparent 60%),linear-gradient(180deg,#0d0b18,#08070f);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}.about *,.about *:before,.about *:after{box-sizing:border-box}.about h1,.about p{margin:0}.about a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.about-card{width:100%;max-width:440px;padding:36px 28px 28px;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 24px 60px #00000073;animation:about-in .5s ease both}.about-avatar{width:96px;height:96px;margin:0 auto 16px;display:block;border-radius:50%;object-fit:cover;background:#2a2540;box-shadow:0 0 0 4px #0e0c1ae6,0 0 0 6px #7b5cff73,0 12px 36px #7b5cff73}.about-name{font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(180deg,#fff 30%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.about-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:12px}.about-tag{font-size:12px;font-weight:500;padding:3px 10px;border-radius:999px;color:var(--accent-text);border:1px solid rgba(123,92,255,.35);background:#7b5cff14}.about-text{margin-top:18px!important;font-size:15px;color:#d9d5ec}.socials{display:flex;flex-direction:column;gap:8px;margin-top:24px;text-align:left}.social,.about-feature{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:14px;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--border);transition:background .15s,border-color .15s,transform .15s}.social:hover,.about-feature:hover{background:var(--surface-hover);transform:translateY(-1px)}.social:hover{border-color:color-mix(in srgb,var(--brand) 55%,transparent)}.social-icon{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-size:15px;font-weight:700;color:var(--brand);background:color-mix(in srgb,var(--brand) 16%,transparent);border:1px solid color-mix(in srgb,var(--brand) 35%,transparent)}.social-text{display:flex;flex-direction:column;min-width:0;flex:1}.social-label{font-size:14px;font-weight:600}.social-detail{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.about-arrow{flex:none;color:var(--faint);font-size:15px;transition:color .15s,transform .15s}.social:hover .about-arrow,.about-feature:hover .about-arrow{color:var(--text);transform:translate(2px,-2px)}.about-feature{margin-top:24px;text-align:left;border-color:#7b5cff66;background:linear-gradient(135deg,#7b5cff38,#7b5cff0f)}.about-feature>span:nth-child(2){display:flex;flex-direction:column;flex:1}.about-feature-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-size:18px;background:#7b5cff40}.about-feature-title{font-weight:600}.about-feature-sub{font-size:12px;color:var(--muted)}.about-contact{margin-top:22px!important;font-size:12px;color:var(--faint)}.about-contact b{color:var(--text);font-weight:600}.stats-btn{position:fixed;bottom:20px;right:20px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--faint);background:var(--surface);border:1px solid var(--border);transition:color .15s,background .15s,border-color .15s;z-index:9999}.stats-btn:hover{color:#fff;background:#7b5cff40;border-color:#7b5cff80}@keyframes about-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.about-card{animation:none}.social:hover,.about-feature:hover{transform:none}}@media (max-width: 480px){.about-card{padding:28px 18px 22px;border-radius:20px}.about-name{font-size:30px}}:root{font-family:Inter,system-ui,sans-serif;color-scheme:dark;color:#fff;background-color:#000}html,body,#root{height:100%;margin:0;background-color:#121212;color:#fff}body{font-family:inherit}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/ui-9mm.gif) center/cover no-repeat;opacity:.05;z-index:-1}@media (max-width: 900px){input,textarea,.rs__control,.rs__menu,.rs__option,.rs__single-value,.rs__input-container,.rs__placeholder{font-size:16px!important}}