.App{background:linear-gradient(135deg,#f5f0ff,#fff9f5);flex-direction:column;min-height:100vh}.App,nav{display:flex}nav{align-items:center;background:linear-gradient(135deg,#7272fe,#7272fe);box-shadow:0 4px 20px #7272fe40;justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}nav h1{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin:0}nav .nav-right{align-items:center;display:flex;gap:1.5rem}nav button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}nav button:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;height:100vh;justify-content:center}.hero{padding:3rem 1rem;text-align:center}.hero h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7272fe,#7272fe);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.hero p{color:#666;font-size:1.1rem;margin-bottom:2rem}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}button.primary{background:linear-gradient(135deg,#7272fe,#7272fe);box-shadow:0 4px 15px #7272fe4d;color:#fff}button.primary:hover{box-shadow:0 6px 20px #7272fe66;transform:translateY(-2px)}.user-card{background:#fff;border:1px solid #7272fe1a;border-radius:12px;box-shadow:0 4px 20px #7272fe1a;margin:2rem auto;max-width:500px;padding:2rem}.user-card h3{color:#7272fe;font-size:1.5rem;margin-bottom:1rem}.user-info{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.user-avatar{border:3px solid #7272fe;border-radius:50%;height:64px;object-fit:cover;width:64px}.user-details{flex:1 1}.user-details p{color:#666;margin:.25rem 0}.user-email{color:#7272fe;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%;width:100%}