*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh}html{scroll-behavior:smooth}::selection{color:inherit;background-color:#667eea4d}:focus-visible{outline-offset:2px;outline:2px solid #667eea}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;position:relative;overflow-x:hidden}.app:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#7877c64d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ff87874d 0%,#0000 50%),radial-gradient(circle at 40% 20%,#87cefa4d 0%,#0000 50%);animation:15s infinite backgroundShift;position:absolute;inset:0}@keyframes backgroundShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.header{text-align:center;z-index:1;padding:3rem 1rem 2rem;position:relative}.title{color:#fff;text-shadow:0 4px 20px #0000004d;margin-bottom:.5rem;font-size:3rem;font-weight:800;animation:.8s fadeInDown}.emoji{animation:2s infinite bounce;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.subtitle{color:#ffffffe6;font-size:1.2rem;font-weight:300;animation:.8s fadeInUp}.main-content{z-index:1;max-width:1400px;margin:0 auto;padding:2rem 1rem 4rem;position:relative}.section-divider{align-items:center;gap:2rem;margin:4rem 0 3rem;animation:.8s fadeInUp;display:flex}.divider-line{background:linear-gradient(90deg,#0000,#ffffff80,#0000);border-radius:10px;flex:1;height:3px}.section-title{color:#fff;text-shadow:0 4px 20px #0000004d;white-space:nowrap;align-items:center;gap:1rem;font-size:2rem;font-weight:800;animation:2s infinite titlePulse;display:flex}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.section-icon{font-size:2.5rem;animation:2s infinite iconBounce}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.users-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.no-data{text-align:center;background:#fffffff2;border-radius:20px;padding:4rem 2rem;box-shadow:0 20px 60px #0000004d}.no-data .emoji{margin-bottom:1rem;font-size:4rem;display:block}.no-data p{color:#7f8c8d;font-size:1.2rem;font-weight:600}.refresh-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;width:100%;max-width:400px;margin:2rem auto 0;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 30px #667eea66}.refresh-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.refresh-button:hover:before{left:100%}.refresh-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #667eea80}.refresh-button:active{transform:translateY(-1px)}.refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.footer{text-align:center;color:#ffffffe6;z-index:1;padding:2rem 1rem;font-size:.95rem;position:relative}.footer-note{opacity:.8;margin-top:.5rem;font-size:.85rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.title{font-size:2rem}.subtitle{font-size:1rem}.section-divider{gap:1rem;margin:3rem 0 2rem}.section-title{font-size:1.5rem}.section-icon{font-size:2rem}.users-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=480px){.header{padding:2rem 1rem 1.5rem}.title{font-size:1.8rem}.section-divider{flex-direction:column;gap:1rem}.divider-line{width:100%;height:2px}.section-title{font-size:1.3rem}.users-grid{gap:1rem}}.featured-user{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border-radius:40px;margin-bottom:4rem;padding:3rem;animation:1s cubic-bezier(.34,1.56,.64,1) featuredFadeIn;position:relative;overflow:hidden;box-shadow:0 40px 100px #0000004d,inset 0 0 0 1px #ffffff80}@keyframes featuredFadeIn{0%{opacity:0;transform:translateY(-50px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.featured-badge{color:#667eea;text-transform:uppercase;letter-spacing:2px;justify-content:center;align-items:center;gap:1rem;margin-bottom:2.5rem;font-size:1.2rem;font-weight:700;animation:2s infinite badgePulse;display:flex}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.featured-badge .star{font-size:1.5rem;animation:3s linear infinite starRotate}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.featured-content{z-index:2;align-items:center;gap:3rem;display:flex;position:relative}.featured-image-wrapper{flex-shrink:0;position:relative}.featured-image{object-fit:cover;z-index:3;border:8px solid #fff;border-radius:50%;width:250px;height:250px;transition:transform .4s;position:relative;box-shadow:0 20px 60px #0000004d,0 0 0 2px #667eea4d}.featured-image:hover{transform:scale(1.08)rotate(5deg)}.featured-glow-ring,.featured-glow-ring-2{z-index:1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.featured-glow-ring{filter:blur(30px);opacity:.6;background:linear-gradient(135deg,#667eea,#764ba2);width:280px;height:280px;animation:3s infinite glowPulse}.featured-glow-ring-2{filter:blur(40px);opacity:.4;background:linear-gradient(135deg,#f093fb,#f5576c);width:320px;height:320px;animation:3s 1.5s infinite glowPulse}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}.featured-status{color:#fff;z-index:4;background:linear-gradient(135deg,#10b981,#059669);border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;animation:2s infinite statusBounce;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 5px 20px #10b98166}@keyframes statusBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.status-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.5s infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.featured-info{flex:1}.featured-name{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800;line-height:1.2;animation:.8s .3s both nameSlideIn}@keyframes nameSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.featured-username{color:#7f8c8d;margin-bottom:2rem;font-size:1.3rem;font-weight:600;animation:.8s .4s both nameSlideIn}.featured-stats{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:20px;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;animation:.8s .5s both nameSlideIn;display:flex}.stat-item{flex:1;align-items:center;gap:1rem;display:flex}.stat-icon{font-size:2.5rem}.stat-value{color:#2c3e50;margin-bottom:.3rem;font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.stat-divider{background:linear-gradient(#0000,#bdc3c7,#0000);width:2px;height:50px}.featured-contact{gap:1rem;margin-bottom:2rem;animation:.8s .6s both nameSlideIn;display:flex}.contact-btn{color:#fff;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:.8rem;padding:1rem 2rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.contact-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.contact-btn:hover:before{left:100%}.email-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.email-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #667eea66}.phone-btn{background:linear-gradient(135deg,#f093fb,#f5576c)}.phone-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #f093fb66}.featured-details{flex-direction:column;gap:1rem;animation:.8s .7s both nameSlideIn;display:flex}.detail-row{background:#fff;border-radius:15px;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .3s;display:flex;box-shadow:0 5px 15px #0000001a}.detail-row:hover{transform:translate(10px);box-shadow:0 8px 25px #00000026}.detail-icon{font-size:1.5rem}.detail-text{color:#2c3e50;font-size:1rem;font-weight:600}.featured-decoration{pointer-events:none;z-index:1;position:absolute;inset:0}.decoration-circle{opacity:.1;border-radius:50%;position:absolute}.circle-1{background:linear-gradient(135deg,#667eea,#764ba2);width:200px;height:200px;animation:6s infinite float;top:-50px;right:-50px}.circle-2{background:linear-gradient(135deg,#f093fb,#f5576c);width:150px;height:150px;animation:8s 2s infinite float;bottom:-30px;left:10%}.circle-3{background:linear-gradient(135deg,#4facfe,#00f2fe);width:100px;height:100px;animation:7s 1s infinite float;top:50%;right:5%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}@media (width<=1024px){.featured-content{text-align:center;flex-direction:column}.featured-image{width:200px;height:200px}.featured-glow-ring{width:230px;height:230px}.featured-glow-ring-2{width:270px;height:270px}.featured-name{font-size:2.5rem}.featured-stats{flex-direction:column;gap:1rem}.stat-divider{display:none}}@media (width<=768px){.featured-user{margin-bottom:3rem;padding:2rem 1.5rem}.featured-badge{gap:.5rem;font-size:.9rem}.featured-image{width:180px;height:180px}.featured-name{font-size:2rem}.featured-username{font-size:1.1rem}.featured-contact{flex-direction:column}.stat-value{font-size:1.2rem}}@media (width<=480px){.featured-user{padding:1.5rem 1rem}.featured-image{width:150px;height:150px}.featured-name{font-size:1.8rem}.featured-stats{padding:1rem}.stat-icon{font-size:2rem}}.user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#fffffff2;border-radius:30px;padding:2.5rem;transition:transform .3s;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards cardFadeIn;transform:translateY(30px)scale(.95);box-shadow:0 30px 80px #0000004d}.user-card:hover{transform:translateY(-5px)scale(1.02)}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)scale(1)}}.profile-image-container{width:180px;height:180px;margin:0 auto 2rem;position:relative}.profile-image{object-fit:cover;z-index:2;border:6px solid #fff;border-radius:50%;width:100%;height:100%;transition:transform .3s;position:relative;box-shadow:0 15px 40px #0003}.profile-image:hover{transform:scale(1.05)}.image-glow{filter:blur(20px);opacity:.6;z-index:1;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;width:200px;height:200px;animation:3s infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}.user-info{text-align:center}.user-name{color:#2c3e50;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2rem;font-weight:700}.info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.info-item{cursor:default;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:15px;align-items:flex-start;gap:1rem;padding:1.2rem;transition:all .3s;display:flex}.info-item:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000026}.info-icon{flex-shrink:0;font-size:1.8rem}.info-item>div{text-align:left;flex:1}.info-label{color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;font-size:.8rem;font-weight:600}.info-value{color:#2c3e50;word-break:break-word;font-size:.95rem;font-weight:600}@media (width<=768px){.user-card{padding:2rem 1.5rem}.user-name{font-size:1.6rem}.info-grid{grid-template-columns:1fr}.profile-image-container{width:140px;height:140px}.image-glow{width:160px;height:160px}}@media (width<=480px){.user-card{padding:1.5rem 1rem}.info-item{padding:1rem}.profile-image-container{width:120px;height:120px}.image-glow{width:140px;height:140px}}.loading{text-align:center;color:#fff;padding:4rem 2rem}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:60px;height:60px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading p{font-size:1.2rem;font-weight:500;animation:1.5s infinite pulse-text}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.6}}.error-message{text-align:center;background:#fffffff2;border-radius:20px;padding:3rem 2rem;animation:.5s shake;box-shadow:0 20px 60px #0000004d}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-emoji{margin-bottom:1rem;font-size:4rem;animation:1s infinite bounce-error;display:block}@keyframes bounce-error{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-message h3{color:#e74c3c;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.error-message p{color:#555;margin-bottom:1.5rem;font-size:1.1rem}.retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:50px;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 5px 15px #e74c3c4d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e74c3c66}.retry-btn:active{transform:translateY(0)}.pagination{background:#fffffff2;border-radius:20px;justify-content:center;align-items:center;gap:2rem;margin-top:2rem;padding:1.5rem;display:flex;box-shadow:0 10px 40px #0003}.pagination-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 5px 15px #667eea4d}.pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-info{padding:0 1rem}.page-number{color:#2c3e50;font-size:1rem;font-weight:500}.page-number strong{color:#667eea;font-size:1.1rem;font-weight:700}@media (width<=480px){.pagination{gap:1rem;padding:1rem}.pagination-btn{padding:.6rem 1.2rem;font-size:.9rem}.page-number{font-size:.9rem}}