.header{position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(to bottom,#171a21f2,#1b2838f2);border-bottom:1px solid var(--border-color)}.header-topbar{padding:4px 0}.header-topbar-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.topbar-left{flex:1}.topbar-right{display:flex;align-items:center;gap:8px}.header-container{max-width:1200px;margin:0 auto;padding:0 20px 10px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:40px}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .3s ease}.logo:hover{opacity:.8}.logo-img{width:50px;height:50px;object-fit:contain}.logo-text{font-size:18px;font-weight:700;color:var(--accent-blue);letter-spacing:2px}.nav{display:flex;gap:25px}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease;position:relative;padding:5px 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-blue);transition:width .3s ease}.nav-link:hover{color:var(--accent-blue-hover)}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--accent-blue-hover)}.nav-link.active:after{width:100%;background:var(--accent-blue-hover)}body.CosmicTheme .nav-link.active{color:#f8b4dc}body.CosmicTheme .nav-link.active:after{background:var(--btn-outline, rgba(140, 90, 142))}.header-right{display:flex;align-items:center;gap:12px}.achievement-badge-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1a9fff26;border:1px solid var(--accent-blue);border-radius:4px;color:var(--accent-blue-hover);font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.achievement-badge-btn:hover{background:#1a9fff40;transform:translateY(-2px);box-shadow:0 4px 12px #1a9fff4d}.achievement-icon{font-size:14px}.achievement-count{font-family:Courier New,monospace;letter-spacing:.5px}.achievement-badge-pulse{position:absolute;top:0;right:0;width:10px;height:10px;background:gold;border-radius:50%;border:2px solid rgba(27,40,56,.95);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 8px #ffd70099;transform:scale(1)}50%{box-shadow:0 0 12px #ffd700cc;transform:scale(1.1)}}body.CosmicTheme .achievement-badge-btn{background:#f846b426;border-color:#f846b4;color:#f8b4dc}body.CosmicTheme .achievement-badge-btn:hover{background:#f846b440;box-shadow:0 4px 12px #f846b44d}.info-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 10px;background:#ffffff14;border:none;border-radius:2px;color:#b8b6b4;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;height:24px}.info-btn:hover{background:#ffffff26;color:#fff}.info-icon{width:12px;height:12px}body.CosmicTheme .info-btn{background:#f8b4dc14;color:#f8b4dccc}body.CosmicTheme .info-btn:hover{background:#f8b4dc26;color:#ffc8f0}.user-dropdown-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;background:transparent;border:none;border-radius:2px;color:#b8b6b4;font-size:11px;font-weight:400;cursor:pointer;transition:all .2s ease;height:24px}.user-dropdown-btn:hover{background:#ffffff14;color:#fff}.user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.dropdown-arrow{width:10px;height:10px;transition:transform .2s ease;flex-shrink:0;opacity:.7}.user-dropdown-btn:hover .dropdown-arrow{transform:translateY(1px);opacity:1}body.CosmicTheme .user-dropdown-btn{color:#f8b4dccc}body.CosmicTheme .user-dropdown-btn:hover{background:#f8b4dc14;color:#ffc8f0}.user-avatar-link{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:2px;overflow:hidden;transition:opacity .2s ease;border:1px solid rgba(255,255,255,.1)}.user-avatar-link:hover{opacity:.8;border-color:#ffffff4d}.user-avatar-img{width:100%;height:100%;object-fit:cover}body.CosmicTheme .user-avatar-link{border-color:#f8b4dc4d}body.CosmicTheme .user-avatar-link:hover{border-color:#f8b4dc99}.achievement-badge-btn-topbar{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#1a9fff1a;border:1px solid rgba(26,159,255,.3);border-radius:2px;color:#b8b6b4;font-size:10px;font-weight:400;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;height:24px}.achievement-badge-btn-topbar:hover{background:#1a9fff33;border-color:#1a9fff80;color:#fff}.achievement-icon-topbar{font-size:12px}.achievement-count-topbar{font-family:Courier New,monospace;letter-spacing:.5px;font-size:10px;color:#b8b6b4}.achievement-badge-btn-topbar:hover .achievement-count-topbar{color:#fff}.achievement-badge-pulse-topbar{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:gold;border-radius:50%;border:2px solid rgba(27,40,56,.95);animation:badgePulse 2s ease-in-out infinite}body.CosmicTheme .achievement-badge-btn-topbar{background:#f846b41a;border-color:#f846b44d}body.CosmicTheme .achievement-badge-btn-topbar:hover{background:#f846b433;border-color:#f846b480}.user-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:240px;background:linear-gradient(135deg,#1b2838,#2a475e);border:1px solid rgba(102,192,244,.3);border-radius:3px;box-shadow:0 8px 24px #0009;z-index:2001;animation:dropdownSlideIn .2s ease;overflow:visible}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;padding:10px 15px;background:transparent;border:none;width:100%;text-align:left;color:#b8b6b4;font-size:12px;cursor:pointer;transition:all .2s ease;position:relative}.dropdown-item:hover{background:#66c0f426;color:#fff}.account-name{color:#66c0f4;font-weight:500}.dropdown-divider{height:1px;background:#66c0f433;margin:4px 0}.dropdown-item.dropdown-language{display:block;cursor:pointer;position:relative}.dropdown-submenu{position:absolute;top:-1px;left:100%;min-width:220px;background:linear-gradient(135deg,#1b2838,#2a475e);border:1px solid rgba(102,192,244,.3);border-radius:3px;box-shadow:0 8px 24px #0009;animation:dropdownSlideIn .2s ease;overflow:hidden;z-index:2002}.dropdown-submenu-item{display:block;width:100%;padding:10px 15px;background:transparent;border:none;text-align:left;color:#b8b6b4;font-size:12px;cursor:pointer;transition:all .2s ease;text-decoration:none}.dropdown-submenu-item:hover{background:#66c0f426;color:#fff}.dropdown-submenu-item.dropdown-submenu-report{color:#8f98a0;font-size:11px;font-style:italic}.dropdown-submenu-item.dropdown-submenu-report:hover{color:#c5c5c5}.dropdown-item.dropdown-signout:hover{background:#ff444426;color:#f44}body.CosmicTheme .user-dropdown-menu{background:linear-gradient(135deg,#2a1a3a,#3a2a4a);border-color:#f846b44d}body.CosmicTheme .dropdown-item:hover{background:#f846b426}body.CosmicTheme .account-name{color:#f8b4dc}body.CosmicTheme .dropdown-submenu{background:linear-gradient(135deg,#2a1a3a,#3a2a4a);border-color:#f846b44d}body.CosmicTheme .dropdown-submenu-item:hover{background:#f846b426}@media (max-width: 768px){.header-topbar{padding:4px 0}.header-topbar-container{padding:0 15px}.topbar-right{gap:6px}.info-btn{height:22px;padding:3px 8px;font-size:10px}.info-icon{width:10px;height:10px}.user-dropdown-btn{height:22px;padding:3px 8px;font-size:10px}.user-name{max-width:100px}.user-avatar-link{width:22px;height:22px}.achievement-badge-btn-topbar{height:22px;padding:3px 8px}.achievement-icon-topbar{font-size:11px}.achievement-count-topbar{font-size:9px}.achievement-badge-pulse-topbar{width:6px;height:6px}.header-container{flex-direction:column;gap:15px;padding:15px}.header-left{flex-direction:column;gap:15px;width:100%}.header-right{gap:10px}.nav{gap:15px;flex-wrap:wrap;justify-content:center}.logo-text{font-size:16px}.nav-link{font-size:12px}}.profile-overview{padding:0;overflow:hidden;position:relative}.profile-content{display:grid;grid-template-columns:auto 1fr;gap:40px;padding:40px;align-items:start;min-height:300px;position:relative;z-index:1}.profile-left{display:flex;justify-content:center;align-items:center;margin-left:-30px}.avatar-container{position:relative;cursor:pointer;transition:transform .3s ease}.avatar-container:hover{transform:translateY(-8px)}.avatar-container:hover .avatar-frame{filter:drop-shadow(0 8px 30px rgba(26,159,255,.8))}.avatar{width:184px;height:184px;border-radius:4px;border:4px solid var(--bg-primary);display:block;position:relative;z-index:1;transition:all .3s ease}.avatar-container:hover .avatar{border-color:var(--accent-blue)}.avatar-frame{position:absolute;top:-30px;left:-30px;width:calc(100% + 60px);height:calc(100% + 60px);background:url(https://shared.fastly.steamstatic.com/community_assets/images/items/322330/984f18d4bcc76669bcbd8971f962d1b75716dd11.png) center/contain no-repeat;pointer-events:none;transition:all .3s ease}.profile-center{padding-top:12px;max-width:650px}.profile-name{line-height:40px;font-size:26px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:Motiva Sans,sans-serif;font-weight:200;margin-bottom:8px}.profile-title{font-size:15px;color:#c7d5e0;font-family:Motiva Sans,sans-serif;font-weight:300;line-height:1.4;margin-bottom:16px}.profile-description{font-size:13px;color:#8b98a5;font-family:Motiva Sans,sans-serif;font-weight:300;line-height:1.7;margin-bottom:0;opacity:.95}.profile-location{display:flex;align-items:center;gap:6px;color:#c7d5e0;font-size:13px;font-family:Motiva Sans,sans-serif;font-weight:300;margin-bottom:18px}@media (max-width: 968px){.profile-content{grid-template-columns:1fr;gap:25px;justify-items:center;padding:30px}.profile-left{width:100%;justify-content:center}.avatar-container{justify-self:center;margin:0 auto;display:block}.profile-center{text-align:center;padding-top:0;width:100%;max-width:100%}}@media (max-width: 640px){.avatar{width:120px;height:120px}.avatar-frame{top:-20px;left:-20px;width:calc(100% + 40px);height:calc(100% + 40px)}.profile-name{font-size:24px}.profile-content{padding:20px}}.showcases{display:flex;flex-direction:column;gap:20px}.showcase-card{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.featured-projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.featured-projects-grid.loading{grid-template-columns:1fr}.featured-project-card{display:flex;flex-direction:column;background:#1b283866;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;transition:all .3s ease}.featured-project-card:hover{border-color:var(--accent-blue);transform:translateY(-3px);box-shadow:0 6px 20px #1a9fff4d}.project-image{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:2 / 1}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.project-image:hover img{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;align-items:flex-end;padding:15px;opacity:0;transition:opacity .3s ease}.project-image:hover .project-overlay{opacity:1}.project-stats{display:flex;gap:20px}.stat{display:flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:600}.stat-icon{font-size:16px}.featured-project-card .project-info{display:flex;flex-direction:column;gap:12px;padding:15px;flex:1}.project-title{font-size:22px;color:var(--accent-blue-hover);font-weight:700}.project-description{color:var(--text-secondary);line-height:1.6;font-size:14px}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tech-tag{background:#1a9fff33;color:var(--accent-blue-hover);padding:6px 12px;border-radius:3px;font-size:12px;font-weight:600;border:1px solid var(--accent-blue)}.project-actions{display:flex;gap:10px;margin-top:auto}.project-link{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:600;transition:all .3s ease;border:1px solid var(--border-color);color:var(--text-primary);background:#1b283899}.project-link:hover{border-color:var(--accent-blue);color:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:0 4px 12px #1a9fff33}.project-link.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.project-link.primary:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover)}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.achievement{display:flex;align-items:flex-start;gap:15px;padding:15px;background:#1b283899;border:2px solid var(--border-color);border-radius:4px;position:relative;transition:all .3s ease;overflow:hidden}.achievement.common.unlocked{border-color:#9d9d9d;background:#9d9d9d14}.achievement.rare.unlocked{border-color:#4a9eff;background:#4a9eff14}.achievement.epic.unlocked{border-color:#a335ee;background:#a335ee14}.achievement.legendary.unlocked{border-color:#ff8000;background:#ff800014;animation:legendaryGlow 3s ease-in-out infinite}@keyframes legendaryGlow{0%,to{box-shadow:0 0 20px #ff80004d,0 6px 16px #ff800033}50%{box-shadow:0 0 30px #ff800080,0 6px 20px #ff80004d}}.achievement.unlocked:hover{transform:translateY(-3px)}.achievement.common.unlocked:hover{box-shadow:0 6px 16px #9d9d9d4d}.achievement.rare.unlocked:hover{box-shadow:0 6px 16px #4a9eff66}.achievement.epic.unlocked:hover{box-shadow:0 6px 16px #a335ee66}.achievement.legendary.unlocked:hover{box-shadow:0 0 40px #ff800099,0 6px 24px #ff800066}.achievement.locked{opacity:.5;filter:grayscale(1)}.achievement.unlocked:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shine 6s infinite;pointer-events:none}@keyframes shine{0%{transform:rotate(0) translate(-100%,-100%)}to{transform:rotate(0) translate(100%,100%)}}.achievement-icon{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#1a9fff33;border-radius:4px;flex-shrink:0;border:1px solid rgba(26,159,255,.3)}.achievement.common .achievement-icon{background:#9d9d9d33;border-color:#9d9d9d4d}.achievement.rare .achievement-icon{background:#4a9eff33;border-color:#4a9eff4d}.achievement.epic .achievement-icon{background:#a335ee33;border-color:#a335ee4d}.achievement.legendary .achievement-icon{background:#ff800033;border-color:#ff80004d}.achievement-logo{width:100%;height:100%;object-fit:contain}.achievement-info{flex:1;display:flex;flex-direction:column;gap:6px}.achievement-header{display:flex;flex-direction:column;gap:4px}.achievement-title{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.3}.rarity-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;width:fit-content;border:1px solid}.rarity-badge.common{background:#9d9d9d33;color:#c7c7c7;border-color:#9d9d9d}.rarity-badge.rare{background:#4a9eff33;color:#6eb6ff;border-color:#4a9eff}.rarity-badge.epic{background:#a335ee33;color:#c77dff;border-color:#a335ee}.rarity-badge.legendary{background:#ff800033;color:#ffb366;border-color:#ff8000;animation:rarityPulse 2s ease-in-out infinite}@keyframes rarityPulse{0%,to{box-shadow:0 0 8px #ff800066}50%{box-shadow:0 0 12px #ff800099}}.achievement-description{font-size:12px;color:var(--text-secondary);line-height:1.4}.achievement-year{font-size:10px;color:var(--text-secondary);font-style:italic}.achievement-check{position:absolute;top:10px;right:10px;width:24px;height:24px;background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #00c86466}.hobbies-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.hobby-card{display:flex;align-items:flex-start;gap:15px;padding:16px;background:linear-gradient(135deg,#1b283899,#1b283866);border:1px solid var(--border-color);border-radius:4px;position:relative;transition:all .3s ease;overflow:hidden}.hobby-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-blue) 0%,transparent 50%,var(--accent-blue) 100%);opacity:0;transition:opacity .3s ease}.hobby-card:hover{transform:translateY(-3px);border-color:var(--accent-blue);box-shadow:0 6px 20px #1a9fff4d;background:linear-gradient(135deg,#1b2838cc,#1b283899)}.hobby-card:hover:before{opacity:1}.hobby-icon{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a9fff33,#1a9fff1a);border-radius:8px;flex-shrink:0;border:1px solid rgba(26,159,255,.3);transition:all .3s ease}.hobby-card:hover .hobby-icon{transform:scale(1.1);background:linear-gradient(135deg,#1a9fff4d,#1a9fff26);border-color:var(--accent-blue);box-shadow:0 0 15px #1a9fff66}.hobby-content{flex:1;display:flex;flex-direction:column;gap:8px}.hobby-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hobby-title{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.3}.hobby-status{font-size:9px;font-weight:700;padding:3px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,var(--success) 0%,#a4d007 100%);color:#fff;box-shadow:0 0 10px #a4d00766;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 10px #a4d00766}50%{box-shadow:0 0 15px #a4d00799}}.hobby-description{font-size:13px;color:var(--text-secondary);line-height:1.5}body.CosmicTheme .hobby-card{background:linear-gradient(135deg,#39183d80,#39183d4d)}body.CosmicTheme .hobby-card:hover{background:linear-gradient(135deg,#39183db3,#39183d80);border-color:#f8b4dc;box-shadow:0 6px 20px #f846b44d}body.CosmicTheme .hobby-card:before{background:linear-gradient(90deg,rgba(248,70,180) 0%,transparent 50%,rgba(248,70,180) 100%)}body.CosmicTheme .hobby-icon{background:linear-gradient(135deg,#f846b433,#f846b41a);border-color:#f846b44d}body.CosmicTheme .hobby-card:hover .hobby-icon{background:linear-gradient(135deg,#f846b44d,#f846b426);border-color:#f846b4;box-shadow:0 0 15px #f846b466}.skills-showcase{display:flex;flex-direction:column;gap:24px}.skill-category{display:flex;flex-direction:column;gap:12px}.skill-category-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;border-bottom:1px solid rgba(42,71,94,.5);font-family:Motiva Sans,sans-serif}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#1b283899;border:1px solid var(--border-color);padding:8px 14px;border-radius:3px;font-size:13px;color:var(--text-primary);transition:all .3s ease;font-family:Motiva Sans,sans-serif;font-weight:400}.skill-tag:hover{background:#1a9fff26;border-color:var(--accent-blue);color:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:0 4px 12px #1a9fff33}body.CosmicTheme .skill-tag{background:#39183d66;border-color:var(--btn-outline, rgba(140, 90, 142))}body.CosmicTheme .skill-tag:hover{background:#5a285c66;border-color:#f8b4dc;color:#f8b4dc;box-shadow:0 4px 12px #f846b44d}@media (max-width: 968px){.featured-projects-grid,.achievements-grid,.hobbies-grid{grid-template-columns:1fr}}@media (max-width: 640px){.featured-project-card .project-image{aspect-ratio:16 / 9}}.github-replay{position:relative;width:100%;max-width:100%}.github-replay .card-header,.github-replay .replay-carousel,.github-replay .carousel-dots{overflow:hidden}.replay-header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.github-replay .year-selector{margin-left:auto}.github-replay .year-selector select{background:#1b283899;border:1px solid var(--border-color);border-radius:3px;padding:6px 12px;color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Motiva Sans,sans-serif}.github-replay .year-selector select:hover{border-color:var(--accent-blue);color:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:0 2px 8px #1a9fff33}.github-replay .year-selector select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 8px #66c0f466}body.CosmicTheme .github-replay .year-selector select{border-color:var(--btn-outline, rgba(140, 90, 142))}body.CosmicTheme .github-replay .year-selector select:hover{border-color:var(--btn-outline, rgba(140, 90, 142));box-shadow:0 2px 8px #f846b433}.github-replay .replay-loading,.github-replay .replay-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:300px}.github-replay .loading-spinner{width:40px;height:40px;border:3px solid rgba(102,192,244,.2);border-top-color:#66c0f4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.github-replay .replay-loading p,.github-replay .replay-error p{margin-top:16px;color:#c7d5e0;font-size:14px}.github-replay .replay-carousel{position:relative;display:flex;align-items:center;height:500px;padding:0 50px;overflow:hidden}.github-replay .carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#2a475ecc;border:1px solid rgba(102,192,244,.4);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#66c0f4;font-size:16px;cursor:pointer;transition:all .3s ease;z-index:10}.github-replay .carousel-nav:hover:not(:disabled){background:#66c0f433;border-color:#66c0f4;transform:translateY(-50%) scale(1.1)}.github-replay .carousel-nav:disabled{opacity:.3;cursor:not-allowed}.github-replay .carousel-nav.prev{left:5px}.github-replay .carousel-nav.next{right:5px}.github-replay .carousel-content{flex:1;min-width:0;padding:15px;transition:opacity .15s ease-out,transform .15s ease-out;width:100%;max-width:100%;overflow:hidden}.github-replay .carousel-content.animating{opacity:.5;transform:scale(.96)}.github-replay .carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(102,192,244,.2)}.github-replay .dot{width:10px;height:10px;border-radius:50%;background:#66c0f44d;border:none;cursor:pointer;transition:all .3s ease}.github-replay .dot:hover{background:#66c0f499;transform:scale(1.2)}.github-replay .dot.active{background:#66c0f4;transform:scale(1.3);box-shadow:0 0 8px #66c0f499}.github-replay .slide{text-align:center;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;padding:15px 20px;overflow:hidden;box-sizing:border-box}.github-replay .slide-emoji{font-size:36px;margin-bottom:8px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.github-replay .slide h3{font-size:16px;font-weight:500;color:#c7d5e0;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px;font-family:Motiva Sans,sans-serif}.github-replay .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:480px;margin-left:auto;margin-right:auto}.github-replay .stat-card{background:#2a475e4d;border:1px solid rgba(102,192,244,.3);border-radius:4px;padding:12px 10px;transition:all .3s ease}.github-replay .stat-card:hover{transform:translateY(-3px);border-color:#66c0f4;box-shadow:0 4px 12px #66c0f433}.github-replay .stat-value{font-size:24px;font-weight:700;color:#66c0f4;margin-bottom:4px;font-family:Courier New,monospace}.github-replay .stat-label{font-size:11px;color:#8b98a5;text-transform:uppercase;letter-spacing:.5px;font-family:Motiva Sans,sans-serif;line-height:1.3}.github-replay .language-hero{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.github-replay .language-circle{width:120px;height:120px;border-radius:50%;border:3px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 8px 24px #0000004d;transition:transform .3s ease}.github-replay .language-circle:hover{transform:scale(1.05)}.github-replay .language-percentage{font-size:32px;font-weight:700;color:#c7d5e0}.github-replay .language-name{font-size:13px;font-weight:600;color:#8b98a5;margin-top:4px}.github-replay .language-subtitle{font-size:13px;color:#c7d5e0;font-style:italic;margin-bottom:12px}.github-replay .language-breakdown{width:100%;max-width:100%;margin:0 auto}.github-replay .language-bar{margin-bottom:10px}.github-replay .language-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.github-replay .language-dot{width:12px;height:12px;border-radius:50%}.github-replay .language-text{flex:1;color:#c7d5e0;font-size:14px}.github-replay .language-percent{color:#8b98a5;font-size:14px;font-weight:600}.github-replay .language-progress{height:8px;background:#2a475e99;border-radius:4px;overflow:hidden}.github-replay .language-fill{height:100%;border-radius:4px;transition:width .15s ease-out}.impact-stats{max-width:480px;margin:0 auto}.impact-primary{margin-bottom:16px}.impact-number{font-size:48px;font-weight:700;background:linear-gradient(90deg,#66c0f4,#f4d766);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.impact-label{font-size:14px;color:#8b98a5;text-transform:uppercase;letter-spacing:.5px}.impact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.impact-item{background:#2a475e66;border:1px solid rgba(102,192,244,.3);border-radius:8px;padding:12px;transition:all .3s ease}.impact-item:hover{transform:translateY(-4px);border-color:#66c0f4}.impact-icon{font-size:24px;margin-bottom:6px}.impact-value{font-size:22px;font-weight:700;color:#66c0f4;margin-bottom:3px}.impact-text{font-size:12px;color:#8b98a5;text-transform:uppercase}.top-repo{background:linear-gradient(135deg,#f4d7661a,#f4d7660d);border:1px solid rgba(244,215,102,.3);border-radius:8px;padding:12px}.top-repo-label{font-size:10px;color:#8b98a5;text-transform:uppercase;margin:0 0 4px}.top-repo-name{font-size:14px;font-weight:600;color:#c7d5e0;margin:0 0 4px}.top-repo-stars{font-size:14px;color:#f4d766;margin:0}.productivity-stats{max-width:480px;margin:0 auto}.productivity-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.productivity-card{background:#2a475e66;border:1px solid rgba(102,192,244,.3);border-radius:8px;padding:16px 12px;transition:all .3s ease}.productivity-card:hover{transform:translateY(-4px);border-color:#66c0f4}.productivity-day,.productivity-hour{font-size:24px;font-weight:700;color:#66c0f4;margin-bottom:6px}.productivity-label{font-size:11px;color:#8b98a5;text-transform:uppercase;line-height:1.3}.productivity-badges{display:flex;flex-direction:column;gap:10px}.badge{background:linear-gradient(135deg,#66c0f41a,#66c0f40d);border:1px solid rgba(102,192,244,.3);border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:10px;transition:all .3s ease}.badge:hover{border-color:#66c0f4;transform:translate(4px)}.badge-icon{font-size:24px}.badge-text{flex:1;font-size:13px;font-weight:600;color:#c7d5e0;text-align:left}.badge-count{font-size:10px;color:#8b98a5}.collab-stats{max-width:480px;margin:0 auto}.collab-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.collab-item{background:#2a475e66;border:1px solid rgba(102,192,244,.3);border-radius:8px;padding:16px 10px;transition:all .3s ease}.collab-item:hover{transform:translateY(-4px);border-color:#66c0f4}.collab-number{font-size:28px;font-weight:700;color:#66c0f4;margin-bottom:4px}.collab-label{font-size:10px;color:#8b98a5;text-transform:uppercase;line-height:1.3}.collab-top-repo{background:#2a475e66;border:1px solid rgba(102,192,244,.3);border-radius:8px;padding:12px}.collab-repo-label{font-size:10px;color:#8b98a5;text-transform:uppercase;margin:0 0 4px}.collab-repo-name{font-size:14px;font-weight:600;color:#c7d5e0;margin:0}.slide-growth{max-width:100%;overflow:hidden}.growth-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px;max-width:400px;margin-left:auto;margin-right:auto}.growth-item{background:#2a475e66;border:1px solid rgba(102,192,244,.3);border-radius:8px;padding:12px 10px;transition:transform .3s ease,border-color .3s ease}.growth-item:hover{transform:translateY(-4px);border-color:#66c0f4}.growth-icon{font-size:24px;margin-bottom:6px}.growth-number{font-size:24px;font-weight:700;color:#66c0f4;margin-bottom:4px}.growth-label{font-size:10px;color:#8b98a5;text-transform:uppercase;line-height:1.3}.growth-heatmap{margin-top:12px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.heatmap-title{font-size:11px;color:#8b98a5;text-transform:uppercase;margin-bottom:8px}.heatmap-grid{overflow-x:hidden;overflow-y:hidden;padding:8px;background:#2a475e33;border-radius:8px;width:100%;max-width:100%;max-height:100px;scrollbar-width:thin;scrollbar-color:rgba(102,192,244,.5) rgba(42,71,94,.3);box-sizing:border-box}.heatmap-container{display:flex;gap:1px;width:max-content}.heatmap-grid::-webkit-scrollbar{height:6px}.heatmap-grid::-webkit-scrollbar-track{background:#2a475e4d;border-radius:3px}.heatmap-grid::-webkit-scrollbar-thumb{background:#66c0f480;border-radius:3px}.heatmap-grid::-webkit-scrollbar-thumb:hover{background:#66c0f4b3}.heatmap-week{display:flex;flex-direction:column;gap:1px;flex-shrink:0}.heatmap-day{width:5px;height:5px;border-radius:1px;background:#66c0f41a;transition:all .2s ease;flex-shrink:0}.heatmap-day:hover{transform:scale(1.5);z-index:10}.heatmap-day.intensity-0{background:#66c0f41a}.heatmap-day.intensity-1{background:#66c0f44d}.heatmap-day.intensity-2{background:#66c0f480}.heatmap-day.intensity-3{background:#66c0f4b3}.heatmap-day.intensity-4{background:#66c0f4e6;box-shadow:0 0 4px #66c0f499}.replay-footer{margin-top:12px;padding-top:10px;border-top:1px solid rgba(102,192,244,.2)}.replay-footer p{font-size:12px;color:#8b98a5;font-style:italic;margin:0}@media (max-width: 768px){.github-replay .replay-carousel{padding:0 45px;min-height:500px}.github-replay .carousel-nav{width:32px;height:32px;font-size:14px}.github-replay .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.github-replay .impact-grid,.github-replay .productivity-row,.github-replay .growth-stats,.github-replay .collab-row{grid-template-columns:1fr}.github-replay .language-circle{width:120px;height:120px}.github-replay .language-percentage{font-size:32px}.github-replay .impact-number{font-size:48px}.github-replay .slide-emoji{font-size:40px}.github-replay .slide h3{font-size:18px;margin-bottom:20px}.github-replay .year-selector select{font-size:11px;padding:5px 10px}.replay-header-content{flex-wrap:wrap;gap:10px}}@media (max-width: 640px){.replay-header-content{flex-direction:column;align-items:flex-start;gap:10px}.github-replay .year-selector,.github-replay .year-selector select{width:100%}}.resume-viewer{overflow:hidden}.resume-header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.resume-actions{display:flex;gap:8px;margin-left:auto}.resume-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:3px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s ease;border:1px solid var(--border-color);background:#1b283899;color:var(--text-primary);cursor:pointer}.resume-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:0 2px 8px #1a9fff33}.download-btn{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.download-btn:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);color:#fff}body.CosmicTheme .download-btn{background:var(--btn-background, rgb(90, 40, 92));border-color:var(--btn-outline, rgba(140, 90, 142))}body.CosmicTheme .download-btn:hover{background:var(--btn-background-hover, rgb(100, 50, 102));box-shadow:0 2px 8px #f846b44d}body.CosmicTheme .resume-btn{border-color:var(--btn-outline, rgba(140, 90, 142))}body.CosmicTheme .resume-btn:hover{border-color:var(--btn-outline, rgba(140, 90, 142));box-shadow:0 2px 8px #f846b433}.resume-content{position:relative;width:100%;height:400px;transition:height .3s ease;overflow:hidden}.resume-content.expanded{height:800px}.resume-preview{position:relative;width:100%;height:100%;background:#1b28384d;border-radius:4px;overflow:hidden}.resume-iframe{width:100%;height:100%;border:none;background:#fff}.resume-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.resume-preview:hover .resume-overlay{opacity:1}.view-full-btn{padding:10px 20px;font-size:14px;background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #1a9fff4d}.view-full-btn:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:0 6px 16px #1a9fff66}body.CosmicTheme .view-full-btn{background:var(--btn-background, rgb(90, 40, 92));border-color:var(--btn-outline, rgba(140, 90, 142));box-shadow:0 4px 12px #f846b44d}body.CosmicTheme .view-full-btn:hover{background:var(--btn-background-hover, rgb(100, 50, 102));box-shadow:0 6px 16px #f846b466}@media (max-width: 968px){.resume-content{height:300px}.resume-content.expanded{height:600px}.resume-actions{flex-wrap:wrap}.resume-btn{font-size:11px;padding:5px 10px}}@media (max-width: 640px){.resume-header-content{flex-direction:column;align-items:flex-start;gap:10px}.resume-actions{width:100%;justify-content:flex-start}}.profile-stats-card{background:linear-gradient(135deg,#2a475e66,#1b283866)}.level-section{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.level-display{display:flex;align-items:center;gap:20px}.level-circle{position:relative;width:120px;height:120px;flex-shrink:0}.level-ring{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(26,159,255,.3));transition:filter .3s ease}.level-ring.has-glow{animation:ringGlow 2s ease-in-out infinite}.level-ring.has-shimmer{animation:ringShimmer 3s linear infinite}.level-ring.has-rainbow{animation:rainbowRotate 6s linear infinite}.level-ring-progress{transition:stroke-dashoffset 1s ease-out}@keyframes ringGlow{0%,to{filter:drop-shadow(0 0 10px var(--level-glow-color))}50%{filter:drop-shadow(0 0 20px var(--level-glow-color))}}@keyframes ringShimmer{0%{filter:drop-shadow(0 0 10px var(--level-glow-color)) brightness(1)}50%{filter:drop-shadow(0 0 20px var(--level-glow-color)) brightness(1.3)}to{filter:drop-shadow(0 0 10px var(--level-glow-color)) brightness(1)}}@keyframes rainbowRotate{0%{filter:drop-shadow(0 0 15px #FF0080) hue-rotate(0deg)}to{filter:drop-shadow(0 0 15px #FF0080) hue-rotate(360deg)}}.level-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:42px;font-weight:700;color:var(--level-color);text-shadow:0 0 20px var(--level-glow-color);transition:all .3s ease}.level-number.has-glow{animation:numberGlow 2s ease-in-out infinite}.level-number.has-rainbow{animation:rainbowText 3s linear infinite;background:linear-gradient(135deg,#ff0080,#ff8c00,gold,#0f0,#00d4ff,#0080ff,#8000ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes numberGlow{0%,to{text-shadow:0 0 20px var(--level-glow-color),0 0 30px var(--level-glow-color)}50%{text-shadow:0 0 30px var(--level-glow-color),0 0 40px var(--level-glow-color),0 0 50px var(--level-glow-color)}}@keyframes rainbowText{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.level-info{flex:1}.level-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.2}.level-subtitle{font-size:13px;color:var(--text-secondary);margin:0 0 8px}.work-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;background:#5c7e1033;border:1px solid var(--success);color:#a4d007;margin-top:4px}.work-status-badge .status-dot{width:8px;height:8px;border-radius:50%;background:#a4d007;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px #a4d007}50%{opacity:.6;box-shadow:0 0 4px #a4d007}}.xp-progress{display:flex;flex-direction:column;gap:8px}.xp-bar-container{height:24px;background:#1b283899;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;position:relative}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue) 0%,var(--accent-blue-hover) 100%);border-radius:12px;position:relative;transition:width 1s ease-out;box-shadow:0 0 15px #1a9fff66}.xp-bar-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.xp-text{font-size:12px;color:var(--text-secondary);text-align:center;font-weight:600}.profile-stats-badges{display:flex;flex-direction:column;gap:12px}.stat-badge{background:#1a9fff1a;border:1px solid var(--accent-blue);padding:12px 16px;border-radius:4px;display:flex;flex-direction:column;gap:4px;transition:all .3s ease;position:relative;overflow:hidden}.stat-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(26,159,255,.2),transparent);transition:left .5s}.stat-badge:hover:before{left:100%}.stat-badge:hover{background:#1a9fff33;transform:translateY(-2px);box-shadow:0 4px 12px #1a9fff4d}.stat-badge-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.stat-badge-value{font-size:24px;font-weight:700;color:var(--accent-blue-hover);line-height:1}.stat-badge-xp{font-size:11px;color:var(--accent-blue);font-weight:600;margin-top:2px}body.CosmicTheme .level-number{color:#f8b4dc;text-shadow:0 0 20px rgba(248,70,180,.6),0 0 30px rgba(248,70,180,.4)}@keyframes glowCosmic{0%,to{text-shadow:0 0 20px rgba(248,70,180,.6),0 0 30px rgba(9,243,99,.4)}50%{text-shadow:0 0 30px rgba(248,70,180,.8),0 0 40px rgba(9,243,99,.6)}}body.CosmicTheme .level-number{animation:glowCosmic 2s ease-in-out infinite}body.CosmicTheme .xp-bar-fill{background:linear-gradient(90deg,#f846b4cc,#09f363cc);box-shadow:0 0 15px #f846b466}body.CosmicTheme .stat-badge{background:#8c5a8e33;border-color:var(--btn-outline, rgba(140, 90, 142))}body.CosmicTheme .stat-badge:hover{background:#8c5a8e4d;box-shadow:0 4px 12px #f846b44d}body.CosmicTheme .stat-badge-value{color:#f8b4dc}body.CosmicTheme .stat-badge-xp{color:#09f363}@media (max-width: 640px){.level-display{flex-direction:column;text-align:center}.level-info{display:flex;flex-direction:column;align-items:center}.level-circle{width:100px;height:100px}.level-number{font-size:36px}.level-title{font-size:18px}.work-status-badge{font-size:11px;padding:5px 10px}}.stats-section{display:flex;flex-direction:column;gap:20px}.stats-content{display:flex;flex-direction:column;gap:16px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(42,71,94,.5)}.stat-row:last-of-type{border-bottom:none}.stat-label{font-size:13px;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:8px}.stat-label svg{opacity:.7;transition:opacity .3s ease}.stat-row:hover .stat-label svg{opacity:1;filter:drop-shadow(0 0 4px var(--accent-blue))}.stat-value{font-size:20px;color:var(--accent-blue-hover);font-weight:700;font-family:Courier New,monospace;letter-spacing:.5px}.animated-counter{animation:counterPop .3s ease-out}@keyframes counterPop{0%{transform:scale(1.2);color:var(--accent-blue)}to{transform:scale(1);color:var(--accent-blue-hover)}}.completion-section{margin-top:10px}.completion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.completion-percentage{font-size:18px;font-weight:700;color:var(--accent-blue-hover)}.completion-bar{height:20px;background:#1b2838cc;border-radius:10px;overflow:hidden;border:1px solid var(--border-color);position:relative}.completion-fill{height:100%;background:linear-gradient(90deg,var(--success),#a4d007);border-radius:10px;transition:width 1s ease-out;position:relative;overflow:hidden}.completion-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.languages-section{margin-top:10px}.languages-section .stat-label{display:block;margin-bottom:12px}.language-chart{display:flex;justify-content:center;margin-bottom:16px}.donut-chart{width:140px;height:140px;filter:drop-shadow(0 0 10px rgba(26,159,255,.2))}.language-segment{transition:all .3s ease}.language-segment:hover{filter:brightness(1.3);stroke-width:32}.chart-center-text{font-weight:700;font-size:18px;fill:var(--accent-blue-hover)}.chart-center-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px}.languages-bars{display:flex;height:8px;background:#1b2838cc;border-radius:4px;overflow:hidden;margin-bottom:12px}.language-bar{height:100%}.language-fill{height:100%;transition:width .8s ease-out}.languages-legend{display:flex;flex-direction:column;gap:8px}.language-item{display:flex;align-items:center;gap:8px;font-size:12px}.language-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.language-name{color:var(--text-secondary);flex:1}.language-percentage{color:var(--text-primary);font-weight:600}.loading-text{color:var(--text-secondary);text-align:center;padding:20px;font-size:14px}.completion-note{font-size:11px;color:var(--text-secondary);margin-top:6px;text-align:center;opacity:.7}@media (max-width: 968px){.stats-section{order:-1}}.activity-feed{animation:slideIn .5s ease-out .2s backwards}.activity-list{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(42,71,94,.3);transition:all .3s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{padding-left:8px;background:#1a9fff0d;margin:0 -8px;padding-right:8px;border-radius:4px}.activity-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;background:#1a9fff26;border-radius:4px;flex-shrink:0}.activity-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.activity-text{display:flex;flex-direction:column;gap:2px}.activity-action{font-size:13px;color:var(--text-secondary)}.activity-target{font-size:14px;color:var(--accent-blue-hover);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:11px;color:var(--text-secondary);opacity:.8}.view-all-link{display:block;text-align:center;padding:12px;margin-top:10px;color:var(--accent-blue);text-decoration:none;font-size:13px;font-weight:600;border-top:1px solid rgba(42,71,94,.5);transition:all .3s ease}.view-all-link:hover{color:var(--accent-blue-hover);background:#1a9fff0d}.contribution-heatmap{margin-bottom:20px;padding:15px;background:#1b28384d;border-radius:4px;border:1px solid rgba(42,71,94,.5)}.heatmap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.heatmap-title{font-size:12px;color:var(--text-secondary);font-weight:600}.heatmap-grid{display:flex;gap:3px;margin-bottom:8px}.heatmap-labels{display:grid;grid-template-rows:repeat(7,10px);gap:3px;padding-right:6px}.heatmap-day-label{font-size:9px;color:var(--text-secondary);height:10px;display:flex;align-items:center;opacity:.8;font-weight:500}.heatmap-weeks{display:flex;gap:3px;flex:1;overflow-x:auto}.heatmap-week{display:flex;flex-direction:column;gap:3px}.heatmap-day{width:10px;height:10px;border-radius:2px;transition:all .2s ease;cursor:pointer}.heatmap-day:hover{transform:scale(1.3);border:1px solid var(--accent-blue)}.heatmap-day.intensity-0{background:#1b2838cc;border:1px solid rgba(42,71,94,.5)}.heatmap-day.intensity-1{background:#1a9fff33;border:1px solid rgba(26,159,255,.3)}.heatmap-day.intensity-2{background:#1a9fff66;border:1px solid rgba(26,159,255,.5)}.heatmap-day.intensity-3{background:#1a9fff99;border:1px solid rgba(26,159,255,.7)}.heatmap-day.intensity-4{background:#1a9fffe6;border:1px solid var(--accent-blue-hover);box-shadow:0 0 4px #1a9fff66}.heatmap-legend{display:flex;align-items:center;gap:3px}.legend-label{font-size:10px;color:var(--text-secondary);opacity:.7;margin:0 2px}.legend-box{width:10px;height:10px;border-radius:2px;cursor:help}.legend-box.intensity-0{background:#1b2838cc;border:1px solid rgba(42,71,94,.5)}.legend-box.intensity-1{background:#1a9fff33;border:1px solid rgba(26,159,255,.3)}.legend-box.intensity-2{background:#1a9fff66;border:1px solid rgba(26,159,255,.5)}.legend-box.intensity-3{background:#1a9fff99;border:1px solid rgba(26,159,255,.7)}.legend-box.intensity-4{background:#1a9fffe6;border:1px solid var(--accent-blue-hover);box-shadow:0 0 4px #1a9fff66}body.CosmicTheme .heatmap-day.intensity-1,body.CosmicTheme .legend-box.intensity-1{background:#f846b433;border-color:#f846b44d}body.CosmicTheme .heatmap-day.intensity-2,body.CosmicTheme .legend-box.intensity-2{background:#f846b466;border-color:#f846b480}body.CosmicTheme .heatmap-day.intensity-3,body.CosmicTheme .legend-box.intensity-3{background:#f846b499;border-color:#f846b4b3}body.CosmicTheme .heatmap-day.intensity-4,body.CosmicTheme .legend-box.intensity-4{background:#f846b4e6;border-color:#f846b4;box-shadow:0 0 4px #f846b466}.social-section{display:flex;flex-direction:column;gap:20px}.connections-card{animation:slideIn .5s ease-out .3s backwards}.testimonials-card{animation:slideIn .5s ease-out .4s backwards}.connections-content{display:flex;flex-direction:column;gap:20px}.connections-count{display:flex;flex-direction:column;align-items:center;padding:20px;background:#1a9fff1a;border:1px solid var(--accent-blue);border-radius:4px}.count-number{font-size:36px;font-weight:700;color:var(--accent-blue-hover);line-height:1}.count-label{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:8px}.social-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.social-link{display:flex;align-items:center;justify-content:center;padding:12px;background:#1b283899;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);text-decoration:none;transition:all .3s ease}.social-link:hover{background:#1a9fff33;border-color:var(--accent-blue);color:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:0 4px 12px #1a9fff33}.testimonials-list{display:flex;flex-direction:column;gap:15px}.testimonial{padding:15px;background:#1b283866;border:1px solid var(--border-color);border-radius:4px;transition:all .3s ease}.testimonial:hover{border-color:var(--accent-blue);background:#1a9fff0d;transform:translate(4px)}.testimonial-header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.testimonial-avatar{width:40px;height:40px;border-radius:4px;border:2px solid var(--accent-blue)}.testimonial-info{display:flex;flex-direction:column;gap:2px}.testimonial-name{font-size:14px;font-weight:600;color:var(--text-primary)}.testimonial-role{font-size:12px;color:var(--text-secondary)}.testimonial-comment{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:0 0 10px;font-style:italic}.testimonial-time{font-size:11px;color:var(--text-secondary);opacity:.7}@media (max-width: 968px){.social-links{grid-template-columns:repeat(4,1fr)}}.contact-info{margin-top:20px;padding-top:20px;border-top:1px solid rgba(42,71,94,.5);display:flex;flex-direction:column;gap:10px}.contact-item{font-size:13px;color:var(--text-secondary);margin:0}.contact-item strong{color:var(--text-primary);margin-right:8px}.contact-item a{color:var(--accent-blue);text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:var(--accent-blue-hover);text-decoration:underline}.info-text{text-align:center;color:var(--text-secondary);font-size:13px;padding:20px}@media (max-width: 640px){.social-links{grid-template-columns:repeat(2,1fr)}}.achievement-toast-container{position:fixed;top:80px;right:20px;z-index:100000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.achievement-toast{background:linear-gradient(135deg,#1b2838fa,#141e2afa);border:2px solid var(--border-color);border-radius:4px;padding:16px;box-shadow:0 8px 32px #000c;animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden;pointer-events:all;cursor:pointer;transition:all .3s ease}.achievement-toast:hover{transform:translate(-5px);box-shadow:0 12px 40px #000000e6}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.achievement-toast.common{border-color:#9d9d9d}.achievement-toast.rare{border-color:#4a9eff;box-shadow:0 8px 32px #4a9eff66,0 0 0 1px #4a9eff33}.achievement-toast.epic{border-color:#a335ee;box-shadow:0 8px 32px #a335ee66,0 0 0 1px #a335ee33}.achievement-toast.legendary{border-color:#ff8000;box-shadow:0 8px 32px #ff800099,0 0 0 1px #ff80004d;animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55),legendaryGlowPulse 2s ease-in-out infinite}@keyframes legendaryGlowPulse{0%,to{box-shadow:0 8px 32px #ff800099,0 0 20px #ff800066}50%{box-shadow:0 8px 40px #ff8000cc,0 0 30px #ff800099}}.toast-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 1.5s ease-in-out}@keyframes shine{to{left:100%}}.toast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.toast-label{font-size:11px;font-weight:700;color:var(--success);text-transform:uppercase;letter-spacing:1px}.toast-xp{font-size:11px;font-weight:700;color:gold;background:#ffd70026;padding:2px 8px;border-radius:3px;border:1px solid rgba(255,215,0,.3)}.toast-content{display:flex;gap:14px;align-items:flex-start}.toast-icon{font-size:40px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#1a9fff33;border-radius:6px;border:1px solid rgba(26,159,255,.3);flex-shrink:0;animation:iconPop .5s cubic-bezier(.68,-.55,.265,1.55) .2s backwards}@keyframes iconPop{0%{transform:scale(0);rotate:-180deg}to{transform:scale(1);rotate:0deg}}.achievement-toast.rare .toast-icon{background:#4a9eff33;border-color:#4a9eff66}.achievement-toast.epic .toast-icon{background:#a335ee33;border-color:#a335ee66}.achievement-toast.legendary .toast-icon{background:#ff800033;border-color:#ff800066}.toast-info{flex:1}.toast-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.toast-description{font-size:13px;color:var(--text-secondary);line-height:1.4}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff1a}.toast-progress-bar{height:100%;background:var(--success);animation:progressFill 5s linear}.achievement-toast.rare .toast-progress-bar{background:#4a9eff}.achievement-toast.epic .toast-progress-bar{background:#a335ee}.achievement-toast.legendary .toast-progress-bar{background:#ff8000}@keyframes progressFill{0%{width:100%}to{width:0%}}.toast-close{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text-secondary);font-size:18px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:0}.achievement-toast:hover .toast-close{opacity:1}.toast-close:hover{background:#ffffff26;border-color:#ffffff4d;color:var(--text-primary);transform:scale(1.1)}@media (max-width: 640px){.achievement-toast-container{right:10px;left:10px;max-width:none;top:70px}.achievement-toast{padding:12px}.toast-icon{font-size:32px;width:44px;height:44px}.toast-title{font-size:14px}.toast-description{font-size:12px}}.achievement-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out;overflow-y:auto}.achievement-modal{background:linear-gradient(135deg,#1b2838fa,#141e2afa);border:2px solid var(--border-color);border-radius:8px;max-width:900px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #000000e6;animation:slideUp .3s cubic-bezier(.68,-.55,.265,1.55);margin:auto 0}.modal-header{padding:24px;border-bottom:1px solid rgba(42,71,94,.5);display:flex;justify-content:space-between;align-items:flex-start}.modal-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.modal-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.modal-close{width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ffffff26;border-color:#ffffff4d;color:var(--text-primary);transform:scale(1.1)}.modal-filters{padding:16px 24px;display:flex;gap:10px;border-bottom:1px solid rgba(42,71,94,.5)}.filter-btn{padding:8px 16px;background:#1b283899;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#1a9fff26;border-color:var(--accent-blue);color:var(--accent-blue-hover)}.filter-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.modal-progress{padding:16px 24px;border-bottom:1px solid rgba(42,71,94,.5)}.progress-bar{height:24px;background:#1b2838cc;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--success) 0%,#a4d007 100%);border-radius:12px;transition:width .8s ease-out;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.modal-content{flex:1;overflow-y:auto;padding:24px}.rarity-group{margin-bottom:32px}.rarity-group:last-child{margin-bottom:0}.rarity-title{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid}.rarity-title.common{color:#c7c7c7;border-color:#9d9d9d}.rarity-title.rare{color:#6eb6ff;border-color:#4a9eff}.rarity-title.epic{color:#c77dff;border-color:#a335ee}.rarity-title.legendary{color:#ffb366;border-color:#ff8000}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.achievement-card{display:flex;gap:14px;padding:16px;background:#1b283866;border:2px solid var(--border-color);border-radius:4px;position:relative;transition:all .3s ease}.achievement-card.unlocked{background:#1b283899}.achievement-card.unlocked.common{border-color:#9d9d9d}.achievement-card.unlocked.rare{border-color:#4a9eff}.achievement-card.unlocked.epic{border-color:#a335ee}.achievement-card.unlocked.legendary{border-color:#ff8000}.achievement-card.unlocked:hover{transform:translateY(-2px)}.achievement-card.unlocked.common:hover{box-shadow:0 4px 12px #9d9d9d4d}.achievement-card.unlocked.rare:hover{box-shadow:0 4px 12px #4a9eff66}.achievement-card.unlocked.epic:hover{box-shadow:0 4px 12px #a335ee66}.achievement-card.unlocked.legendary:hover{box-shadow:0 4px 16px #ff800099}.achievement-card.locked{opacity:.5;filter:grayscale(1)}.achievement-card-icon{font-size:36px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1a9fff33;border-radius:6px;border:1px solid rgba(26,159,255,.3);flex-shrink:0}.achievement-card.unlocked.rare .achievement-card-icon{background:#4a9eff33;border-color:#4a9eff66}.achievement-card.unlocked.epic .achievement-card-icon{background:#a335ee33;border-color:#a335ee66}.achievement-card.unlocked.legendary .achievement-card-icon{background:#ff800033;border-color:#ff800066}.achievement-card-content{flex:1;min-width:0}.achievement-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}.achievement-card-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.achievement-card-xp{font-size:10px;font-weight:700;color:gold;background:#ffd70026;padding:2px 6px;border-radius:3px;border:1px solid rgba(255,215,0,.3);white-space:nowrap}.achievement-card-description{font-size:12px;color:var(--text-secondary);margin:0 0 6px;line-height:1.4}.achievement-card-date{font-size:10px;color:var(--text-secondary);opacity:.7;font-style:italic}.achievement-card-check{position:absolute;top:10px;right:10px;width:12px;height:12px;background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;box-shadow:0 2px 8px #00c86466}@media (max-width: 768px){.achievement-modal{max-height:90vh}.modal-header{padding:20px}.modal-title{font-size:20px}.modal-subtitle{font-size:12px}.modal-filters{padding:12px 20px;flex-wrap:wrap}.modal-progress{padding:12px 20px}.modal-content{padding:20px}.achievements-grid{grid-template-columns:1fr}.filter-btn{font-size:12px;padding:6px 12px}}.info-modal{background:linear-gradient(135deg,#1b2838fa,#141e2afa);border:2px solid var(--border-color);border-radius:8px;max-width:900px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #000000e6;animation:slideUp .3s cubic-bezier(.68,-.55,.265,1.55);margin:auto 0}.info-section h3{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--accent-blue)}.info-description{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.6}.level-tiers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px}.level-tier-card{background:#0000004d;border-radius:6px;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.level-tier-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #66c0f433}.level-tier-preview{width:100%;height:80px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid;position:relative;overflow:hidden}.level-tier-range{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:1}.level-tier-info{text-align:center}.level-tier-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.level-tier-effects{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.effect-badge{background:#66c0f433;color:var(--accent-blue);padding:3px 8px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.effect-badge.rainbow{background:linear-gradient(135deg,#ff0080,#ff8c00,gold,#0f0,#00d4ff,#0080ff,#8000ff);color:#fff;animation:rainbow-shift 3s linear infinite}@keyframes rainbow-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.xp-sources,.xp-progression,.xp-formula{margin-bottom:30px}.xp-sources h4,.xp-progression h4,.xp-formula h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.xp-source-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.xp-source-item{background:#0000004d;border-radius:6px;padding:15px;display:flex;align-items:center;gap:15px;border:1px solid rgba(102,192,244,.2)}.xp-source-icon{font-size:2rem}.xp-source-details{flex:1}.xp-source-name{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.xp-source-value{font-size:14px;font-weight:600;color:var(--accent-blue)}.xp-note{background:#66c0f41a;border:1px solid rgba(102,192,244,.3);border-radius:6px;padding:12px 15px;margin-top:15px;font-size:13px;color:var(--text-secondary);line-height:1.6}.xp-note strong{color:var(--accent-blue);font-weight:600}.xp-progression-description{font-size:14px;color:var(--text-secondary);margin-bottom:12px;line-height:1.6}.xp-bracket-list{background:#0000004d;border-radius:6px;padding:20px;border:1px solid rgba(102,192,244,.2)}.xp-bracket{font-size:13px;color:var(--text-secondary);padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.xp-bracket:last-of-type{border-bottom:none}.xp-bracket strong{color:var(--accent-blue);font-weight:600}.xp-bracket-etc{font-size:13px;color:var(--text-secondary);padding:8px 0;font-style:italic;opacity:.8}.xp-example{background:#0000004d;border-radius:6px;padding:20px;border:1px solid rgba(102,192,244,.2)}.xp-example-input{font-size:13px;color:var(--text-secondary);margin-bottom:12px;line-height:1.6}.xp-example-result{font-size:14px;color:var(--text-secondary);font-weight:500}.xp-example-result strong{color:var(--accent-blue);font-size:16px;font-weight:700}.achievement-rarity-section{margin-bottom:30px}.rarity-title{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid;display:flex;align-items:center;gap:8px}.rarity-title.rarity-common{color:#c7c7c7;border-color:#9d9d9d}.rarity-title.rarity-rare{color:#6eb6ff;border-color:#4a9eff}.rarity-title.rarity-epic{color:#c77dff;border-color:#a335ee}.rarity-title.rarity-legendary{color:#ffb366;border-color:#ff8000}.achievement-count{font-size:14px;opacity:.7;font-weight:400}.achievements-list{display:grid;gap:10px}.achievement-info-card{background:#0000004d;border-radius:6px;padding:15px;display:flex;gap:15px;align-items:flex-start;border-left:3px solid;transition:transform .2s ease}.achievement-info-card:hover{transform:translate(5px)}.achievement-info-card.rarity-common{border-left-color:#8f98a0}.achievement-info-card.rarity-rare{border-left-color:#4a90e2}.achievement-info-card.rarity-epic{border-left-color:#9b59b6}.achievement-info-card.rarity-legendary{border-left-color:gold}.achievement-info-icon{font-size:2rem;flex-shrink:0}.achievement-info-details{flex:1}.achievement-info-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:6px;line-height:1.3}.achievement-info-description{font-size:12px;color:var(--text-secondary);margin-bottom:8px;line-height:1.4}.achievement-info-xp{font-size:10px;font-weight:700;color:gold;background:#ffd70026;padding:2px 6px;border-radius:3px;border:1px solid rgba(255,215,0,.3);display:inline-block}.easter-egg-hint{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:6px;padding:20px;margin-top:20px}.easter-egg-hint h4{font-size:14px;font-weight:600;color:gold;margin:0 0 10px}.easter-egg-hint p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.6}.notification-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.notification-stat-card{background:#0000004d;border-radius:6px;padding:20px;text-align:center;border:1px solid rgba(102,192,244,.2)}.notification-stat-value{color:var(--accent-blue);font-size:32px;font-weight:700;margin-bottom:8px}.notification-stat-label{font-size:12px;color:var(--text-secondary)}.notification-types h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.notification-type-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.notification-type-item{background:#0000004d;border-radius:6px;padding:15px;display:flex;gap:15px;align-items:flex-start;border:1px solid rgba(102,192,244,.2)}.notification-type-icon{font-size:1.8rem;flex-shrink:0}.notification-type-item strong{font-size:13px;font-weight:600;color:var(--text-primary);display:block;margin-bottom:4px}.notification-type-item p{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.4}.notification-note{background:#66c0f41a;border:1px solid rgba(102,192,244,.3);border-radius:6px;padding:15px;margin-top:20px}.notification-note p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.6}.notification-note strong{color:var(--accent-blue);font-weight:600}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0000004d}.modal-content::-webkit-scrollbar-thumb{background:#66c0f480;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#66c0f4b3}@media (max-width: 768px){.info-modal{max-height:90vh}.modal-header{padding:20px}.modal-title{font-size:20px}.modal-subtitle{font-size:12px}.modal-filters{padding:12px 20px;overflow-x:auto;scrollbar-width:thin;flex-wrap:nowrap}.filter-btn{white-space:nowrap;font-size:12px;padding:6px 12px}.modal-content{padding:20px}.level-tiers-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.xp-source-list,.notification-type-list{grid-template-columns:1fr}.notification-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.modal-header{padding:16px}.modal-title{font-size:18px}.modal-subtitle{font-size:11px}.level-tiers-grid,.notification-stats{grid-template-columns:1fr}}.wallet-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out;overflow-y:auto}.wallet-modal{background:linear-gradient(135deg,#1b2838fa,#141e2afa);border:2px solid var(--border-color);border-radius:8px;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #000000e6;animation:slideUp .3s cubic-bezier(.68,-.55,.265,1.55);margin:auto 0}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.wallet-tabs{display:flex;gap:0;padding:0 24px;border-bottom:1px solid rgba(42,71,94,.5)}.wallet-tab{flex:1;padding:14px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.wallet-tab:hover{color:var(--accent-blue-hover);background:#1a9fff14}.wallet-tab.active{color:var(--accent-blue-hover);border-bottom-color:var(--accent-blue);background:#1a9fff1a}body.CosmicTheme .wallet-tab.active{color:#f8b4dc;border-bottom-color:#f846b4;background:#f846b41a}body.CosmicTheme .wallet-tab:hover{color:#f8b4dc;background:#f846b414}.payment-section{text-align:center;padding:24px 0}.payment-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.payment-description{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.6}.qr-code-container{display:flex;justify-content:center;align-items:center;margin:24px 0}.qr-code-image{max-width:300px;width:100%;height:auto;border-radius:8px;border:2px solid var(--border-color);box-shadow:0 8px 24px #0006;transition:transform .3s ease}.qr-code-image:hover{transform:scale(1.02);border-color:var(--accent-blue)}body.CosmicTheme .qr-code-image:hover{border-color:#f846b4}.wise-button-container{margin:32px 0}.wise-button{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;background:var(--accent-blue);border:2px solid var(--accent-blue);border-radius:6px;color:#fff;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1a9fff4d}.wise-button:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);transform:translateY(-2px);box-shadow:0 6px 20px #1a9fff66}.wise-icon{width:20px;height:20px}body.CosmicTheme .wise-button{background:#f846b4;border-color:#f846b4;box-shadow:0 4px 12px #f846b44d}body.CosmicTheme .wise-button:hover{background:#f85abe;border-color:#f85abe;box-shadow:0 6px 20px #f846b466}.payment-note{font-size:12px;color:var(--text-secondary);margin:24px 0 0;opacity:.8;font-style:italic}.wallet-footer{margin-top:24px;padding-top:24px;border-top:1px solid rgba(42,71,94,.5)}.thank-you-message{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.6;text-align:center}@media (max-width: 768px){.wallet-modal{max-height:90vh}.modal-header{padding:20px}.modal-title{font-size:18px}.modal-subtitle{font-size:11px}.wallet-tabs{padding:0 20px}.wallet-tab{padding:12px 16px;font-size:13px}.modal-content{padding:20px}.payment-title{font-size:18px}.payment-description{font-size:13px}.qr-code-image{max-width:250px}.wise-button{padding:12px 24px;font-size:14px}.thank-you-message{font-size:12px}}.steam-notification-container{position:fixed;bottom:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:360px;pointer-events:none}.steam-notification{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#2a475efa,#1b2838fa);border:1px solid rgba(26,159,255,.3);border-radius:4px;box-shadow:0 4px 20px #0009;cursor:pointer;transition:all .3s ease;animation:slideInFromRight .4s cubic-bezier(.68,-.55,.265,1.55);pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.steam-notification:hover{transform:translate(-4px);border-color:#1a9fff99;box-shadow:0 6px 24px #1a9fff4d}@keyframes slideInFromRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.steam-notification-icon{width:48px;height:48px;border-radius:4px;overflow:hidden;flex-shrink:0;background:#1a9fff1a;border:1px solid rgba(26,159,255,.3)}.steam-notification-icon img{width:100%;height:100%;object-fit:cover}.steam-notification-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--accent-blue)}.steam-notification-content{flex:1;min-width:0}.steam-notification-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.steam-notification-message{font-size:12px;color:var(--text-secondary);line-height:1.4}.steam-notification-action{color:var(--accent-blue);font-weight:500}.steam-notification-close{width:24px;height:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-secondary);font-size:20px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.steam-notification-close:hover{background:#ffffff26;border-color:#ffffff4d;color:var(--text-primary);transform:scale(1.1)}.steam-notification.steam-notification-friend-online{border-left:3px solid #57cbde}.steam-notification.steam-notification-playing{border-left:3px solid #90ba3c}.steam-notification.steam-notification-invite{border-left:3px solid #ffc61a}.steam-notification.steam-notification-achievement{border-left:3px solid #9355ce}.steam-notification.steam-notification-trade{border-left:3px solid #ff6b35}.steam-notification.steam-notification-message{border-left:3px solid #26a4ff}body.CosmicTheme .steam-notification{background:linear-gradient(135deg,#39183dfa,#143c44fa);border-color:#f846b44d}body.CosmicTheme .steam-notification:hover{border-color:#f846b499;box-shadow:0 6px 24px #f846b44d}body.CosmicTheme .steam-notification-icon{background:#f846b41a;border-color:#f846b44d}body.CosmicTheme .steam-notification-icon-placeholder{color:#f8b4dc}body.CosmicTheme .steam-notification-action{color:#09f363}@media (max-width: 768px){.steam-notification-container{bottom:80px;right:10px;left:10px;max-width:none}.steam-notification{padding:10px 12px}.steam-notification-icon{width:40px;height:40px}.steam-notification-title{font-size:13px}.steam-notification-message{font-size:11px}}.signout-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#171a21,#1b2838,#2a475e);padding:20px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.signout-content{background:linear-gradient(135deg,#1b2838,#2a475e);border-radius:8px;padding:60px 40px;max-width:600px;width:100%;text-align:center;box-shadow:0 10px 40px #000c;border:1px solid rgba(102,192,244,.3);animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.signout-icon{font-size:4rem;margin-bottom:20px;animation:doorSwing 1s ease infinite}@keyframes doorSwing{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.signout-title{font-size:2.5rem;color:#66c0f4;margin:0 0 20px;text-transform:uppercase;letter-spacing:2px}.signout-message{font-size:1.2rem;color:#c5c5c5;margin:0 0 40px;line-height:1.6;min-height:60px;display:flex;align-items:center;justify-content:center;animation:messageSlide .5s ease}@keyframes messageSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.signout-countdown{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:40px}.countdown-circle{position:relative;width:120px;height:120px}.countdown-ring{width:100%;height:100%;transform:rotate(0)}.countdown-progress{transition:stroke-dashoffset 1s linear}.countdown-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;color:#66c0f4;text-shadow:0 0 20px rgba(102,192,244,.5)}.countdown-text{color:#8f98a0;font-size:1rem;margin:0}.signout-back-btn{background:#66c0f433;border:2px solid #66c0f4;border-radius:4px;color:#66c0f4;font-size:1rem;font-weight:600;padding:12px 30px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.signout-back-btn:hover{background:#66c0f44d;transform:translateY(-2px);box-shadow:0 4px 12px #66c0f466}.signout-footer{margin-top:40px;padding-top:30px;border-top:1px solid rgba(102,192,244,.2)}.signout-note{color:#8f98a0;font-size:.95rem;margin:0;line-height:1.6}.signout-note strong{color:#66c0f4}body.CosmicTheme .signout-container{background:linear-gradient(135deg,#1a0a2e,#2a1a3a,#3a2a4a)}body.CosmicTheme .signout-content{background:linear-gradient(135deg,#2a1a3a,#3a2a4a);border-color:#f846b44d}body.CosmicTheme .signout-title{color:#f8b4dc}body.CosmicTheme .countdown-number{color:#f8b4dc;text-shadow:0 0 20px rgba(248,70,180,.5)}body.CosmicTheme .countdown-progress{stroke:#f846b4}body.CosmicTheme .signout-back-btn{background:#f846b433;border-color:#f846b4;color:#f8b4dc}body.CosmicTheme .signout-back-btn:hover{background:#f846b44d;box-shadow:0 4px 12px #f846b466}body.CosmicTheme .signout-note strong{color:#f8b4dc}@media (max-width: 768px){.signout-content{padding:40px 30px}.signout-icon{font-size:3rem}.signout-title{font-size:2rem}.signout-message{font-size:1rem;min-height:80px}.countdown-circle{width:100px;height:100px}.countdown-number{font-size:2.5rem}}@media (max-width: 480px){.signout-content{padding:30px 20px}.signout-title{font-size:1.5rem}.signout-message{font-size:.9rem}.signout-back-btn{padding:10px 20px;font-size:.9rem}}.footer{margin-top:60px;border-top:2px solid var(--border-color);background:linear-gradient(to bottom,#171a21fa,#1b2838fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-top{padding:40px 0;border-bottom:1px solid rgba(102,192,244,.2)}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;gap:40px}.footer-column{flex:1;min-width:200px}.footer-column-about{flex:1.2}.footer-heading{font-size:16px;font-weight:600;color:var(--accent-blue-hover);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-link{background:none;border:none;color:var(--text-secondary);font-size:14px;text-align:left;cursor:pointer;transition:all .3s ease;padding:4px 0;position:relative}.footer-link:before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent-blue);transition:width .3s ease}.footer-link:hover{color:var(--accent-blue-hover);padding-left:8px}.footer-link:hover:before{width:100%}.footer-social-links{display:flex;gap:16px;margin-top:8px}.footer-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#1a9fff1a;border:1px solid rgba(26,159,255,.3);border-radius:4px;color:var(--text-secondary);transition:all .3s ease;text-decoration:none}.footer-social-link:hover{background:#1a9fff33;border-color:var(--accent-blue);color:var(--accent-blue-hover);transform:translateY(-3px);box-shadow:0 4px 12px #1a9fff4d}.footer-social-link svg{transition:transform .3s ease}.footer-social-link:hover svg{transform:scale(1.1)}.footer-tagline{color:var(--text-secondary);font-size:14px;line-height:1.6}.footer-bottom{padding:20px 0;background:#171a2180}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-copyright,.footer-made-with{color:var(--text-secondary);font-size:12px;margin:0}.footer-made-with{display:flex;align-items:center;gap:6px}.footer-steam-icon{font-size:14px;animation:steamPulse 2s ease-in-out infinite}@keyframes steamPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}body.CosmicTheme .footer{border-top-color:#f846b44d;background:linear-gradient(to bottom,#2e0d24fa,#39183dfa)}body.CosmicTheme .footer-top{border-bottom-color:#f846b433}body.CosmicTheme .footer-heading{color:#f8b4dc}body.CosmicTheme .footer-link:before{background:#f846b4}body.CosmicTheme .footer-link:hover{color:#f8b4dc}body.CosmicTheme .footer-social-link{background:#f846b41a;border-color:#f846b44d}body.CosmicTheme .footer-social-link:hover{background:#f846b433;border-color:#f846b480;color:#f8b4dc;box-shadow:0 4px 12px #f846b44d}body.CosmicTheme .footer-bottom{background:#2e0d2480}@media (max-width: 768px){.footer-top{padding:30px 0}.footer-container{flex-direction:column;gap:30px}.footer-column{min-width:100%}.footer-bottom-content{flex-direction:column;text-align:center;gap:12px}.footer-social-links{justify-content:center}}@media (max-width: 480px){.footer-top{padding:24px 0}.footer-heading{font-size:14px}.footer-link{font-size:13px}.footer-social-link{width:36px;height:36px}.footer-social-link svg{width:20px;height:20px}.footer-tagline{font-size:13px}.footer-copyright,.footer-made-with{font-size:11px}}.app{min-height:100vh;background:#000;position:relative;background-position:49.999% 0;background-repeat:no-repeat}@media (max-width: 1920px){.app{background-size:auto}}@media screen and (-webkit-min-device-pixel-ratio: 0){.app{background-position:49.999% 0}}.container{position:relative;z-index:1}.container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:20px}.content-wrapper{display:grid;grid-template-columns:1fr 340px;gap:16px;margin-top:0;position:relative;padding:16px;border-radius:4px;overflow:visible;border:1px solid rgba(255,255,255,.1);max-width:1200px;width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}body.CosmicTheme .content-wrapper{background:radial-gradient(farthest-side at top right,var(--gradient-right),transparent 500px),radial-gradient(farthest-corner at top left,var(--gradient-left),transparent 600px),radial-gradient(farthest-corner at bottom right,var(--gradient-background-right),transparent 500px),radial-gradient(farthest-corner at bottom left,var(--gradient-background-left),transparent 600px);background-color:var(--gradient-background)}.content-wrapper>*{position:relative}.main-content{display:flex;flex-direction:column;gap:20px;min-width:0}.sidebar{display:flex;flex-direction:column;gap:20px}.card{background:linear-gradient(135deg,#2a475e66,#1b283866);border:1px solid var(--border-color);border-radius:4px;padding:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scroll-margin-top:100px}.card:hover{border-color:var(--accent-blue);box-shadow:0 0 15px #1a9fff33}.highlight-pulse{animation:highlightPulse 2s ease-out}@keyframes highlightPulse{0%{border-color:var(--accent-blue);box-shadow:0 0 30px #1a9fff99,0 0 60px #1a9fff66;transform:scale(1.02)}50%{border-color:var(--accent-blue-hover);box-shadow:0 0 40px #1a9fffcc,0 0 80px #1a9fff80}to{border-color:var(--border-color);box-shadow:0 0 15px #1a9fff33;transform:scale(1)}}body.CosmicTheme .highlight-pulse{animation:highlightPulseCosmic 2s ease-out}@keyframes highlightPulseCosmic{0%{border-color:var(--btn-outline, rgba(140, 90, 142));box-shadow:0 0 30px #f846b499,0 0 60px #09f36366;transform:scale(1.02)}50%{border-color:#f8b4dc;box-shadow:0 0 40px #f846b4cc,0 0 80px #09f36380}to{border-color:var(--border-color);box-shadow:0 0 15px #f846b433;transform:scale(1)}}.card-header{font-size:14px;font-weight:300;color:#c7d5e0;text-transform:uppercase;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color);font-family:Motiva Sans,sans-serif;letter-spacing:.5px}body.CosmicTheme .card-header{background:linear-gradient(to right,var(--gradient-showcase-header-left, rgba(20, 60, 68, .93)),var(--color-showcase-header, rgba(57, 24, 61, .93)));margin:-20px -20px 15px;padding:12px 20px;border-bottom:1px solid rgba(140,90,142,.5);border-radius:4px 4px 0 0}@media (max-width: 968px){.content-wrapper{grid-template-columns:1fr}.main-content{order:1}.sidebar{order:2}}@media (max-width: 640px){.container{padding:10px}.card{padding:15px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1b2838;--bg-secondary: #171a21;--bg-tertiary: #1e2329;--accent-blue: #1a9fff;--accent-blue-hover: #66c0f4;--text-primary: #c7d5e0;--text-secondary: #8f98a0;--border-color: #2a475e;--success: #5c7e10;--highlight: #67c1f5}body.CosmicTheme{--gradient-right: rgba(248, 70, 180, .301);--gradient-left: rgba(9, 243, 99, .247);--gradient-background: rgba(46, 13, 36, .93);--gradient-background-right: rgba(70, 227, 248, 0);--gradient-background-left: rgba(239, 243, 9, .13);--color-showcase-header: rgba(57, 24, 61, .93);--gradient-showcase-header-left: rgba(20, 60, 68, .93);--btn-background: rgb(90, 40, 92);--btn-background-hover: rgb(100, 50, 102);--btn-outline: rgba(140, 90, 142)}body{font-family:Motiva Sans,sans-serif;background:#000;color:var(--text-primary);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}
