@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg:#0f0f0f;--color-surface:#1a1a1a;--color-surface-hover:#252525;--color-text:#f5f5f5;--color-text-muted:#a0a0a0;--color-accent:#509e2f;--color-accent-light:#6ec248;--color-accent-dark:#3d7a23;--color-border:#509e2f33;--color-glow:#509e2f26;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-glow:0 0 40px var(--color-glow);--font-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--transition:.3s cubic-bezier(.25,.46,.45,.94)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}.container{flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px 30px;display:flex;position:relative;overflow:hidden}#aurora-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.premium-badge{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));border-radius:var(--radius-full);letter-spacing:1.5px;text-transform:uppercase;color:#0f0f0f;align-items:center;gap:6px;margin-bottom:24px;padding:6px 16px;font-size:.7rem;font-weight:700;animation:.6s ease-out fadeInDown;display:inline-flex;box-shadow:0 4px 20px #509e2f4d}.premium-badge svg{width:14px;height:14px}.card{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:420px;animation:.8s ease-out fadeInUp;display:flex;position:relative}.avatar{border:3px solid var(--color-accent);width:110px;height:110px;box-shadow:var(--shadow-glow),var(--shadow-md);background:var(--color-surface);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;animation:.6s ease-out .2s both fadeInScale;display:flex;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar__initials{color:var(--color-accent);font-size:2.4rem;font-weight:700;display:none}.avatar--fallback .avatar__initials{display:block}.verified-icon{background:var(--color-accent);border:3px solid var(--color-bg);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:2px;right:2px}.verified-icon svg{fill:#0f0f0f;width:14px;height:14px}.profile__name{color:var(--color-text);text-align:center;margin-bottom:4px;font-size:1.6rem;font-weight:700;animation:.6s ease-out .3s both fadeInUp}.profile__username{color:var(--color-accent);margin-bottom:12px;font-size:.9rem;font-weight:500;animation:.6s ease-out .35s both fadeInUp}.profile__bio{color:var(--color-text-muted);text-align:center;max-width:340px;margin-bottom:28px;font-size:.9rem;line-height:1.6;animation:.6s ease-out .4s both fadeInUp}.links{flex-direction:column;gap:12px;width:100%;margin-bottom:32px;display:flex}.link-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:var(--transition);align-items:center;gap:14px;padding:16px 20px;text-decoration:none;animation:.5s ease-out both fadeInUp;display:flex;position:relative;overflow:hidden}.link-btn:first-child{animation-delay:.45s}.link-btn:nth-child(2){animation-delay:.5s}.link-btn:nth-child(3){animation-delay:.55s}.link-btn:nth-child(4){animation-delay:.6s}.link-btn:nth-child(5){animation-delay:.65s}.link-btn:nth-child(6){animation-delay:.7s}.link-btn:nth-child(7){animation-delay:.75s}.link-btn:nth-child(8){animation-delay:.8s}.link-btn:before{content:"";opacity:0;transition:var(--transition);background:linear-gradient(135deg,#509e2f1a,#0000);position:absolute;inset:0}.link-btn:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow);background:var(--color-surface-hover);transform:translateY(-2px)}.link-btn:hover:before{opacity:1}.link-btn:active{transform:translateY(0)scale(.98)}.link-btn__icon{border-radius:var(--radius-sm);z-index:1;background:#509e2f1a;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.link-btn__icon svg{width:20px;height:20px;fill:var(--color-accent)}.link-btn__text{z-index:1;flex:1;font-size:.95rem;font-weight:600;position:relative}.link-btn__arrow{opacity:0;transition:var(--transition);z-index:1;color:var(--color-accent);margin-left:auto;position:relative;transform:translate(-8px)}.link-btn:hover .link-btn__arrow{opacity:1;transform:translate(0)}.divider{background:linear-gradient(90deg,transparent,var(--color-accent),transparent);border-radius:2px;width:60px;height:2px;margin:0 auto 24px}.social-icons{justify-content:center;gap:16px;margin-bottom:32px;animation:.6s ease-out .9s both fadeInUp;display:flex}.social-icon{background:var(--color-surface);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-muted);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-icon:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-surface-hover);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.footer{z-index:1;text-align:center;margin-top:auto;padding-top:20px;animation:.6s ease-out 1s both fadeInUp;position:relative}.footer p{color:var(--color-text-muted);opacity:.5;font-size:.75rem}.footer__branding{color:var(--color-text-muted);opacity:.4;justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:.7rem;text-decoration:none;display:flex}.footer__branding:hover{opacity:.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.container{padding:30px 16px 24px}.avatar{width:96px;height:96px}.profile__name{font-size:1.4rem}.link-btn{padding:14px 16px}.link-btn__icon{width:36px;height:36px}}@media (min-width:768px){.container{padding:60px 20px 40px}.avatar{width:120px;height:120px}.profile__name{font-size:1.8rem}}.ripple{pointer-events:none;background:#509e2f4d;border-radius:50%;animation:.6s ease-out rippleEffect;position:absolute;transform:scale(0)}@keyframes rippleEffect{to{opacity:0;transform:scale(4)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-accent-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}