.main-header{background-color:var(--nav-bg,#1a1e24);padding:1rem;position:sticky;top:0;z-index:10000;box-shadow:var(--nav-shadow,0 2px 10px rgba(0,0,0,0.3));margin-bottom:1.5rem;border-bottom:3px solid var(--garden-green,#85a75b)}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 10px}.site-branding{display:flex;align-items:center}.site-brand-link{display:flex;align-items:center;gap:0.75rem;text-decoration:none;padding:0.5rem;border-radius:8px;transition:all 0.3s ease;background:linear-gradient(135deg,rgba(157,194,55,0.1) 0%,rgba(133,167,91,0.1) 100%);border:1px solid transparent}.site-brand-link:hover{background:linear-gradient(135deg,rgba(157,194,55,0.2) 0%,rgba(133,167,91,0.2) 100%);border-color:rgba(157,194,55,0.3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(157,194,55,0.2)}.site-logo{width:48px;height:48px;transition:transform 0.3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.site-brand-link:hover .site-logo{transform:rotate(10deg) scale(1.05)}.site-title{font-size:1.5rem;font-weight:bold;color:var(--garden-green,#85a75b);margin:0;text-shadow:0 1px 2px rgba(0,0,0,0.1);transition:color 0.3s ease}.site-brand-link:hover .site-title{color:var(--highlight-color,#9dc237)}.main-nav{display:flex;align-items:center}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:1.5rem}.nav-item{position:relative}.nav-link{color:var(--text-color,#e0e0e0);text-decoration:none;font-size:1rem;font-weight:500;padding:0.5rem 0;transition:color 0.3s ease;display:block}.nav-link:hover,.nav-link.active{color:var(--highlight-color,#9dc237)}.nav-link.active::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background-color:var(--highlight-color,#9dc237);border-radius:2px}.dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:0.25rem;cursor:pointer}.dropdown-toggle::after{content:'▼';font-size:0.75rem;transition:transform 0.3s ease}.dropdown.active .dropdown-toggle::after{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--dropdown-bg,#ffffff);min-width:200px;border-radius:8px;box-shadow:var(--dropdown-shadow,0 8px 24px rgba(127,176,105,0.3));padding:0.75rem 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;z-index:9999;border:1px solid var(--border-color,#d4e4c8)}.dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:0.5rem 1rem;color:var(--text-color,#2d3e2f);text-decoration:none;display:block;transition:background-color 0.3s ease}.dropdown-item:hover{background-color:var(--button-hover-bg,#e8f2e1);color:var(--highlight-color,#7fb069)}.dropdown-item.active{background-color:var(--button-active-bg,#7fb069);color:#ffffff}.mobile-nav-toggle{display:none;background:none;border:none;color:var(--text-color,#e0e0e0);font-size:1.5rem;cursor:pointer;padding:0.5rem;width:44px;height:44px;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:background 0.2s}.mobile-nav-close{display:none}.theme-toggle{background:none;border:none;color:var(--text-color,#e0e0e0);font-size:1.25rem;cursor:pointer;padding:0.5rem;margin-left:1rem;transition:transform 0.3s ease}.theme-toggle:hover{transform:rotate(30deg);color:var(--highlight-color,#9dc237)}.page-header{text-align:center;margin-bottom:3rem;padding:2rem 0;background:linear-gradient(135deg,var(--garden-green,#85a75b) 0%,var(--highlight-color,#9dc237) 100%);border-radius:12px;color:white;position:relative;overflow:hidden}.page-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}.page-title{font-size:2.5rem;font-weight:bold;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,0.3);position:relative;z-index:1}.page-subtitle{font-size:1.2rem;margin:0.5rem 0 0 0;opacity:0.9;position:relative;z-index:1}.guides-grid,.about-content{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.guide-card,.about-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;transition:all 0.3s ease;box-shadow:var(--card-shadow)}.guide-card:hover,.about-section:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow);border-color:var(--garden-green)}.card-header{background:linear-gradient(90deg,var(--garden-green) 0%,var(--highlight-color) 100%);padding:1.5rem;color:white}.card-header .card-title{display:flex;align-items:center;gap:0.75rem;margin:0;font-size:1.5rem;font-weight:bold}.card-header .card-title i{font-size:1.75rem;text-shadow:1px 1px 2px rgba(0,0,0,0.3)}.card-body{padding:2rem;line-height:1.6}.card-body h3{color:var(--garden-green);margin-top:1.5rem;margin-bottom:0.75rem;font-size:1.25rem}.card-body h4{color:var(--highlight-color);margin-top:1rem;margin-bottom:0.5rem}.card-body ul,.card-body ol{margin:1rem 0;padding-left:1.5rem}.card-body li{margin-bottom:0.5rem}.mutation-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.mutation-type{background:var(--input-bg);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color)}.mutation-name{padding:0.25rem 0.5rem;border-radius:4px;font-weight:bold;color:white;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}.mutation-name.wet{background-color:#66b6e3}.mutation-name.chilled{background-color:#72bff5}.mutation-name.twisted{background-color:#8b4513}.mutation-name.frozen{background-color:#72bff5}.mutation-name.gold{background-color:#ffc826}.mutation-name.rainbow{background:linear-gradient(45deg,#ff0000,#ff8000,#ffff00,#80ff00,#00ff00,#00ff80,#00ffff,#0080ff,#0000ff,#8000ff,#ff00ff,#ff0080)}.mutation-name.shocked{background-color:#ffe66d}.mutation-name.celestial{background-color:#f04ac3}.mutation-name.voidtouched{background-color:#D24CFF}.mutation-name.dawnbound{background-color:#ffccff}.event-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.event-categories h4{display:flex;align-items:center;gap:0.5rem;color:var(--garden-green)}.faq-item{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.faq-item:last-child{border-bottom:none}.faq-item h3{color:var(--highlight-color);margin-bottom:0.75rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.team-member{display:flex;gap:1.5rem;align-items:flex-start}.member-avatar{flex-shrink:0}.avatar-img{width:80px;height:80px;border-radius:50%;border:3px solid var(--garden-green)}.member-role{color:var(--highlight-color);font-weight:bold;margin:0.25rem 0}.contact-link{color:var(--garden-green);text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:var(--input-bg);border-radius:20px;transition:all 0.3s ease}.contact-link:hover{background:var(--garden-green);color:white}.contributors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0}.contributor-category h4{display:flex;align-items:center;gap:0.5rem;color:var(--garden-green);margin-bottom:1rem}.contributor-list{display:flex;flex-wrap:wrap;gap:0.5rem}.contributor{background:var(--input-bg);padding:0.25rem 0.75rem;border-radius:15px;font-size:0.9rem;border:1px solid var(--border-color);transition:all 0.3s ease}.contributor:hover{background:var(--garden-green);color:white}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.tech-feature{text-align:center;padding:1.5rem;background:var(--input-bg);border-radius:8px;border:1px solid var(--border-color);transition:all 0.3s ease}.tech-feature:hover{transform:translateY(-3px);border-color:var(--garden-green)}.tech-feature i{font-size:2.5rem;color:var(--garden-green);margin-bottom:1rem}.tech-feature h3{color:var(--highlight-color);margin:0.5rem 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin:2rem 0}.stat-item{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,var(--garden-green),var(--highlight-color));border-radius:12px;color:white;box-shadow:var(--card-shadow)}.stat-number{font-size:3rem;font-weight:bold;margin-bottom:0.5rem;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.stat-label{font-size:1rem;opacity:0.9}.timeline{position:relative;padding-left:2rem}.timeline::before{content:'';position:absolute;left:0.75rem;top:0;bottom:0;width:2px;background:var(--garden-green)}.timeline-item{position:relative;margin-bottom:2rem}.timeline-marker{position:absolute;left:-2rem;top:0.5rem;width:1rem;height:1rem;background:var(--highlight-color);border-radius:50%;border:3px solid var(--garden-green)}.timeline-content{background:var(--input-bg);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color)}.timeline-content h3{color:var(--garden-green);margin-top:0}.support-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.support-option{text-align:center;padding:2rem;background:var(--input-bg);border-radius:12px;border:1px solid var(--border-color);transition:all 0.3s ease}.support-option:hover{transform:translateY(-5px);border-color:var(--garden-green)}.support-option i{font-size:3rem;color:var(--garden-green);margin-bottom:1rem}.support-button{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:var(--highlight-color);color:white;text-decoration:none;border-radius:25px;font-weight:bold;transition:all 0.3s ease;margin-top:1rem}.support-button:hover{background:var(--garden-green);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.plans-list{list-style:none;padding:0}.plans-list li{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 0;border-bottom:1px solid var(--border-color)}.plans-list li:last-child{border-bottom:none}.plans-list .fa-check-circle{color:var(--success-green,#28a745);font-size:1.25rem}@media (max-width:768px){.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.mutation-categories{grid-template-columns:1fr}.tech-grid,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.support-options{grid-template-columns:1fr}.timeline{padding-left:1.5rem}.timeline-marker{left:-1.5rem}}.modifier-button{background:linear-gradient(135deg,var(--button-bg),var(--button-hover-bg));color:var(--text-color);border:2px solid var(--border-color);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:4px;box-shadow:0 2px 4px rgba(127,176,105,0.1);position:relative;overflow:hidden}.modifier-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s}.modifier-button:hover::before{left:100%}.modifier-button:hover{background:linear-gradient(135deg,var(--button-hover-bg),var(--button-active-bg));border-color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(127,176,105,0.25)}.modifier-button.active{background:linear-gradient(135deg,var(--highlight-color),var(--secondary-highlight));border-color:var(--highlight-color);color:white;font-weight:bold;box-shadow:0 4px 16px rgba(127,176,105,0.4);transform:translateY(-1px)}.modifier-button.active::after{content:'✓';position:absolute;top:2px;right:4px;font-size:12px;color:white;font-weight:bold}.category-toggle-button{background:linear-gradient(135deg,var(--category-button-bg),var(--button-hover-bg));color:var(--text-color);border:2px solid var(--border-color);border-radius:10px;padding:12px 16px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;box-shadow:0 2px 6px rgba(127,176,105,0.15)}.category-toggle-button:hover{background:linear-gradient(135deg,var(--button-hover-bg),var(--category-button-active-bg));border-color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 6px 20px rgba(127,176,105,0.3)}.category-toggle-button.active{background:linear-gradient(135deg,var(--highlight-color),var(--secondary-highlight));border-color:var(--highlight-color);color:white;font-weight:bold;box-shadow:0 6px 24px rgba(127,176,105,0.4)}.fruit-button{background:var(--card-bg);backdrop-filter:blur(8px);border:2px solid var(--card-border);border-radius:16px;padding:12px 8px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;box-shadow:0 2px 8px rgba(143,209,79,0.1);position:relative;overflow:hidden}.fruit-button:hover{border-color:var(--highlight-color);transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px rgba(143,209,79,0.25)}.fruit-button.active{border-color:var(--highlight-color);background:linear-gradient(135deg,rgba(127,176,105,0.1),rgba(157,194,55,0.1));box-shadow:0 0 20px rgba(127,176,105,0.4);transform:translateY(-2px)}.fruit-button.active::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--highlight-color),var(--secondary-highlight));border-radius:12px;z-index:-1;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{from{box-shadow:0 0 10px rgba(127,176,105,0.5)}to{box-shadow:0 0 20px rgba(127,176,105,0.8)}}.fruit-button img{width:48px;height:48px;object-fit:contain;margin-bottom:5px;filter:brightness(1.1) contrast(1.1);transition:all 0.3s ease}.fruit-button:hover img{transform:scale(1.1);filter:brightness(1.2) contrast(1.2)}.fruit-button span{font-size:12px;color:var(--text-color);text-align:center;font-weight:500;text-transform:capitalize}.input-group{background:var(--card-bg);backdrop-filter:blur(10px);border:2px solid var(--card-border);border-radius:16px;padding:var(--spacing-lg);margin:var(--spacing-md) 0;box-shadow:0 4px 16px rgba(143,209,79,0.1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.input-group:hover{border-color:var(--highlight-color);box-shadow:0 6px 24px rgba(143,209,79,0.2)}.input-block{margin-bottom:15px}.input-block label{display:block;font-weight:600;color:var(--text-color);margin-bottom:5px;font-size:14px}.input-block input[type="number"],.input-block input[type="range"]{width:100%;padding:10px 12px;border:2px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-color);font-size:16px;transition:all 0.3s ease}.input-block input[type="number"]:focus,.input-block input[type="range"]:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 10px rgba(127,176,105,0.3)}.result{font-size:3rem;font-weight:bold;color:var(--highlight-color);text-align:center;margin:20px 0;text-shadow:2px 2px 4px rgba(0,0,0,0.1);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}input[type="text"]{background:var(--input-bg);backdrop-filter:blur(8px);border:2px solid transparent;border-radius:25px;padding:12px 48px 12px 16px;color:var(--text-color);font-size:14px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(143,209,79,0.1);position:relative}input[type="text"]:focus{outline:none;border-color:var(--highlight-color);background:white;box-shadow:0 0 0 4px rgba(143,209,79,0.2),0 4px 16px rgba(143,209,79,0.15)}input[type="text"]::placeholder{color:var(--text-color);opacity:0.7}.btn{background:linear-gradient(135deg,var(--button-bg),var(--button-hover-bg));color:var(--text-color);border:2px solid var(--border-color);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;box-shadow:0 2px 6px rgba(127,176,105,0.1)}.btn:hover{background:linear-gradient(135deg,var(--button-hover-bg),var(--button-active-bg));border-color:var(--highlight-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(127,176,105,0.25)}.btn-highlight{background:linear-gradient(135deg,var(--highlight-color),var(--secondary-highlight));color:white;border-color:var(--highlight-color);font-weight:bold}.btn-highlight:hover{background:linear-gradient(135deg,var(--secondary-highlight),var(--highlight-color));transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px rgba(127,176,105,0.4)}.bee-default-glow{box-shadow:0 0 15px rgba(255,200,38,0.6);border-color:#ffc826;animation:beeGlow 2s ease-in-out infinite alternate}@keyframes beeGlow{from{box-shadow:0 0 15px rgba(255,200,38,0.6)}to{box-shadow:0 0 25px rgba(255,200,38,0.9)}}.card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);transition:all 0.3s ease;position:relative;overflow:hidden;margin-bottom:20px}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--highlight-color),var(--secondary-highlight))}.card:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow);border-color:var(--highlight-color)}.card-header{padding:20px 25px;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,rgba(127,176,105,0.05),rgba(157,194,55,0.02));position:relative}.card-title{margin:0;font-size:1.5rem;font-weight:bold;color:var(--garden-green);display:flex;align-items:center;justify-content:space-between}.card-body{padding:25px}.card-footer{padding:20px 25px;border-top:2px solid var(--border-color);background:rgba(127,176,105,0.02);display:flex;gap:10px;flex-wrap:wrap}.layout-default{display:block}.layout-default .left-panel{width:100%;margin-bottom:30px}.layout-default .right-panel{width:100%}.layout-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.layout-side-by-side .left-panel,.layout-side-by-side .right-panel{width:100%;margin-bottom:0}.panel-controls{display:flex;gap:15px;margin-bottom:20px;align-items:center;flex-wrap:wrap;padding:15px;background:rgba(127,176,105,0.05);border-radius:12px;border:1px solid var(--border-color)}.search-container{flex:1;min-width:200px}.search-container input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:25px;background:var(--input-bg);color:var(--text-color);font-size:14px;transition:all 0.3s ease}.search-container input:focus{outline:none;border-color:var(--highlight-color);box-shadow:0 0 15px rgba(127,176,105,0.3)}.category-toggle{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:20px}.category-content{display:none;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;padding:20px;background:rgba(127,176,105,0.02);border-radius:12px;border:1px solid var(--border-color);max-height:400px;overflow-y:auto}.category-content.active{display:grid}.category-wrapper{position:relative}#selectedModifiersFormulaExplain{background:rgba(127,176,105,0.1);padding:12px 16px;border-radius:8px;border-left:4px solid var(--highlight-color);font-family:'Courier New',monospace;font-size:13px;color:var(--text-color);margin:10px 0}#selectedModifiersDisplay{background:var(--input-bg);padding:15px;border-radius:8px;border:2px solid var(--border-color);font-family:'Courier New',monospace;font-size:14px;font-weight:bold;color:var(--highlight-color);margin:15px 0;box-shadow:inset 0 2px 4px rgba(127,176,105,0.1)}#mutationBreakdown{background:linear-gradient(135deg,rgba(127,176,105,0.1),rgba(157,194,55,0.05));padding:15px;border-radius:12px;border:2px solid var(--border-color);margin:15px 0;font-size:16px;font-weight:500}#valueToWeightBox{background:linear-gradient(135deg,rgba(74,144,226,0.05),rgba(74,144,226,0.02));border-color:var(--accent-blue)}#valueToWeightBox .card-header{background:linear-gradient(135deg,rgba(74,144,226,0.1),rgba(74,144,226,0.05))}#valueToWeightBox .card-title{color:var(--accent-blue)}@media (max-width:1200px){.layout-side-by-side{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.category-toggle{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.category-content{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;padding:15px}.panel-controls{flex-direction:column;align-items:stretch}.card-footer{flex-direction:column}}.main-footer{background-color:var(--footer-bg,#1a1e24);padding:2rem 1rem;margin-top:3rem;border-top:3px solid var(--garden-green,#85a75b)}.footer-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section{margin-bottom:1.5rem}.footer-title{font-size:1.25rem;color:var(--garden-green,#85a75b);margin-bottom:1rem;font-weight:bold}.footer-nav-list{list-style:none;padding:0;margin:0}.footer-nav-item{margin-bottom:0.5rem}.footer-nav-link{color:var(--text-color,#e0e0e0);text-decoration:none;transition:color 0.3s ease}.footer-nav-link:hover{color:var(--highlight-color,#9dc237)}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{color:var(--text-color,#e0e0e0);font-size:1.5rem;transition:color 0.3s ease}.social-link:hover{color:var(--highlight-color,#9dc237)}.footer-bottom{border-top:1px solid var(--border-color,#444);padding-top:1.5rem;margin-top:1.5rem;text-align:center;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.external-links{display:flex;align-items:center;gap:1rem}.external-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--text-color,#e0e0e0);text-decoration:none;font-size:0.85rem;opacity:0.8;transition:all 0.3s ease;padding:0.5rem 0.75rem;border-radius:6px;background:rgba(157,194,55,0.1);border:1px solid rgba(157,194,55,0.2)}.external-link:hover{opacity:1;color:var(--highlight-color,#9dc237);background:rgba(157,194,55,0.2);border-color:rgba(157,194,55,0.4);transform:translateY(-1px)}.external-link i{font-size:0.75rem}.disclaimer{margin-bottom:1rem;font-size:0.9rem;color:var(--text-color,#2d3e2f);opacity:0.8;max-width:800px;margin-left:auto;margin-right:auto}.credits{display:flex;align-items:center;justify-content:center;margin-bottom:0.5rem;font-size:0.9rem}.copyright{font-size:0.8rem;color:var(--text-color,#2d3e2f);opacity:0.7}.contributors-section{margin-top:1.5rem}.contributors-toggle{background-color:var(--button-bg,#2c3440);color:var(--text-color,#e0e0e0);border:1px solid var(--border-color,#444);border-radius:6px;padding:0.5rem 1rem;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;width:100%}.contributors-toggle:hover{background-color:var(--button-active-bg,#3c4450);color:var(--highlight-color,#9dc237)}.contributors-list{max-height:0;overflow:hidden;transition:max-height 0.5s ease;margin-top:0;opacity:0}.contributors-list.active{max-height:500px;margin-top:1rem;opacity:1}.contributors-list ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0.5rem;padding:0;margin:0.5rem 0 0;list-style:none;font-size:0.9rem}.support-button{display:inline-flex;align-items:center;gap:0.5rem;background-color:var(--highlight-color,#9dc237);color:#ffffff;border:none;border-radius:8px;padding:0.75rem 1.25rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;margin-top:1rem}.support-button:hover{background-color:var(--secondary-highlight,#85a75b);transform:translateY(-2px)}.card{background-color:var(--card-bg,#232a33);border-radius:10px;border:1px solid var(--card-border,#333940);box-shadow:var(--card-shadow,0 4px 12px rgba(0,0,0,0.3));margin-bottom:20px;transition:transform 0.3s ease,box-shadow 0.3s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow,0 8px 24px rgba(0,0,0,0.4))}.card-header{padding:15px 20px;border-bottom:1px solid var(--card-border,#333940);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.card-title{font-size:24px;font-weight:bold;color:var(--garden-green,#85a75b);margin:0}.card-body{padding:20px}.card-footer{padding:15px 20px;border-top:1px solid var(--card-border,#333940);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}@media (max-width:899px){.nav-container{padding:0 10px}.site-brand-link{padding:0.3rem;gap:0.5rem}.site-logo{width:40px;height:40px}.site-title{font-size:1.2rem}.main-nav{right:-100%;position:fixed;z-index:1001;transition:right 0.3s ease;top:0;width:80%;max-width:320px;height:100vh;background-color:var(--container-bg,#232a33);padding:2rem 1.5rem;box-shadow:-5px 0 15px rgba(0,0,0,0.2);overflow-y:auto;display:none}.main-nav.active{right:0;display:block}.nav-list{flex-direction:column;gap:1rem}.nav-item{width:100%}.nav-link{padding:0.75rem 0}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-left:2px solid var(--garden-green,#85a75b);border-radius:0;margin:0.5rem 0 0.5rem 1rem;padding:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease}.dropdown.active .dropdown-menu{max-height:500px;padding:0.5rem 0}.dropdown-item{padding:0.5rem 1rem}.mobile-nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;background:var(--button-bg,#2c3440);box-shadow:0 2px 8px rgba(0,0,0,0.08)}.mobile-nav-toggle:active,.mobile-nav-toggle:focus{background:var(--button-active-bg,#3c4450)}.mobile-nav-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-color,#e0e0e0);font-size:1.5rem;cursor:pointer;padding:0.5rem;display:block}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--mobile-nav-overlay,rgba(0,0,0,0.7));z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.nav-overlay.active{opacity:1;visibility:visible}.footer-container{grid-template-columns:1fr;gap:1.5rem}.contributors-list ul{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.card-header{flex-direction:column;align-items:flex-start}.card-header>div{width:100%;display:flex;flex-direction:column;gap:10px}.card-header button{width:100%;margin-top:10px}.card-footer{flex-direction:column}.card-footer button{width:100%;margin-bottom:10px}.card-footer button:last-child{margin-bottom:0}.site-title{font-size:1.2rem}.site-logo{width:36px;height:36px}}.codes-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.codes-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;transition:all 0.3s ease;box-shadow:var(--card-shadow)}.codes-section:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow);border-color:var(--garden-green)}.codes-notice{background:rgba(157,194,55,0.1);border:1px solid var(--highlight-color);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.codes-alert{background:rgba(255,193,7,0.1);border:1px solid #ffc107;border-radius:8px;padding:1rem;margin-top:1.5rem;display:flex;align-items:flex-start;gap:0.75rem}.codes-alert i{color:#ffc107;font-size:1.25rem;margin-top:0.25rem}.codes-table-container{overflow-x:auto;margin:1.5rem 0}.codes-table{width:100%;border-collapse:collapse;background:var(--input-bg);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.codes-table th,.codes-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.codes-table th{background:var(--garden-green);color:white;font-weight:bold}.codes-table code{background:var(--highlight-color);color:white;padding:0.25rem 0.5rem;border-radius:4px;font-family:'Courier New',monospace;font-weight:bold}.codes-table .expired{color:#dc3545;font-weight:bold}.codes-table .no-codes{text-align:center;font-style:italic;color:var(--text-color);opacity:0.7}.redemption-steps{display:grid;gap:1.5rem;margin:2rem 0}.step{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:rgba(127,176,105,0.05);border-radius:12px;border:1px solid var(--border-color);transition:all 0.3s ease}.step:hover{border-color:var(--highlight-color);transform:translateY(-2px)}.step-number{background:var(--highlight-color);color:white;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.25rem;flex-shrink:0}.step-content h3{margin:0 0 0.5rem 0;color:var(--garden-green);font-size:1.25rem}.step-content p{margin:0;color:var(--text-color);line-height:1.6}.codes-tips{background:rgba(74,144,226,0.05);border:1px solid var(--accent-blue);border-radius:8px;padding:1.5rem;margin-top:2rem}.codes-tips h3{color:var(--accent-blue);margin-top:0;margin-bottom:1rem}.codes-tips ul{margin:0;padding-left:1.5rem}.codes-tips li{margin-bottom:0.5rem;color:var(--text-color)}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.reward-method{background:var(--input-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);text-align:center;transition:all 0.3s ease}.reward-method:hover{transform:translateY(-3px);border-color:var(--highlight-color);box-shadow:0 6px 20px rgba(127,176,105,0.15)}.reward-icon{background:var(--highlight-color);color:white;width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem}.reward-method h3{color:var(--garden-green);margin-bottom:0.75rem}.reward-method p{color:var(--text-color);line-height:1.6;margin:0}.sources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.source-item{background:var(--input-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);text-align:center;transition:all 0.3s ease}.source-item:hover{transform:translateY(-3px);border-color:var(--highlight-color);box-shadow:0 6px 20px rgba(127,176,105,0.15)}.source-icon{background:var(--garden-green);color:white;width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.25rem}.source-item h3{color:var(--highlight-color);margin-bottom:0.75rem}.source-item p{color:var(--text-color);line-height:1.6;margin:0}.faq-item{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.faq-item:last-child{border-bottom:none;margin-bottom:0}.faq-item h3{color:var(--highlight-color);margin-bottom:0.75rem;font-size:1.25rem}.faq-item p{color:var(--text-color);line-height:1.6;margin:0}@media (max-width:768px){.codes-grid{gap:1.5rem}.step{flex-direction:column;text-align:center}.step-number{margin:0 auto 1rem}.rewards-grid,.sources-grid{grid-template-columns:1fr}.codes-table-container{font-size:0.9rem}.codes-table th,.codes-table td{padding:0.75rem 0.5rem}}.form-section{background:var(--bg-color);padding:2rem 0;margin-top:2rem}.form-container{background:var(--input-bg);border-radius:16px;border:2px solid var(--border-color);overflow:hidden;box-shadow:inset 0 2px 8px rgba(0,0,0,0.1);position:relative}.form-container::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--highlight-color),var(--secondary-highlight));z-index:1}.contact-form-iframe{width:100%;height:650px;border:none;background:transparent;display:block;border-radius:16px;transition:all 0.3s ease}.contact-form-iframe:focus{outline:3px solid var(--highlight-color);outline-offset:2px}.form-container::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--highlight-color);border-radius:50%;animation:formLoading 1s linear infinite;opacity:0;pointer-events:none;z-index:2}@keyframes formLoading{to{transform:translate(-50%,-50%) rotate(360deg)}}.form-container:not(.loaded)::after{opacity:1}.form-section .card-header{background:linear-gradient(135deg,rgba(127,176,105,0.1),rgba(157,194,55,0.05));border-bottom:2px solid var(--border-color);text-align:center}.form-section .card-title{display:flex;align-items:center;justify-content:center;gap:0.75rem;color:var(--highlight-color);font-size:1.8rem;margin-bottom:0.5rem}.form-section .card-title i{font-size:1.5rem;color:var(--garden-green)}@media (max-width:768px){.footer-bottom{flex-direction:column;text-align:center;gap:0.75rem}.external-link{font-size:0.8rem;padding:0.4rem 0.6rem}.form-section{padding:1.5rem 0}.contact-form-iframe{height:600px}.form-section .card-title{font-size:1.5rem;flex-direction:column;gap:0.5rem}.form-section .card-header p{font-size:14px}}@media (max-width:480px){.site-brand-link{padding:0.2rem;gap:0.4rem}.site-logo{width:36px;height:36px}.site-title{font-size:1rem}.contact-form-iframe{height:550px}.form-section .card-header{padding:15px}.form-section .card-body{padding:15px}}