.odds-input-container{background:#ffffff08;border:1px solid #ffffff0d;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000d;margin-bottom:1.5rem;padding:1.8rem}.odds-input-container h2{color:var(--accent-color);display:inline-block;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;position:relative}.odds-input-container h2:after{background:var(--accent-color);bottom:-5px;content:"";height:3px;left:0;position:absolute;width:40px}.odds-input-fields{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.odds-input-fields .input-group{display:flex;flex-direction:column;gap:.5rem}.odds-input-fields label{color:inherit;font-size:.9rem;font-weight:500;margin-left:.3rem}.odds-input-fields input{background:#ffffff08;border:1px solid #ffffff1a;border-radius:var(--border-radius);color:inherit;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.odds-input-fields input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #2962ff1a;outline:none}.odds-format-switcher{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.format-button{background:#0000;border:1px solid #ffffff1a;border-radius:var(--border-radius);color:inherit;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.format-button.active{background:var(--secondary-color);border-color:#0000;color:#fff}@media (max-width:768px){.odds-input-container{padding:1.2rem}.odds-input-fields{grid-template-columns:1fr}}.stake-input-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000d;margin:1.5rem 0;padding:1.8rem}.stake-input-container h2{color:var(--accent-color);display:inline-block;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;position:relative}.stake-input-container h2:after{background:var(--accent-color);bottom:-5px;content:"";height:3px;left:0;position:absolute;width:40px}.input-group label{color:inherit;font-size:.9rem}.currency-input{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:100px 1fr;position:relative}.currency-select{appearance:none;background:#ffffff08;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;border:1px solid #ffffff1a;border-radius:var(--border-radius);color:inherit;cursor:pointer;font-size:1rem;padding:1rem 2.5rem 1rem 1rem;transition:all .3s ease}.currency-select:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #2962ff1a;outline:none}.currency-select option{background-color:var(--background-dark);color:var(--text-dark);padding:10px}.currency-select:focus option:checked{background-color:#3498db;color:#fff}.currency-symbol{align-items:center;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;opacity:.8}.currency-input input{background:#ffffff08;border:1px solid #ffffff1a;border-radius:var(--border-radius);color:inherit;font-size:1.1rem;padding:1rem;transition:all .3s ease}.currency-input input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #2962ff1a;outline:none}@media (max-width:768px){.stake-input-container{padding:1.2rem}.currency-input{grid-template-columns:80px 1fr}}.result-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff05,#ffffff0d);border-radius:var(--border-radius);box-shadow:0 8px 32px #0000000d;margin-top:2rem;overflow:hidden;padding:2rem;position:relative}.result-display:after{background:linear-gradient(to right,var(--secondary-color),var(--accent-color));bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.result-display h2{color:var(--accent-color);display:inline-block;font-size:1.5rem;font-weight:700;margin-bottom:1.8rem;position:relative}.result-display h2:after{background:var(--accent-color);bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.results-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.result-item{animation:fadeIn .3s ease-in-out forwards;background:#ffffff08;border:1px solid #ffffff0d;border-radius:var(--border-radius);padding:1.5rem;text-align:center;transition:transform .3s ease}.result-item:hover{box-shadow:0 10px 30px #00000014;transform:translateY(-5px)}.result-label{color:inherit;font-size:.9rem;font-weight:500;letter-spacing:1px;margin-bottom:.8rem;opacity:.8;text-transform:uppercase}.result-value{background:linear-gradient(to right,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:var(--secondary-color);color:#0000;font-size:1.8rem;font-weight:700}.result-value.profit-positive{background:linear-gradient(90deg,#00c853,#64dd17);-webkit-background-clip:text;background-clip:text;color:#0000}.result-value.profit-negative{background:linear-gradient(90deg,#f44336,#ff7043);-webkit-background-clip:text;background-clip:text;color:#0000}@media (max-width:768px){.result-display{padding:1.5rem}.results-container{grid-template-columns:1fr}.result-value{font-size:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-item:nth-child(2){animation-delay:.1s}.result-item:nth-child(3){animation-delay:.2s}.result-item:nth-child(4){animation-delay:.3s}.parlay-calculator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:15px;padding:2rem}.parlay-calculator h2{color:#3498db;font-size:1.8rem;font-weight:600;margin-bottom:2rem}.selections-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.selection-input{grid-gap:1rem;align-items:center;background:#ffffff08;border-radius:10px;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr auto;padding:1rem;transition:transform .2s ease}.selection-input:hover{transform:translateX(5px)}.selection-input input{background:#ffffff0d;border:2px solid #3498db4d;border-radius:8px;color:inherit;font-size:1rem;padding:.8rem;transition:all .3s ease}.selection-input input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.american-odds{color:#3498db;font-family:monospace;text-align:center}.add-selection-btn{align-self:flex-start;background:#3498db1a;border:2px dashed #3498db4d;border-radius:8px;color:#3498db;cursor:pointer;font-weight:500;margin-top:1rem;padding:.8rem 1.5rem;transition:all .3s ease}.add-selection-btn:hover{background:#3498db33;border-style:solid}@media (max-width:768px){.selection-input{gap:.5rem;grid-template-columns:1fr}.american-odds{text-align:left}}.calculator{background:#ffffff08;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:2rem auto;max-width:900px;overflow:hidden;padding:2rem;position:relative}.calculator:before{content:"";height:5px;left:0;position:absolute;top:0;width:100%}.calculator h2,.calculator:before{background:linear-gradient(to right,var(--secondary-color),var(--accent-color))}.calculator h2{-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:1.8rem;margin-bottom:1.5rem}.calculator-type-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:2.5rem}.type-button{background:#0000;border:1px solid #2962ff4d;border-radius:var(--border-radius);color:inherit;cursor:pointer;font-weight:500;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .3s ease}.type-button:after{background:var(--secondary-color);bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.type-button:hover:after{transform:scaleX(1)}.type-button.active{background:linear-gradient(to right,var(--secondary-color),var(--accent-color));border-color:#0000;color:#fff}.type-button:hover{box-shadow:0 4px 12px #2962ff33;transform:translateY(-3px)}.calculator-form{grid-gap:2rem;display:grid;gap:2rem;margin-top:1.5rem}.results-section{border-top:1px solid #ffffff1a;margin-top:2.5rem;padding-top:2rem}.calculator-tabs{display:flex;gap:1rem;margin-bottom:2rem}.calculator-tabs button{flex:1 1;max-width:200px}@media (max-width:768px){.calculator{margin:1rem;padding:1.5rem}.odds-input-fields,.results-container{grid-template-columns:1fr}.calculator-tabs{flex-direction:column}.calculator-tabs button{max-width:100%}.calculator-type-selector{flex-direction:column}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.calculator input:focus,.calculator select:focus{animation:pulse .3s ease-in-out}.btn{align-items:center;background:linear-gradient(to right,var(--secondary-color),var(--accent-color));border:none;border-radius:var(--border-radius);box-shadow:0 4px 12px #2962ff33;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .3s ease}.btn:before{background:linear-gradient(120deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}.btn:hover:before{left:100%}.btn:hover{box-shadow:0 8px 20px #2962ff40;transform:translateY(-3px)}.btn:active{box-shadow:0 4px 8px #2962ff33;transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid var(--secondary-color);box-shadow:none;color:var(--secondary-color)}.btn-secondary:hover{background:#2962ff0d;box-shadow:none}.btn-danger{background:linear-gradient(90deg,#ff3d00,#ff7043);box-shadow:0 4px 12px #ff3d0033}.btn-danger:hover{box-shadow:0 8px 20px #ff3d0040}.btn-group{display:flex;gap:.8rem}.btn-tab{background:#0000;border:1px solid #2962ff33;border-radius:var(--border-radius);color:inherit;padding:.8rem 1.5rem;transition:all .3s ease}.btn-tab.active{background:linear-gradient(to right,var(--secondary-color),var(--accent-color));border-color:#0000;box-shadow:0 4px 12px #2962ff33;color:#fff}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-icon{border-radius:50%;height:3rem;min-width:3rem;padding:.7rem}@media (max-width:768px){.btn{font-size:.9rem;padding:.7rem 1.2rem}.btn-group{flex-direction:column}}.hedge-calculator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:2rem auto;max-width:900px;overflow:hidden;padding:2rem;position:relative}.hedge-calculator:before{content:"";height:5px;left:0;position:absolute;top:0;width:100%}.hedge-calculator h2,.hedge-calculator:before{background:linear-gradient(to right,var(--secondary-color),var(--accent-color))}.hedge-calculator h2{-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:1.8rem;margin-bottom:1.5rem}.calculator-type{display:flex;gap:1rem;margin-bottom:2rem}.type-btn{background:#ffffff0d;border:none;border-radius:var(--border-radius);color:inherit;cursor:pointer;flex:1 1;font-weight:500;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;z-index:1}.type-btn:after{background:var(--secondary-color);bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.type-btn:hover:after{transform:scaleX(1)}.type-btn.active{background:linear-gradient(180deg,#2962ff1a,#2962ff33);box-shadow:inset 0 0 0 1px #2962ff4d}.type-btn.active:after{transform:scaleX(1)}.calculator-inputs{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:2rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.95rem;font-weight:500;margin-left:.3rem}.input-group input{background:#ffffff08;border:1px solid #ffffff1a;border-radius:var(--border-radius);color:inherit;font-size:1rem;padding:1rem;transition:all .3s ease}.input-group input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #2962ff33;outline:none}.parlay-progress{background:#3498db1a;border-radius:8px;padding:1rem}.progress-inputs{align-items:center;display:flex;gap:.5rem}.progress-inputs input{text-align:center;width:60px}.results{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2.5rem}.result-card{background:#ffffff08;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000000d;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.result-card:after{background:linear-gradient(to right,var(--secondary-color),var(--accent-color));content:"";height:3px;left:0;position:absolute;top:0;width:100%}.result-card:hover{box-shadow:0 8px 15px #00000014;transform:translateY(-5px)}.result-card h3{font-size:.9rem;letter-spacing:1px;margin-bottom:1rem;opacity:.8;text-transform:uppercase}.value{font-size:2.2rem;font-weight:700;letter-spacing:-1px;margin:.5rem 0}.value.positive{color:var(--success-color)}.value.negative{color:var(--danger-color)}.roi{font-size:.9rem;margin-top:.5rem;opacity:.7}.result-details{background:#ffffff08;border-radius:var(--border-radius);grid-column:1/-1;padding:1.5rem}.detail{border-bottom:1px solid #ffffff0d;display:flex;font-size:.95rem;justify-content:space-between;padding:1rem 0}.detail:last-child{border-bottom:none}.parlay-container{background:#ffffff08;border-radius:var(--border-radius);box-shadow:0 2px 12px #00000014;margin:1.5rem 0;padding:1.8rem;position:relative}.parlay-container h3{color:var(--accent-color);font-size:1.2rem;margin-bottom:1.5rem}.parlay-leg{background:#ffffff08;border:1px solid #2962ff1a;border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.parlay-leg:hover{border-color:#2962ff4d;transform:translateX(5px)}.leg-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.2rem}.leg-description{background:#ffffff08;border:1px solid #ffffff1a;border-radius:var(--border-radius);color:inherit;flex:1 1;font-size:.95rem;padding:1rem;transition:all .3s ease}.leg-description:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #2962ff1a;outline:none}.leg-status{appearance:none;background:#ffffff08;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;border:1px solid #ffffff1a;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.95rem;min-width:140px;padding:1rem 2.5rem 1rem 1rem;transition:all .3s ease}.leg-status option{background-color:#1e2130;color:#fff;font-weight:500;padding:10px}.leg-status option[value=pending]{color:var(--warning-color)}.leg-status option[value=won]{color:var(--success-color)}.leg-status option[value=lost]{color:var(--danger-color)}.leg-status:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #2962ff1a;outline:none}.remove-leg{align-items:center;background:#ff4d4f1a;border:none;border-radius:50%;color:#ff4d4f;cursor:pointer;display:flex;font-size:1.2rem;height:38px;justify-content:center;transition:all .3s ease;width:38px}.remove-leg:hover{background:#ff4d4f;color:#fff;transform:rotate(90deg)}.add-leg{align-items:center;background:#2962ff08;border:1px dashed #2962ff4d;border-radius:var(--border-radius);color:inherit;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.8rem;justify-content:center;margin:1.5rem 0;padding:1rem;transition:all .3s ease;width:100%}.add-leg:hover{background:#2962ff14;border-color:var(--secondary-color);transform:translateY(-2px)}.add-leg svg{height:16px;transition:transform .3s ease;width:16px}.add-leg:hover svg{transform:rotate(90deg)}.parlay-summary{background:#2962ff0d;border-left:3px solid var(--secondary-color);border-radius:var(--border-radius);margin-top:1.5rem;padding:1.2rem}.parlay-summary p{display:flex;font-weight:500;justify-content:space-between;margin:.5rem 0}@media (max-width:768px){.hedge-calculator{padding:1.5rem}.results{grid-template-columns:1fr}.value{font-size:1.8rem}}.odds-comparison{margin:0 auto;max-width:1200px;padding:2rem}.comparison-header{grid-gap:1.2rem;background:#ffffff08;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000d;display:grid;gap:1.2rem;margin-bottom:2.5rem;overflow:hidden;padding:1.5rem;position:relative}.comparison-header:after{content:"";height:3px;left:0;position:absolute;top:0;width:100%}.comparison-header h2,.comparison-header:after{background:linear-gradient(to right,var(--secondary-color),var(--accent-color))}.comparison-header h2{-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:1.8rem;margin-bottom:.5rem}.bet-description-input{background:#ffffff08;border:1px solid #ffffff1a;border-radius:var(--border-radius);color:inherit;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.bet-description-input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #2962ff1a;outline:none}.stake-input{align-items:center;display:flex;gap:1rem}.stake-input label{font-weight:500;min-width:80px}.stake-input input{background:#ffffff08;border:1px solid #ffffff1a;border-radius:var(--border-radius);color:inherit;font-size:1rem;padding:1rem;transition:all .3s ease;width:150px}.stake-input input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #2962ff1a;outline:none}.bookmakers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2.5rem}.bookmaker-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:var(--border-radius);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.bookmaker-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-5px)}.bookmaker-card.best-odds{background:linear-gradient(135deg,rgba(var(--success-color-rgb),.05),rgba(var(--success-color-rgb),.15));border:none}.bookmaker-card.best-odds:before{background:var(--success-color);border-radius:20px;color:#fff;content:"BEST VALUE";font-size:.7rem;font-weight:700;letter-spacing:1px;padding:.25rem .75rem;position:absolute;right:10px;top:10px}.bookmaker-card h3{color:inherit;display:inline-block;font-size:1.2rem;margin-bottom:1.2rem;position:relative}.bookmaker-card h3:after{background:var(--secondary-color);bottom:-5px;content:"";height:3px;left:0;position:absolute;width:40px}.odds-input{margin:1rem 0}.odds-input label{display:block;font-size:.9rem;margin-bottom:.5rem;opacity:.8}.odds-input input{background:#ffffff08;border:1px solid #ffffff1a;border-radius:var(--border-radius);color:inherit;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.odds-input input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #2962ff1a;outline:none}.odds-details{grid-gap:.8rem;border-top:1px solid #ffffff0d;display:grid;gap:.8rem;margin-top:1.2rem;padding-top:1.2rem}.american-odds{color:var(--secondary-color);font-size:1.1rem;font-weight:600}.potential-return{font-weight:500}.edge-percentage{color:var(--danger-color);font-weight:500}.comparison-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.summary-card{background:#ffffff08;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000d;overflow:hidden;padding:1.8rem;position:relative;text-align:center}.summary-card:after{background:linear-gradient(to right,var(--secondary-color),var(--accent-color));bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.summary-card h3{font-size:1rem;letter-spacing:1px;margin-bottom:1.2rem;opacity:.9;text-transform:uppercase}.best-value{color:var(--success-color);font-size:2.5rem;font-weight:700;margin:1rem 0}.american-format{margin-top:.5rem;opacity:.8}.profit-diff{background:linear-gradient(to right,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:var(--accent-color);color:#0000;font-size:2.5rem;font-weight:700;margin:1rem 0}.percentage-diff{opacity:.8}@media (max-width:768px){.odds-comparison{padding:1rem}.comparison-header{padding:1.2rem}.bookmakers-grid,.comparison-summary{grid-template-columns:1fr}}.theme-toggle{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;padding:0;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:40px}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle:before{align-items:center;background:#fff;border-radius:50%;content:"☀️";display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;transition:transform .3s ease;width:24px}.theme-toggle.dark{background:#2c3e50}.theme-toggle.dark:before{content:"🌙";transform:translateX(30px)}.modern-theme-toggle{background:none;border:none;cursor:pointer;padding:0}.toggle-track{align-items:center;background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:28px;display:flex;height:28px;padding:3px;position:relative;transition:all .3s ease;width:52px}.toggle-track:hover{background-color:#ffffff26}.light .toggle-track{background-color:#3498db33}.toggle-thumb{background:linear-gradient(to bottom right,#fff,#f1f1f1);border-radius:50%;box-shadow:0 2px 5px #0003;height:22px;position:absolute;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);width:22px}.dark .toggle-thumb{background:linear-gradient(to bottom right,#2c3e50,#1a2538);transform:translateX(24px)}.toggle-icon{align-items:center;display:flex;font-size:14px;height:14px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:14px}.sun{left:6px;opacity:1}.moon,.sun{color:#f1c40f}.moon{right:6px}.dark .sun,.moon{opacity:0}.dark .moon{opacity:1}.modern-theme-toggle:hover .toggle-track{opacity:.85}.modern-theme-toggle:focus{outline:none}.modern-theme-toggle:focus .toggle-track{box-shadow:0 0 0 2px #3498db80}@keyframes rotate{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.theme-toggle:hover .moon,.theme-toggle:hover .sun{animation:rotate 2s linear infinite}:root{--primary-color:#1a237e;--secondary-color:#2962ff;--accent-color:#0091ea;--success-color:#00c853;--warning-color:#ffc400;--danger-color:#ff3d00;--background-light:#f8f9fa;--background-dark:#121212;--surface-light:#fff;--surface-dark:#1e1e1e;--text-light:#212121;--text-dark:#f5f5f5;--border-radius:12px;--box-shadow:0 8px 20px #0000001a}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}body{line-height:1.6}.app{background-size:400% 400%;min-height:100vh;padding:1.5rem;transition:all .3s ease}.app.light{background:linear-gradient(145deg,#f8f9fa,#e6e9f0);background:linear-gradient(145deg,var(--background-light),#e6e9f0);color:#212121;color:var(--text-light)}.app.dark{background:linear-gradient(145deg,#121212,#1a1f35);background:linear-gradient(145deg,var(--background-dark),#1a1f35);color:#f5f5f5;color:var(--text-dark)}header{align-items:center;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 20px #0000001a;box-shadow:var(--box-shadow);display:flex;justify-content:space-between;margin-bottom:2.5rem;padding:.8rem 1.2rem}.app.light header{background:#fffc}.app.dark header,.app.light header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app.dark header{background:#1e1e1ecc}header h1{background:linear-gradient(90deg,#1a237e,#2962ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.8rem;font-weight:700;letter-spacing:-.5px}main{margin:0 auto;max-width:1200px;transition:all .3s ease}.main-nav{display:flex;gap:.7rem;margin:0 1.5rem}.nav-button{background:#0000;border:none;color:inherit;cursor:pointer;font-weight:500;overflow:hidden;padding:.7rem 1.3rem;position:relative;transition:all .3s ease;z-index:1}.nav-button,.nav-button:before{border-radius:12px;border-radius:var(--border-radius)}.nav-button:before{background:linear-gradient(to bottom right,#2962ff,#0091ea);background:linear-gradient(to bottom right,var(--secondary-color),var(--accent-color));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.nav-button:hover:before{opacity:.1}.nav-button.active{background:linear-gradient(to bottom right,#2962ff,#0091ea);background:linear-gradient(to bottom right,var(--secondary-color),var(--accent-color));box-shadow:0 4px 12px #2962ff4d;color:#fff}.nav-button:hover{transform:translateY(-2px)}@media (max-width:768px){header{flex-direction:column;gap:1rem;padding:1rem}.main-nav{flex-wrap:wrap;justify-content:center;margin:0;width:100%}.nav-button{flex:1 1;font-size:.9rem;min-width:120px;padding:.6rem .8rem;text-align:center}}.seo-content{color:var(--text-color);line-height:1.6;margin:0 auto;max-width:900px;padding:20px}.seo-content h2,.seo-content h3{color:#1a237e;color:var(--primary-color);margin-bottom:16px}.seo-content p{margin-bottom:16px;text-align:justify}.top-content{margin-bottom:30px}.bottom-content{border-top:1px solid var(--border-color);margin-top:40px;padding-top:20px}.bottom-content ul{margin-bottom:16px;margin-left:20px}.bottom-content li{margin-bottom:8px}
/*# sourceMappingURL=main.d093d814.css.map*/