body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.gradient-bg{background:linear-gradient(135deg,#2c3e50,#000)}.spinner{border-top-color:#2c3e50}.premium-gradient-bg{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483);background-size:400% 400%;min-height:100vh;position:relative}.premium-gradient-bg:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c626 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.premium-tier-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:2rem;overflow:hidden;padding:2px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.premium-tier-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.premium-tier-card:hover:before{left:100%}.premium-tier-card:hover{box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff1a;transform:translateY(-12px) scale(1.02)}.green-glow{animation:greenPulse 3s ease-in-out infinite}.blue-glow{animation:bluePulse 3s ease-in-out .5s infinite}.purple-glow{animation:purplePulse 3s ease-in-out 1s infinite}.orange-glow{animation:orangePulse 3s ease-in-out 1.5s infinite}.pink-glow{animation:pinkPulse 3s ease-in-out 2s infinite}.yellow-glow{animation:yellowPulse 3s ease-in-out 2.5s infinite}.legendary-glow{animation:legendaryPulse 2s ease-in-out infinite;box-shadow:0 0 50px #ef444480}@keyframes greenPulse{0%,to{opacity:.2}50%{opacity:.4}}@keyframes bluePulse{0%,to{opacity:.2}50%{opacity:.4}}@keyframes purplePulse{0%,to{opacity:.2}50%{opacity:.4}}@keyframes orangePulse{0%,to{opacity:.2}50%{opacity:.4}}@keyframes pinkPulse{0%,to{opacity:.2}50%{opacity:.4}}@keyframes yellowPulse{0%,to{opacity:.2}50%{opacity:.4}}@keyframes legendaryPulse{0%,to{box-shadow:0 0 50px #ef44444d;opacity:.3}50%{box-shadow:0 0 80px #ef444499;opacity:.6}}.legendary-tier{background:linear-gradient(135deg,#ef444433,#db27771a 50%,#8b5cf633);border:1px solid #ef44444d;position:relative}.legendary-tier:after{animation:borderRotate 3s linear infinite;background:linear-gradient(45deg,#ef4444,#dc2626,#ef4444,#ec4899,#db2777,#ec4899,#ef4444,#dc2626,#ef4444);background-size:400% 400%;border-radius:2rem;bottom:-2px;content:"";filter:blur(8px);left:-2px;opacity:.7;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes borderRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-slideDown{animation:slideDown .3s cubic-bezier(.4,0,.2,1) forwards}.premium-tier-card{animation:cardEntrance .6s ease-out forwards;opacity:0}.premium-tier-card:first-child{animation-delay:.1s}.premium-tier-card:nth-child(2){animation-delay:.2s}.premium-tier-card:nth-child(3){animation-delay:.3s}.premium-tier-card:nth-child(4){animation-delay:.4s}.premium-tier-card:nth-child(5){animation-delay:.5s}.premium-tier-card:nth-child(6){animation-delay:.6s}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#3b82f6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7c3aed,#2563eb)}@media (max-width:768px){.premium-tier-card{margin:.5rem}.premium-tier-card:hover{transform:translateY(-8px) scale(1.01)}.grid{gap:1.5rem}.premium-gradient-bg:before{background:radial-gradient(circle at 50% 20%,#7877c633 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff77c61a 0,#0000 50%)}}@media (max-width:480px){.premium-tier-card{border-radius:1.5rem;margin:.25rem}.premium-tier-card:hover{transform:translateY(-4px)}}.premium-tier-card.loading{overflow:hidden;position:relative}.premium-tier-card.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{left:-100%}to{left:100%}}.premium-tier-card:focus-within{box-shadow:0 0 0 3px #3b82f680,0 25px 50px -12px #00000080;outline:none}*{transition:color .2s ease,background-color .2s ease}::selection{background:#3b82f64d;color:#fff}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.premium-tier-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.premium-tier-card{background:#0f172af2}}.announcement-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.announcement-popup{animation:popupSlideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.announcement-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.announcement-badge{background:#fff3;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:5px 12px}.announcement-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:5px;transition:background .2s;width:30px}.announcement-close-btn:hover{background:#fff3}.announcement-content{padding:30px}.announcement-title{color:#2d3748;font-size:24px;font-weight:700;line-height:1.3;margin-bottom:20px}.announcement-body{margin-bottom:25px}.announcement-paragraph{color:#4a5568;font-size:16px;line-height:1.6;margin-bottom:15px}.announcement-meta{align-items:center;border-top:1px solid #e2e8f0;color:#718096;display:flex;font-size:14px;justify-content:space-between;padding-top:20px}.announcement-footer{background:#f7fafc;border-radius:0 0 15px 15px;padding:20px 30px;text-align:center}.announcement-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:10px;padding:12px 30px;transition:transform .2s,box-shadow .2s}.announcement-action-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.announcement-note{color:#a0aec0;font-size:12px;margin:0}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;height:20px;width:20px}.card-shadow{box-shadow:0 10px 30px #0000001a}.floating-activity{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tier-card:hover{transform:translateY(-5px);transition:all .3s ease}.notification-dropdown{z-index:1000}.profile-dropdown{z-index:999}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-slideDown{animation:slideDown .2s ease-out}.spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}