@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--bg-color: #0b0f19;--card-bg: rgba(17, 22, 37, .65);--card-border: rgba(255, 255, 255, .07);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--primary-glow: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--badge-bg: rgba(255, 255, 255, .04);--badge-border: rgba(255, 255, 255, .06);--badge-hover: rgba(99, 102, 241, .15);--color-primary: #6366f1;--color-secondary: #a855f7;--shimmer-bg: linear-gradient( 90deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .08) 50%, rgba(255, 255, 255, .03) 100% )}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.home-container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1}.gradient-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.12) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(236,72,153,.1) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(168,85,247,.08) 0%,transparent 50%);filter:blur(80px);z-index:-1;pointer-events:none}.content-wrapper{width:100%;max-width:480px;padding:20px;perspective:1000px}.glass-panel{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:24px;padding:32px;box-shadow:0 20px 50px #0000004d,inset 0 1px #ffffff1a;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,border-color .4s ease}.glass-panel:hover{transform:translateY(-4px) rotateX(2deg);border-color:#ffffff1f;box-shadow:0 30px 60px #6366f126,inset 0 1px #ffffff26}.profile-card{display:flex;flex-direction:column;gap:24px}.profile-header{display:flex;align-items:center;gap:20px}.avatar-placeholder{width:72px;height:72px;border-radius:20px;background:var(--primary-glow);display:flex;justify-content:center;align-items:center;font-family:var(--font-display);font-weight:700;font-size:26px;color:#fff;box-shadow:0 8px 24px #6366f166;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:float 6s ease-in-out infinite}.profile-title{display:flex;flex-direction:column;gap:4px}.name-heading{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.headline-text{font-family:var(--font-sans);font-weight:500;font-size:14px;color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase}.divider{height:1px;background:linear-gradient(90deg,#fff0,#ffffff14 20%,#ffffff14 80%,#fff0)}.profile-body{font-family:var(--font-sans)}.summary-text{font-size:15px;line-height:1.6;color:var(--text-secondary);font-weight:400}.profile-footer{display:flex;flex-wrap:wrap;gap:8px}.badge{font-family:var(--font-sans);font-size:11px;font-weight:600;color:#e0e7ff;background:var(--badge-bg);border:1px solid var(--badge-border);padding:6px 12px;border-radius:12px;transition:all .3s ease;cursor:default}.badge:hover{background:var(--badge-hover);border-color:#6366f14d;transform:translateY(-1px)}.loading-card{display:flex;flex-direction:column;gap:20px}.shimmer{background:var(--shimmer-bg);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:8px}.shimmer-avatar{width:72px;height:72px;border-radius:20px}.shimmer-title{height:24px;width:60%;border-radius:6px}.shimmer-subtitle{height:16px;width:40%;border-radius:4px}.shimmer-body{height:60px;width:100%;border-radius:10px;margin-top:10px}.error-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.error-icon{font-size:40px;margin-bottom:8px}.error-card h2{font-family:var(--font-display);font-weight:700;font-size:20px;color:#ef4444}.error-card p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.btn{font-family:var(--font-sans);font-size:13px;font-weight:600;padding:10px 20px;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease}.btn-primary{background:var(--primary-glow);color:#fff;box-shadow:0 4px 12px #6366f140}.btn-primary:hover{box-shadow:0 6px 18px #6366f166;transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-pulse{animation:pulse 1.5s infinite ease-in-out}