.App{min-height:100vh;width:100%}.server-status-bar{background:#faebd7fa;border-bottom:1px solid var(--border-color);padding:.5rem 2rem;position:fixed;top:79px;left:0;right:0;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #ffa1430d}.server-status-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:2rem}.status-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.status-label{color:var(--text-secondary);font-weight:500}.status-indicator{display:flex;align-items:center;gap:.4rem;font-weight:600;padding:.25rem .75rem;border-radius:6px;transition:all .3s ease}.status-indicator.online{color:#4caf50;background:#4caf501a}.status-indicator.offline{color:#f44336;background:#f443361a}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.status-indicator.online .status-dot{background:#4caf50;box-shadow:0 0 8px #4caf5099}.status-indicator.offline .status-dot{background:#f44336;box-shadow:0 0 8px #f4433699;animation:none}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.status-divider{width:1px;height:20px;background:var(--border-color)}.player-count{color:var(--primary-color);font-weight:700;font-size:1rem;padding:.25rem .75rem;background:var(--light-orange-bg);border-radius:6px;border:1px solid rgba(255,161,67,.2)}@media (max-width: 768px){.server-status-bar{padding:.5rem 1rem;top:70px}.server-status-container{gap:1rem;font-size:.85rem}.status-item{gap:.3rem}.status-label{display:none}.status-indicator,.player-count{font-size:.85rem;padding:.2rem .6rem}}@media (max-width: 480px){.server-status-container{gap:.75rem}.status-divider{height:16px}}.navbar{position:fixed;top:0;left:0;right:0;background:#fff7e6fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:2px solid var(--primary-color);box-shadow:0 2px 10px #ffa1431a;padding:1rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.8rem;font-weight:700;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;text-decoration:none}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;border:none;background:none;cursor:pointer;font-size:1rem;padding:.5rem 1rem;border-radius:8px}.nav-link:hover{color:var(--primary-color);background:var(--light-orange-bg)}.discord-link{background:var(--gradient-blue);color:#fff;padding:.5rem 1.5rem;border-radius:8px;font-weight:600}.discord-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4d59dd80;background:linear-gradient(135deg,#6a75e8,#5a66dd)}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem}.nav-toggle span{width:25px;height:3px;background:var(--primary-color);border-radius:3px;transition:all .3s ease}@media (max-width: 768px){.nav-toggle{display:flex}.nav-menu{position:absolute;top:100%;left:0;right:0;background:var(--dark-bg);flex-direction:column;padding:4rem 2rem 2rem;gap:1rem;border-bottom:1px solid var(--border-color);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-link{width:100%;text-align:center}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--darker-bg);background-image:url(/images/mockup3.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;padding:2rem;padding-top:calc(2rem + 40px)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f172ad9,#1e293bbf,#0f172ad9);animation:pulse 16s ease-in-out infinite}.hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,161,67,.15) 0%,transparent 60%);pointer-events:none}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.hero-content{text-align:center;position:relative;z-index:1;max-width:800px}.hero-title{font-size:4rem;font-weight:800;margin-bottom:1rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease-out}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);margin-bottom:2rem;color:#fff;animation:fadeInUp 1s ease-out .2s backwards}.hero-buttons{display:flex;margin-bottom:14rem;gap:1rem;flex-wrap:wrap;justify-content:center;animation:fadeInUp 1s ease-out .4s backwards}.hero-button{color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:140px}.hero-button.primary{background:var(--gradient-1);box-shadow:0 6px 20px #ffa1434d}.hero-button.primary:hover{transform:translateY(-3px);box-shadow:0 8px 28px #ffa14380;background:var(--hover-orange)}.hero-button.secondary{background:var(--gradient-blue);border:none;color:#fff;box-shadow:0 4px 12px #4d59dd4d}.hero-button.secondary:hover{transform:translateY(-3px);background:linear-gradient(135deg,#6a75e8,#5a66dd);box-shadow:0 6px 20px #4d59dd80}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero{padding-top:140px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{gap:.75rem}.hero-button{padding:.875rem 1.5rem;font-size:.95rem;min-width:120px}}@media (max-width: 480px){.hero-buttons{flex-direction:column;width:100%}.hero-button{width:100%;min-width:unset}}.about{padding:6rem 2rem;background:var(--dark-bg)}.about-container{max-width:1200px;margin:0 auto}.about-intro{text-align:center;font-size:1.2rem;color:var(--text-secondary);max-width:800px;margin:0 auto 4rem;line-height:1.8}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:var(--card-bg);padding:2rem;border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 12px 24px #ffa14340;background:#fffcf7}.feature-card:nth-child(2n):hover{border-color:var(--sky-blue);box-shadow:0 12px 24px #4d59dd4d}.feature-card:nth-child(2n) .feature-title{color:var(--sky-blue)}.feature-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:var(--primary-color)}.feature-description{color:var(--text-secondary);line-height:1.6}@media (max-width: 768px){.about{padding:3rem 1.5rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}}.blog-preview-section{padding:6rem 2rem;background:var(--dark-bg)}.blog-preview-container{max-width:1200px;margin:0 auto}.blog-preview-header{text-align:center;margin-bottom:3rem}.blog-preview-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-top:1rem}.blog-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.blog-preview-card{background:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.blog-preview-card:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:0 8px 24px #ffa14340;background:#fffcf7}.preview-card-meta{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.preview-card-category{background:var(--gradient-1);color:#fff;padding:.3rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600}.preview-card-category[data-category=guide],.preview-card-category[data-category=info]{background:var(--gradient-blue)}.preview-card-date{color:var(--text-secondary);font-size:.85rem;display:flex;align-items:center}.preview-card-title{font-size:1.4rem;font-weight:600;margin-bottom:1rem;line-height:1.3}.preview-card-title a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.preview-card-title a:hover{color:var(--primary-color)}.preview-card-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.preview-card-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem}.preview-card-link:hover{color:var(--hover-orange);transform:translate(4px)}.blog-preview-footer{text-align:center}.view-all-posts{display:inline-block;background:var(--gradient-1);color:#fff;padding:1rem 2.5rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #ffa1434d}.view-all-posts:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffa14380;background:var(--hover-orange)}@media (max-width: 768px){.blog-preview-section{padding:4rem 1rem}.blog-preview-grid{grid-template-columns:1fr;gap:1.5rem}.blog-preview-card{padding:1.5rem}.preview-card-title{font-size:1.2rem}}.footer{background:var(--darker-bg);border-top:1px solid var(--border-color);padding:3rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{font-size:1.5rem;margin-bottom:1rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-section h4{color:var(--primary-color);margin-bottom:1rem}.footer-section p{color:var(--text-secondary);line-height:1.6}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}.footer-section:nth-child(2n) .footer-links a:hover{color:var(--sky-blue)}.footer-section:nth-child(2n) h4{color:var(--sky-blue)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-secondary)}.footer-bottom p{margin:.5rem 0}.footer-bottom .footer-links{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-link:hover{color:var(--primary-color)}.footer-separator{color:var(--text-secondary);opacity:.5}.footer-disclaimer{font-size:.9rem;opacity:.7}@media (max-width: 768px){.footer{padding:2rem 1.5rem 1.5rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-section{text-align:center}}.download-page-wrapper{padding-top:6rem;background:var(--darker-bg)}@media (max-width: 768px){.download-page-wrapper{padding-top:6rem}}.download{padding:2rem 1rem;background:var(--darker-bg)}.download-container{max-width:900px;margin:0 auto}.download-intro{text-align:center;font-size:1.2rem;color:var(--text-secondary);margin-bottom:3rem}.download-section{background:var(--card-bg);padding:2.5rem;border-radius:16px;border:2px solid var(--border-color);margin-bottom:2rem;box-shadow:0 8px 24px #ffa14314}.download-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--primary-color)}.download-section:nth-child(2n) .download-subtitle{color:var(--sky-blue)}.download-section:nth-child(2n){border-color:var(--sky-blue)}.download-description{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.download-links{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.download-link{flex:1;min-width:150px;background:var(--gradient-1);color:#fff;text-decoration:none;padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #ffa1434d}.download-link:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ffa14380;background:var(--hover-orange)}.download-icon{font-size:1.3rem}.password-toggle{background:var(--light-orange-bg);border:2px solid var(--primary-color);color:var(--text-primary);padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.password-toggle:hover{background:#ffa14326;color:var(--primary-color)}.instructions{background:var(--card-bg);padding:2.5rem;border-radius:16px;border:2px solid var(--border-color);box-shadow:0 8px 24px #ffa14314}.instruction-list{margin-left:1.5rem;color:var(--text-secondary);line-height:2}.instruction-list li{margin-bottom:.5rem}@media (max-width: 768px){.download{padding:2rem 1.5rem}.download-section,.instructions{padding:1.5rem}.download-links{flex-direction:column}.download-link{width:100%}}.register-page{min-height:100vh;background:var(--darker-bg);padding:8rem 1rem 2rem}.register-page-container{max-width:600px;margin:0 auto}.register-form-wrapper{background:var(--card-bg);padding:3rem 2.5rem;border-radius:16px;border:2px solid var(--border-color);box-shadow:0 8px 32px #ffa1431f}.register-page-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-page-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.register-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:var(--text-primary);font-weight:500;font-size:.95rem}.error-message{color:#f44;font-size:.875rem;margin-top:-.25rem}.recaptcha-wrapper{display:flex;justify-content:flex-start;margin-top:.5rem}.recaptcha-wrapper>div{transform-origin:0 0}@media (max-width: 380px){.recaptcha-wrapper>div{transform:scale(.85)}}@media (max-width: 340px){.recaptcha-wrapper>div{transform:scale(.75)}}.checkbox-group{margin-top:.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.checkbox-input{margin-top:.25rem;width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.checkbox-text{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.link{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.link:hover{color:var(--hover-orange);text-decoration:underline}.submit-button{background:var(--gradient-1);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 12px #ffa1434d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffa14380;background:var(--hover-orange)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.register-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-secondary)}@media (max-width: 768px){.register-page{padding:8rem .5rem 1rem}.register-form-wrapper{padding:2rem 1.5rem}.register-page-title{font-size:2rem}.recaptcha-wrapper{justify-content:center}}@media (max-width: 480px){.register-form-wrapper{padding:1.5rem 1rem}.register-page-title{font-size:1.75rem}.form-input,.captcha-question{padding:.75rem;font-size:.95rem}}.recaptcha-notice{margin-top:1.5rem;font-size:.85rem;color:var(--text-secondary);opacity:.7;line-height:1.5}.recaptcha-notice a{color:var(--text-secondary);text-decoration:underline;transition:color .3s ease}.recaptcha-notice a:hover{color:var(--primary-color)}.vote-page{min-height:100vh;background:var(--darker-bg);padding:8rem 2rem 4rem}.vote-page-container{max-width:1000px;margin:0 auto}.vote-header{text-align:center;margin-bottom:3rem}.vote-page-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vote-page-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.vote-form-card{background:var(--card-bg);padding:2.5rem;border-radius:16px;border:2px solid var(--border-color);margin-bottom:3rem;box-shadow:0 8px 24px #ffa14314}.vote-form{margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-label{color:var(--text-primary);font-weight:500;font-size:1rem}.form-input{background:#fff;border:2px solid var(--border-color);border-radius:8px;padding:.875rem 1rem;color:var(--text-primary);font-size:1rem;transition:all .3s ease;outline:none}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ffa1431a;background:#fffcf7}.form-input.error{border-color:#f44}.form-input::placeholder{color:var(--text-secondary);opacity:.6}.error-message{color:#f44;font-size:.875rem}.success-message{color:var(--success-color);font-size:.875rem}.vote-info-box{display:flex;gap:1rem;background:var(--sky-blue-light);border-left:4px solid var(--sky-blue);padding:1.5rem;border-radius:8px}.info-icon{font-size:1.5rem;flex-shrink:0}.info-content{color:var(--text-secondary);line-height:1.6}.info-content strong{color:var(--sky-blue);display:block;margin-bottom:.5rem}.vote-submit-button{width:100%;background:var(--gradient-1);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ffa1434d}.vote-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffa14380;background:var(--hover-orange)}.vote-submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.section-subtitle{font-size:2rem;font-weight:600;color:var(--primary-color);margin-bottom:2rem;text-align:center}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.reward-item{text-align:center}.reward-icon{font-size:2.5rem;margin-bottom:1rem}.reward-item h4{color:var(--primary-color);font-size:1.1rem;margin-bottom:.5rem}.reward-item p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.vote-footer{text-align:center;padding-top:2rem}.recaptcha-notice{font-size:.8rem;color:var(--text-secondary);margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.recaptcha-notice a{color:var(--primary-color);text-decoration:none}.recaptcha-notice a:hover{text-decoration:underline}.back-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease;display:inline-flex;align-items:center;gap:.5rem}.back-link:hover{color:var(--primary-color)}@media (max-width: 768px){.vote-page{padding:8rem 1rem 2rem}.vote-page-title{font-size:2rem}.vote-page-subtitle{font-size:1rem}.vote-form-card{padding:1.5rem}.rewards-grid{grid-template-columns:1fr;gap:1.5rem}}.blog-page{min-height:100vh;background:var(--darker-bg);padding:8rem 2rem 4rem}.blog-page-container{max-width:900px;margin:0 auto}.blog-header{text-align:center;margin-bottom:4rem}.blog-page-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-page-subtitle{font-size:1.2rem;color:var(--text-secondary)}.blog-posts-list{display:flex;flex-direction:column;gap:2rem}.blog-post-preview{background:var(--card-bg);padding:2.5rem;border-radius:16px;border:2px solid var(--border-color);transition:all .3s ease}.blog-post-preview:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:0 8px 24px #ffa14340;background:#fffcf7}.post-meta{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.post-category{background:var(--gradient-1);color:#fff;padding:.35rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600}.post-category[data-category=guide],.post-category[data-category=info]{background:var(--gradient-blue)}.post-date,.post-author{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center}.post-preview-title{font-size:1.8rem;font-weight:600;margin-bottom:1rem;line-height:1.3}.post-preview-title a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.post-preview-title a:hover{color:var(--primary-color)}.post-preview-excerpt{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;font-size:1.05rem}.read-more-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.read-more-link:hover{color:#5fa3f0;transform:translate(4px)}@media (max-width: 768px){.blog-page{padding:8rem 1rem 2rem}.blog-page-title{font-size:2rem}.blog-post-preview{padding:1.5rem}.post-preview-title{font-size:1.5rem}}.blog-post-page{min-height:100vh;background:var(--darker-bg);padding:8rem 2rem 4rem}.blog-post-container{max-width:800px;margin:0 auto}.back-to-blog{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem}.back-to-blog:hover{color:var(--primary-color)}.blog-post{background:var(--card-bg);padding:3rem;border-radius:16px;border:2px solid var(--border-color);box-shadow:0 8px 24px #ffa14314}.post-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.post-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-top:1rem;color:var(--text-primary)}.post-content{color:var(--text-secondary);line-height:1.8;font-size:1.05rem}.blog-heading{font-size:1.8rem;font-weight:600;color:var(--primary-color);margin-top:2.5rem;margin-bottom:1rem;line-height:1.3}.blog-heading:first-child{margin-top:0}.blog-text{margin-bottom:1.5rem;line-height:1.8}.blog-list-container{margin:1.5rem 0}.blog-list-toggle{display:flex;align-items:center;gap:.75rem;background:var(--light-orange-bg);border:2px solid var(--border-color);padding:1rem 1.5rem;border-radius:8px;cursor:pointer;width:100%;text-align:left;font-size:1rem;font-weight:600;color:var(--text-primary);transition:all .3s ease}.blog-list-toggle:hover{background:var(--gradient-2);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #ffa14333}.toggle-icon{color:var(--primary-color);font-size:.8rem;transition:transform .3s ease;display:inline-block}.toggle-icon.expanded{transform:rotate(90deg)}.toggle-text{flex:1}.blog-list{margin:1rem 0 0;padding-left:2rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.blog-list li{margin-bottom:.75rem;line-height:1.7}.blog-list li::marker{color:var(--primary-color)}.blog-quote{background:var(--light-orange-bg);border-left:4px solid var(--primary-color);padding:1.5rem 2rem;margin:2rem 0;font-style:italic;font-size:1.15rem;color:var(--text-primary);border-radius:0 8px 8px 0}.blog-image-container{margin:2rem 0;text-align:center}.blog-image{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--border-color)}.blog-image-container.skill-icon{margin:1rem 0 .5rem;text-align:left;display:inline-block}.blog-image-container.skill-icon .blog-image{width:48px;height:48px;border-radius:8px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;border:2px solid var(--primary-color);background:#0000004d;padding:4px}.blog-table-container{margin:2rem 0;overflow-x:auto}.blog-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;border:2px solid var(--border-color)}.blog-table thead{background:var(--gradient-2)}.blog-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--primary-color);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.blog-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.blog-table tbody tr:hover{background:var(--light-orange-bg)}.blog-table tbody tr:last-child{border-bottom:none}.blog-table td{padding:1rem;color:var(--text-secondary);vertical-align:top;line-height:1.6}.blog-table .icon-cell{width:60px;text-align:center;padding:.5rem}.blog-table .skill-icon{width:40px;height:40px;border-radius:6px;border:2px solid var(--primary-color);background:#0006;padding:4px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.blog-table th:first-child{width:60px}.blog-table th:nth-child(2){width:25%}.blog-table th:nth-child(3),.blog-table th:nth-child(4){width:37.5%}.post-footer{margin-top:3rem;text-align:center}.back-to-blog-button{display:inline-block;background:var(--gradient-1);color:#fff;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #ffa1434d}.back-to-blog-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffa14380;background:var(--hover-orange)}.post-not-found{text-align:center;padding:4rem 2rem}.post-not-found h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem}.post-not-found p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}@media (max-width: 768px){.blog-post-page{padding:8rem 1rem 2rem}.blog-post{padding:2rem 1.5rem}.post-title{font-size:2rem}.blog-heading{font-size:1.5rem}.blog-quote{padding:1rem 1.5rem;font-size:1.05rem}.blog-table{font-size:.9rem}.blog-table th,.blog-table td{padding:.75rem .5rem}.blog-table .icon-cell{width:50px}.blog-table .skill-icon{width:32px;height:32px}.blog-list-toggle{padding:.75rem 1rem;font-size:.9rem}.toggle-icon{font-size:.7rem}}.rankings-page{min-height:100vh;background:var(--darker-bg);padding:8rem 2rem 4rem}.rankings-container{max-width:1200px;margin:0 auto}.rankings-header{text-align:center;margin-bottom:3rem}.rankings-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rankings-subtitle{font-size:1.2rem;color:var(--text-secondary)}.rankings-controls{background:var(--card-bg);padding:2rem;border-radius:16px;border:2px solid var(--border-color);margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.search-box{display:flex;justify-content:center}.search-input{width:100%;max-width:400px;padding:.75rem 1.25rem;border:2px solid var(--border-color);border-radius:8px;background:var(--dark-bg);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ffa1431a}.search-input::placeholder{color:var(--text-secondary)}.job-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.job-filter-btn{padding:.75rem 1.5rem;border:2px solid var(--border-color);background:var(--dark-bg);color:var(--text-secondary);border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.job-filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.job-filter-btn.active{background:var(--gradient-1);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #ffa1434d}.sort-controls{display:flex;align-items:center;justify-content:center;gap:.75rem}.sort-controls label{color:var(--text-secondary);font-weight:500}.sort-btn{padding:.75rem 1.5rem;border:2px solid var(--border-color);background:var(--dark-bg);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;min-width:100px}.sort-btn:hover{border-color:var(--sky-blue);color:var(--sky-blue)}.sort-btn.active{background:var(--gradient-blue);color:#fff;border-color:var(--sky-blue);box-shadow:0 4px 12px #4d59dd4d}.rankings-loading{text-align:center;padding:4rem 2rem;font-size:1.2rem;color:var(--text-secondary)}.rankings-table-wrapper{background:var(--card-bg);border-radius:16px;border:2px solid var(--border-color);overflow-x:auto;box-shadow:0 8px 24px #ffa14314}.rankings-table{width:100%;border-collapse:collapse;table-layout:fixed}.rankings-table thead{background:var(--dark-bg)}.rankings-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:600;color:var(--primary-color);border-bottom:2px solid var(--border-color);white-space:nowrap}.rankings-table th:nth-child(1){width:10%}.rankings-table th:nth-child(2){width:18%}.rankings-table th:nth-child(3){width:25%}.rankings-table th:nth-child(4){width:10%}.rankings-table th:nth-child(5){width:22%}.rankings-table th:nth-child(6){width:15%}.rankings-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .2s ease}.rankings-table tbody tr:hover{background:#ffa1430d}.rankings-table tbody tr:last-child{border-bottom:none}.rankings-table td{padding:1rem 1.5rem;color:var(--text-secondary)}.rank-cell{font-weight:700;color:var(--primary-color);font-size:1.1rem}.name-cell{font-weight:600;color:var(--text-primary);font-size:1.05rem}.level-cell{font-weight:600;color:var(--sky-blue)}.exp-cell{font-family:monospace}.job-cell{color:var(--text-primary);font-weight:500}.fame-cell{font-weight:600;color:gold}.rankings-info{text-align:center;padding:1.5rem;color:var(--text-secondary);font-size:.95rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:2rem 0;flex-wrap:wrap}.pagination-btn{padding:.75rem 1.25rem;border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;min-width:100px}.pagination-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.pagination-btn.active{background:var(--gradient-1);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #ffa1434d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{padding:.75rem;color:var(--text-secondary)}.no-results{text-align:center;padding:4rem 2rem;font-size:1.2rem;color:var(--text-secondary);background:var(--card-bg);border-radius:16px;border:2px solid var(--border-color)}@media (max-width: 768px){.rankings-page{padding:8rem 1rem 2rem}.rankings-title{font-size:2rem}.rankings-subtitle{font-size:1rem}.rankings-controls{padding:1.5rem}.job-filters{gap:.5rem}.job-filter-btn{padding:.5rem 1rem;font-size:.9rem}.search-input{font-size:.9rem;padding:.6rem 1rem}.sort-controls{flex-wrap:wrap}.sort-btn{padding:.5rem 1rem;min-width:80px}.rankings-table th,.rankings-table td{padding:.75rem .5rem;font-size:.9rem}.rank-cell,.name-cell{font-size:1rem}.pagination-btn{padding:.5rem 1rem;min-width:80px;font-size:.9rem}}@media (max-width: 480px){.rankings-table th,.rankings-table td{padding:.5rem .25rem;font-size:.85rem}.rankings-table th:nth-child(5),.rankings-table td:nth-child(5){display:none}.search-input{font-size:.85rem}}.policy-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:8rem 1rem 2rem}.policy-container{max-width:900px;margin:0 auto;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;box-shadow:0 8px 32px #0000004d;position:relative;z-index:1}.policy-header{margin-bottom:3rem}.back-link{display:inline-flex;align-items:center;color:#4a9eff;text-decoration:none;font-size:.95rem;margin-bottom:1.5rem;transition:all .3s ease}.back-link:hover{color:#6bb3ff;transform:translate(-5px)}.policy-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-align:center;background:linear-gradient(135deg,#4a9eff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.policy-last-updated{text-align:center;color:#fff9;font-size:.9rem;font-style:italic}.policy-content{color:#ffffffe6;line-height:1.8}.policy-section{margin-bottom:3rem}.policy-section:last-child{margin-bottom:0}.policy-section h2{font-size:1.8rem;font-weight:600;color:#4a9eff;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(74,158,255,.3)}.policy-section h3{font-size:1.3rem;font-weight:600;color:#6bb3ff;margin-top:1.5rem;margin-bottom:.75rem}.policy-section p{margin-bottom:1rem;color:#ffffffd9}.policy-section ul{list-style:none;padding-left:0;margin:1rem 0}.policy-section ul li{position:relative;padding-left:1.75rem;margin-bottom:.75rem;color:#ffffffd9}.policy-section ul li:before{content:"▸";position:absolute;left:0;color:#4a9eff;font-weight:700}.policy-section strong{color:#fff;font-weight:600}.policy-section a{color:#4a9eff;text-decoration:none;transition:color .3s ease}.policy-section a:hover{color:#6bb3ff;text-decoration:underline}.policy-thank-you{margin-top:2rem;padding:1.5rem;background:#4a9eff1a;border-left:4px solid #4a9eff;border-radius:8px;text-align:center;font-size:1.1rem}.policy-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.back-button{display:inline-block;padding:.875rem 2rem;background:linear-gradient(135deg,#4a9eff,#7b2ff7);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #4a9eff4d}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a9eff66}@media (max-width: 768px){.policy-page{padding:8rem .5rem 1rem}.policy-container{padding:2rem 1.5rem;border-radius:15px}.policy-title{font-size:2rem}.policy-section h2{font-size:1.5rem}.policy-section h3{font-size:1.2rem}.policy-section ul li{padding-left:1.5rem;font-size:.95rem}}@media (max-width: 480px){.policy-page{padding-top:130px}.policy-container{padding:1.5rem 1rem}.policy-title{font-size:1.75rem}.policy-section h2{font-size:1.3rem}.policy-section h3{font-size:1.1rem}.back-button{padding:.75rem 1.5rem;font-size:.95rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #ffa143;--secondary-color: #e88a2f;--accent-color: #ffd54f;--sky-blue: #4d59dd;--sky-blue-light: #e8eaff;--dark-bg: #fef9f0;--darker-bg: #f5e6d3;--card-bg: #fff7e6;--text-primary: #3d2817;--text-secondary: #6b4423;--border-color: #e0d0b8;--success-color: #52c41a;--gradient-1: linear-gradient(135deg, #ffa143 0%, #ffb366 100%);--gradient-2: linear-gradient(135deg, #ffb366 0%, #ffc589 100%);--gradient-blue: linear-gradient(135deg, #4d59dd 0%, #6a75e8 100%);--hover-orange: #ffb35c;--light-orange-bg: #fff4e6}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom,#fef9f0,#f5e6d3);background-attachment:fixed;color:var(--text-primary);line-height:1.6;padding-top:40px}#root{min-height:100vh}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.section-title{font-size:2rem}}.grecaptcha-badge{visibility:hidden}