.profile-page{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.profile-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 20% 40%,#e8173a0f 0%,#0000 60%),radial-gradient(60% 80% at 80% 60%,#8b5cf60f 0%,#0000 60%),radial-gradient(50% 50%,#3b82f60a 0%,#0000 60%);animation:12s ease-in-out infinite alternate bgShift;position:absolute;inset:0}.profile-page:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#0000 30%,#0a0a0f66 100%);width:200%;height:200%;animation:30s linear infinite bgRotate;position:absolute;top:-50%;left:-50%}@keyframes bgShift{0%{opacity:1;transform:scale(1)translate(0)}50%{opacity:.8;transform:scale(1.1)translate(-2%,3%)}to{opacity:1;transform:scale(1)translate(2%,-2%)}}@keyframes bgRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-particles{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.profile-particles .particle{background:var(--nt-red);opacity:.15;border-radius:50%;width:3px;height:3px;animation:8s ease-in-out infinite particleFloat;position:absolute}.profile-particles .particle:first-child{animation-duration:7s;animation-delay:0s;top:20%;left:10%}.profile-particles .particle:nth-child(2){animation-duration:9s;animation-delay:1s;top:60%;left:25%}.profile-particles .particle:nth-child(3){animation-duration:6s;animation-delay:2s;top:30%;left:50%}.profile-particles .particle:nth-child(4){animation-duration:10s;animation-delay:3s;top:70%;left:70%}.profile-particles .particle:nth-child(5){animation-duration:8s;animation-delay:.5s;top:15%;left:85%}.profile-particles .particle:nth-child(6){animation-duration:11s;animation-delay:1.5s;top:80%;left:40%}@keyframes particleFloat{0%,to{opacity:.1;transform:translate(0)scale(1)}25%{opacity:.25;transform:translate(15px,-25px)scale(1.5)}50%{opacity:.15;transform:translate(-10px,-40px)scale(1)}75%{opacity:.2;transform:translate(20px,-15px)scale(1.8)}}.profile-container{z-index:1;text-align:center;opacity:0;padding:2rem;animation:.8s .2s forwards profileContainerIn;position:relative}@keyframes profileContainerIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-logo{opacity:0;margin-bottom:2.5rem;animation:.6s .3s forwards profileFadeDown}.profile-logo .nt-logo{font-size:2.8rem;display:inline-block}@keyframes profileFadeDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.profile-title{color:var(--text-primary);letter-spacing:-.01em;opacity:0;margin-bottom:3rem;font-family:Outfit,sans-serif;font-size:3rem;font-weight:500;animation:.6s .5s forwards profileFadeDown}.profile-grid{flex-wrap:wrap;justify-content:center;gap:2.5rem;max-width:700px;margin-bottom:3rem;display:flex}.profile-card{cursor:pointer;transition:transform var(--transition-smooth);opacity:0;flex-direction:column;align-items:center;gap:.875rem;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards profileCardIn;display:flex;transform:scale(.7)}.profile-card:first-child{animation-delay:.6s}.profile-card:nth-child(2){animation-delay:.75s}.profile-card:nth-child(3){animation-delay:.9s}.profile-card:nth-child(4){animation-delay:1.05s}@keyframes profileCardIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.profile-card:hover{transform:scale(1.08)}.profile-avatar{border-radius:var(--radius-full);width:120px;height:120px;transition:all var(--transition-smooth);border:3px solid #0000;justify-content:center;align-items:center;font-size:3.2rem;display:flex;position:relative;overflow:hidden}.profile-avatar:before{content:"";border-radius:var(--radius-full);-webkit-mask-composite:xor;transition:all var(--transition-smooth);opacity:0;background:0 0;padding:3px;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.profile-card:hover .profile-avatar:before{opacity:1}.profile-card:hover .profile-avatar{box-shadow:0 0 40px rgba(var(--profile-color-rgb,232, 23, 58), .35)}.profile-card[data-color=red] .profile-avatar:before{background:linear-gradient(135deg,#e8173a,#ff2d55,#e8173a)}.profile-card[data-color=red]:hover .profile-avatar{box-shadow:0 0 40px #e8173a66,0 0 80px #e8173a26}.profile-card[data-color=purple] .profile-avatar:before{background:linear-gradient(135deg,#8b5cf6,#a78bfa,#8b5cf6)}.profile-card[data-color=purple]:hover .profile-avatar{box-shadow:0 0 40px #8b5cf666,0 0 80px #8b5cf626}.profile-card[data-color=blue] .profile-avatar:before{background:linear-gradient(135deg,#3b82f6,#60a5fa,#3b82f6)}.profile-card[data-color=blue]:hover .profile-avatar{box-shadow:0 0 40px #3b82f666,0 0 80px #3b82f626}.profile-card[data-color=gray] .profile-avatar:before{background:linear-gradient(135deg,#6b7280,#9ca3af,#6b7280)}.profile-card[data-color=gray]:hover .profile-avatar{box-shadow:0 0 40px #6b728066,0 0 80px #6b728026}.profile-card.is-add .profile-avatar{border:2px dashed var(--text-muted);background:0 0!important}.profile-card.is-add:hover .profile-avatar{border-color:var(--text-secondary)}.profile-name{color:var(--text-muted);transition:color var(--transition-fast);font-family:Inter,sans-serif;font-size:.95rem;font-weight:500}.profile-card:hover .profile-name{color:var(--text-primary)}.profile-edit-icon{border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-smooth);pointer-events:none;background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.profile-edit-icon svg{width:32px;height:32px;color:var(--text-primary)}.profile-card.edit-mode .profile-edit-icon{opacity:1}.profile-card.edit-mode .profile-avatar{border-color:var(--text-muted)}.profile-manage-btn{border:1px solid var(--text-muted);border-radius:var(--radius-sm);color:var(--text-muted);letter-spacing:.04em;cursor:pointer;transition:all var(--transition-smooth);opacity:0;background:0 0;margin-top:1rem;padding:.625rem 1.5rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;animation:.5s 1.2s forwards profileFadeDown}.profile-manage-btn:hover{color:var(--text-primary);border-color:var(--text-primary);background:#ffffff0d}.profile-manage-btn.active{background:var(--nt-red);border-color:var(--nt-red);color:#fff}@media (width<=640px){.profile-title{margin-bottom:2rem;font-size:1.75rem}.profile-grid{gap:1.5rem}.profile-avatar{width:90px;height:90px;font-size:2.4rem}.profile-logo .nt-logo{font-size:2rem}.profile-name{font-size:.8rem}}@media (width<=400px){.profile-grid{gap:1rem}.profile-avatar{width:75px;height:75px;font-size:2rem}}