.achievement-notification{position:fixed;top:-200px;right:2rem;width:350px;background:linear-gradient(135deg,rgba(251,191,36,0.95),rgba(245,158,11,0.95));border-radius:1rem;padding:1.5rem;box-shadow:0 20px 60px rgba(0,0,0,0.5);z-index:10000;transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);display:flex;gap:1rem;align-items:center}.achievement-notification.show{top:2rem}.achievement-notification.achievement-legendary{background:linear-gradient(135deg,rgba(236,72,153,0.95),rgba(139,92,246,0.95));animation:legendaryPulse 2s ease-in-out infinite}@keyframes legendaryPulse{0%,100%{box-shadow:0 20px 60px rgba(236,72,153,0.5)}50%{box-shadow:0 20px 80px rgba(139,92,246,0.8)}}.achievement-notification.achievement-epic{background:linear-gradient(135deg,rgba(139,92,246,0.95),rgba(59,130,246,0.95))}.achievement-notification.achievement-rare{background:linear-gradient(135deg,rgba(59,130,246,0.95),rgba(16,185,129,0.95))}.achievement-icon{font-size:3rem;flex-shrink:0;animation:iconBounce 0.6s ease}@keyframes iconBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.achievement-content{flex:1;color:white}.achievement-title{font-size:0.75rem;text-transform:uppercase;letter-spacing:1px;opacity:0.9;margin-bottom:0.25rem}.achievement-name{font-size:1.1rem;font-weight:700;margin-bottom:0.25rem}.achievement-description{font-size:0.85rem;opacity:0.9;margin-bottom:0.5rem}.achievement-rarity{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.5px;padding:0.25rem 0.5rem;background:rgba(255,255,255,0.2);border-radius:999px;display:inline-block;font-weight:600}.achievements-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.achievements-header{text-align:center;margin-bottom:3rem}.achievements-header h2{font-size:2.5rem;margin:0 0 1.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievement-progress{max-width:500px;margin:0 auto}.progress-bar{width:100%;height:12px;background:rgba(255,255,255,0.1);border-radius:999px;overflow:hidden;margin-bottom:0.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:999px;transition:width 0.5s ease}.progress-text{font-size:0.9rem;color:rgba(255,255,255,0.7);margin:0}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.achievement-card{background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:1rem;padding:1.5rem;text-align:center;transition:all 0.3s ease;position:relative;overflow:hidden}.achievement-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,0.05));opacity:0;transition:opacity 0.3s ease}.achievement-card.unlocked{border-color:rgba(251,191,36,0.4)}.achievement-card.unlocked:hover{transform:translateY(-4px);border-color:#fbbf24;box-shadow:0 10px 30px rgba(0,0,0,0.4)}.achievement-card.unlocked:hover::before{opacity:1}.achievement-card.locked{opacity:0.4}.achievement-card.rarity-legendary.unlocked{border-color:rgba(236,72,153,0.6);background:linear-gradient(135deg,rgba(236,72,153,0.1),rgba(139,92,246,0.1))}.achievement-card.rarity-epic.unlocked{border-color:rgba(139,92,246,0.6);background:rgba(139,92,246,0.1)}.achievement-card.rarity-rare.unlocked{border-color:rgba(59,130,246,0.6);background:rgba(59,130,246,0.1)}.achievement-card-icon{font-size:3.5rem;margin-bottom:1rem;display:block}.achievement-card.unlocked .achievement-card-icon{animation:unlockBounce 1s ease}@keyframes unlockBounce{0%,100%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(0.95)}75%{transform:scale(1.05)}}.achievement-card-name{font-size:1.2rem;font-weight:700;margin-bottom:0.5rem;color:#f5f5f5}.achievement-card.rarity-legendary.unlocked .achievement-card-name{color:#ec4899}.achievement-card.rarity-epic.unlocked .achievement-card-name{color:#8b5cf6}.achievement-card.rarity-rare.unlocked .achievement-card-name{color:#3b82f6}.achievement-card-description{font-size:0.9rem;color:rgba(255,255,255,0.7);margin-bottom:1rem;line-height:1.5}.achievement-card-rarity{display:inline-block;padding:0.25rem 0.75rem;border-radius:999px;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.5px;font-weight:600;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.6)}.achievement-card.rarity-legendary.unlocked .achievement-card-rarity{background:rgba(236,72,153,0.3);color:#ec4899}.achievement-card.rarity-epic.unlocked .achievement-card-rarity{background:rgba(139,92,246,0.3);color:#8b5cf6}.achievement-card.rarity-rare.unlocked .achievement-card-rarity{background:rgba(59,130,246,0.3);color:#3b82f6}.achievement-card.rarity-uncommon.unlocked .achievement-card-rarity{background:rgba(16,185,129,0.3);color:#10b981}.achievement-unlocked-date{font-size:0.75rem;color:rgba(255,255,255,0.5);margin-top:0.75rem;font-style:italic}@media (max-width:768px){.achievement-notification{right:1rem;left:1rem;width:auto}.achievement-notification.show{top:1rem}.achievements-grid{grid-template-columns:1fr}}