:root{--bg-primary:#08080c;--bg-secondary:#0d0d15;--bg-card:#0d0d1980;--bg-glass:#0d0d1c99;--bg-glass-hover:#141428cc;--text-primary:#f1f1f7;--text-secondary:#9fa0b5;--text-muted:#626375;--accent-violet:#8b5cf6;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-red:#ef4444;--accent-yellow:#f59e0b;--gradient-primary:linear-gradient(135deg, var(--accent-violet), var(--accent-blue), var(--accent-cyan));--gradient-glow:linear-gradient(135deg, #8b5cf666, #3b82f666, #06b6d466);--border-subtle:#ffffff0d;--border-light:#ffffff14;--border-accent:#8b5cf64d;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px #00000080;--shadow-lg:0 10px 25px #0009;--shadow-glow:0 0 20px #8b5cf640;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--z-nav:1000;--z-background:-1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}button{cursor:pointer;font:inherit;color:inherit;transition:all var(--transition-fast);background:0 0;border:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-violet), var(--accent-blue));border-radius:var(--radius-full)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light)}.mt-4{margin-top:1rem}.btn-block{width:100%;display:block}.bg-effects{pointer-events:none;width:100%;height:100%;z-index:var(--z-background);position:fixed;top:0;left:0;overflow:hidden}.orb{filter:blur(140px);opacity:.2;border-radius:50%;position:absolute}.orb-1{background:var(--accent-violet);width:50vw;height:50vw;top:-10vw;right:-10vw}.orb-2{background:var(--accent-blue);width:40vw;height:40vw;bottom:-10vw;left:-10vw}.orb-3{background:var(--accent-cyan);opacity:.1;width:30vw;height:30vw;top:40%;left:50%;transform:translate(-50%,-50%)}.grid-overlay{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}.navbar{width:100%;height:70px;z-index:var(--z-nav);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);transition:all var(--transition-base);background:#08080c66;position:fixed;top:0;left:0}.navbar.scrolled{border-bottom-color:var(--border-light);background:#08080cd9;height:60px}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.nav-logo{align-items:center;gap:.5rem;font-size:1.35rem;font-weight:800;display:flex}.logo-accent{color:var(--accent-violet)}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.925rem;font-weight:500}.nav-link:hover{color:var(--text-primary)}.nav-link-cta{background:var(--border-light);border-radius:var(--radius-md);border:1px solid var(--border-light);padding:.5rem 1rem}.nav-link-cta:hover{border-color:var(--text-muted);background:#ffffff1f}.nav-toggle{flex-direction:column;gap:6px;width:30px;height:24px;display:none}.nav-toggle span{background:var(--text-primary);border-radius:var(--radius-full);width:100%;height:2px;transition:all var(--transition-base);display:block}.hero{text-align:center;padding:140px 0 60px;position:relative}.hero-inner{max-width:800px;margin:0 auto;padding:0 1.5rem}.hero-badge{border-radius:var(--radius-full);color:#c4b5fd;background:#8b5cf614;border:1px solid #8b5cf633;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-dot{background:var(--accent-violet);width:8px;height:8px;box-shadow:0 0 10px var(--accent-violet);border-radius:50%;animation:2s infinite pulse}.hero-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:3.5rem;font-weight:900;line-height:1.15}.hero-line{display:block}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.hero-stats{justify-content:center;align-items:center;gap:3rem;display:flex}.hero-stat{flex-direction:column;align-items:center;display:flex}.hero-stat-number{font-size:2.25rem;font-weight:800;line-height:1}.hero-stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.85rem;font-weight:500}.hero-stat-divider{background:var(--border-light);width:1px;height:40px}.tools-section{padding:40px 0 100px}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.tool-card{border-radius:var(--radius-xl);text-align:left;transition:all var(--transition-spring);box-shadow:var(--shadow-md);padding:2.25rem 2rem;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--gradient-glow);opacity:0;z-index:-1;width:100%;height:100%;transition:opacity var(--transition-base);position:absolute;top:0;left:0}.tool-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.tool-card:hover:before{opacity:.05}.tool-icon{margin-bottom:1.25rem;font-size:2.5rem}.tool-card-title{margin-bottom:.75rem;font-size:1.35rem;font-weight:700}.tool-card-desc{color:var(--text-secondary);min-height:45px;margin-bottom:1.5rem;font-size:.95rem}.tool-card-cta{color:var(--accent-violet);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.tool-card:hover .tool-card-cta{text-decoration:underline}.tool-workspace{padding:100px 0}.back-btn{border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffff0d;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.25rem;font-weight:600;display:inline-flex}.back-btn:hover{color:var(--text-primary);border-color:var(--text-muted);background:#ffffff1a}.tool-content{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:3rem}.tool-header{border-bottom:1px solid var(--border-subtle);margin-bottom:2.5rem;padding-bottom:1.5rem}.tool-header h2{margin-bottom:.5rem;font-size:2rem;font-weight:800}.tool-header p{color:var(--text-secondary);font-size:1.05rem}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600}textarea,input[type=text],input[type=number],select{border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-primary);transition:all var(--transition-fast);background:#ffffff08;outline:none;padding:.875rem 1.25rem;font-size:1rem}textarea:focus,input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--accent-violet);background:#ffffff0f;box-shadow:0 0 12px #8b5cf626}textarea{resize:vertical}.btn{border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-violet), var(--accent-blue));color:#fff;box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 18px #8b5cf673}.btn-secondary{border:1px solid var(--border-light);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff1a}.tool-actions{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-top:2rem;display:grid}.stat-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;transition:transform var(--transition-fast);background:#ffffff05;padding:1.5rem}.stat-card:hover{border-color:#ffffff1f;transform:translateY(-2px)}.stat-value{background:linear-gradient(135deg, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.25rem;font-size:2rem;font-weight:800;display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.converter-buttons{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:1.5rem;display:grid}.converter-buttons .btn{padding:.75rem 1rem;font-size:.875rem}.password-output-wrapper{gap:.5rem;margin-bottom:1.5rem;display:flex}.password-input-field{font-family:var(--font-mono);letter-spacing:.05em;text-align:center;flex:1;font-size:1.15rem;background:#ffffff0d!important}.strength-meter-container{margin-bottom:2rem}.strength-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:flex}.strength-label span{font-weight:700}.strength-bar-bg{border-radius:var(--radius-full);background:#ffffff0d;height:6px;overflow:hidden}.strength-bar{border-radius:var(--radius-full);width:0%;height:100%;transition:all var(--transition-base)}.options-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.slider-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.slider-header span{color:var(--accent-violet);font-weight:700}.checkbox-options{flex-direction:column;gap:.75rem;display:flex}.checkbox-container{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;padding-left:2rem;font-size:.95rem;display:flex;position:relative}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{border:1px solid var(--border-light);width:20px;height:20px;transition:all var(--transition-fast);background-color:#ffffff0d;border-radius:4px;position:absolute;top:2px;left:0}.checkbox-container:hover input~.checkmark{border-color:var(--text-muted);background-color:#ffffff1a}.checkbox-container input:checked~.checkmark{background-color:var(--accent-violet);border-color:var(--accent-violet)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;top:3px;left:7px;transform:rotate(45deg)}input[type=range]{-webkit-appearance:none;border-radius:var(--radius-full);background:#ffffff1a;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-violet);cursor:pointer;width:20px;height:20px;transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 0 10px #8b5cf680}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.json-workspace{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.json-pane{flex-direction:column;gap:.5rem;display:flex}.json-pane textarea{font-family:var(--font-mono);background:#ffffff05;font-size:.9rem;line-height:1.5}.json-output-wrapper{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#ffffff04;flex:1;min-height:236px;max-height:400px;padding:.875rem 1.25rem;overflow:auto}.json-output-wrapper pre{margin:0}.json-output-wrapper code{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;font-size:.9rem}.validation-status{border-radius:var(--radius-md);margin-top:1rem;padding:.875rem 1.25rem;font-size:.925rem;font-weight:500}.validation-status.success{color:#34d399;background:#10b98114;border:1px solid #10b98133}.validation-status.error{color:#f87171;font-family:var(--font-mono);background:#ef444414;border:1px solid #ef444433;font-size:.85rem}.indent-selector{align-items:center;gap:.5rem;display:inline-flex}.indent-selector label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.indent-selector select{width:auto;padding:.5rem 2rem .5rem 1rem}.json-key{color:#22d3ee}.json-string{color:#34d399}.json-number{color:#fb923c}.json-boolean{color:#c084fc}.json-null{color:#f472b6}.palette-display{grid-template-columns:repeat(5,1fr);gap:1rem;min-height:280px;margin-bottom:2rem;display:grid}.color-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);transition:transform var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.color-card:hover{transform:translateY(-2px)}.color-swatch{cursor:pointer;width:100%;transition:filter var(--transition-fast);flex:1;position:relative}.color-swatch:hover{filter:brightness(1.05)}.copy-overlay{opacity:0;width:100%;height:100%;transition:opacity var(--transition-fast);color:#fff;background:#00000059;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.color-swatch:hover .copy-overlay{opacity:1}.color-details{border-top:1px solid var(--border-subtle);background:#ffffff05;justify-content:space-between;align-items:center;padding:1.25rem 1rem;display:flex}.color-hex{font-family:var(--font-mono);font-size:.95rem;font-weight:700}.lock-btn{color:var(--text-muted);width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.lock-btn:hover{color:var(--text-primary);background:#ffffff0d}.lock-btn.locked{color:var(--accent-violet);background:#8b5cf61a}.palette-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.harmony-selector{align-items:center;gap:.75rem;display:inline-flex}.harmony-selector label{color:var(--text-secondary);font-weight:600}.harmony-selector select{width:180px}.calculator-grid{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.calculator-results{flex-direction:column;gap:2rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.results-summary{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.summary-item{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;background:#ffffff05;padding:1.25rem}.summary-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem;font-weight:500;display:block}.summary-value{color:var(--accent-violet);font-size:1.15rem;font-weight:800}.results-chart-container{flex-direction:column;gap:1rem;display:flex}.results-chart-container label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.chart-visual-wrapper{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:#ffffff03;align-items:flex-end;height:220px;padding:1.5rem 1rem .5rem;display:flex;position:relative}.chart-bar-container{justify-content:space-around;align-items:flex-end;width:100%;height:100%;display:flex}.chart-bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;max-width:45px;height:100%;display:flex;position:relative}.chart-bar-stack{border-radius:4px 4px 0 0;flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;overflow:hidden}.chart-bar-principal{background:var(--accent-blue);width:100%;transition:height var(--transition-base)}.chart-bar-interest{background:var(--accent-green);width:100%;transition:height var(--transition-base)}.chart-bar-year-label{font-family:var(--font-mono);color:var(--text-muted);margin-top:.5rem;font-size:.75rem}.chart-bar-group:hover .chart-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(-10px)}.chart-tooltip{border:1px solid var(--border-light);border-radius:var(--radius-sm);color:#fff;pointer-events:none;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:10;white-space:nowrap;box-shadow:var(--shadow-md);font-size:.75rem;font-family:var(--font-mono);background:#0f0f1b;padding:.5rem .75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(0)}.chart-tooltip p{margin:0;line-height:1.4}.chart-legend{justify-content:center;gap:1.5rem;margin-top:.5rem;font-size:.85rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:.5rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.principal-dot{background:var(--accent-blue)}.interest-dot{background:var(--accent-green)}.about{padding:60px 0 100px}.about-content{border-radius:var(--radius-2xl);text-align:center;padding:4rem 3rem}.section-title{margin-bottom:3rem;font-size:2.25rem;font-weight:800}.about-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem;display:grid}.about-item{flex-direction:column;align-items:center;display:flex}.about-icon{margin-bottom:1.25rem;font-size:2.5rem}.about-item h3{margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.about-item p{color:var(--text-secondary);font-size:.9rem}.footer{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);padding:4rem 0 3rem}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:3rem;margin-bottom:3rem;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:2rem}}.footer-brand{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.35rem;font-weight:800;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin-bottom:1.25rem;font-size:.85rem;font-weight:700}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.65rem}.footer-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem}.footer-links a:hover{color:var(--accent-violet)}.footer-bottom{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:1.75rem;display:flex}.footer-copy{color:var(--text-muted);font-size:.875rem}.cost-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.cost-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;background:#ffffff05;padding:1.25rem}.cost-card .model-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.cost-card .cost-value{color:var(--accent-green);font-size:1.35rem;font-weight:800}.diff-output{border:1px solid var(--border-light);border-radius:var(--radius-md);background:#ffffff04;max-height:500px;margin-top:1.5rem;overflow:auto}.diff-line{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;border-bottom:1px solid #ffffff05;padding:.3rem .75rem;font-size:.85rem;line-height:1.5}.diff-added{border-left:3px solid var(--accent-green);color:#6ee7b7;background:#10b98114}.diff-removed{border-left:3px solid var(--accent-red);color:#fca5a5;background:#ef444414}.diff-unchanged{color:var(--text-muted)}.diff-stats{gap:1.5rem;margin-top:1rem;font-size:.9rem;font-weight:600;display:flex}.diff-stat-added{color:var(--accent-green)}.diff-stat-removed{color:var(--accent-red)}.diff-stat-unchanged{color:var(--text-muted)}.hash-result-row{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.hash-result-row label{min-width:80px;color:var(--accent-cyan);font-size:.85rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase}.hash-result-row input{font-family:var(--font-mono);letter-spacing:.02em;background:#ffffff08;flex:1;font-size:.8rem}.hash-result-row .btn{white-space:nowrap;padding:.625rem 1rem}.uuid-list{flex-direction:column;gap:.5rem;max-height:400px;margin-top:1.5rem;display:flex;overflow-y:auto}.uuid-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);background:#ffffff05;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.uuid-item:hover{border-color:var(--border-accent);background:#ffffff0d}.uuid-item .copy-hint{color:var(--text-muted);font-size:.75rem;font-family:var(--font-primary)}.live-timestamp{text-align:center;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffff05;margin-bottom:2rem;padding:2rem}.live-timestamp .big-number{font-size:2.5rem;font-weight:900;font-family:var(--font-mono);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.live-timestamp .sub-label{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.converter-section{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffff04;margin-bottom:2rem;padding:1.5rem}.converter-section h3{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem;font-weight:700}.result-display{border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--accent-cyan);word-break:break-all;background:#ffffff08;margin-top:.5rem;padding:.75rem 1rem;font-size:.9rem}.jwt-section{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffff05;margin-bottom:1.5rem;padding:1.5rem}.jwt-section h3{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:1rem;font-weight:700}.jwt-section pre{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;font-size:.85rem;line-height:1.6}.jwt-expiry-valid{color:var(--accent-green);font-weight:700}.jwt-expiry-expired{color:var(--accent-red);font-weight:700}.cron-builder-grid{grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.cron-field-box{flex-direction:column;gap:.5rem;display:flex}.cron-field-box label{color:var(--text-muted);text-transform:uppercase;text-align:center;font-size:.8rem;font-weight:600}.cron-field-box select,.cron-field-box input{text-align:center}.cron-explanation{border-radius:var(--radius-md);color:#c4b5fd;text-align:center;background:#8b5cf60f;border:1px solid #8b5cf626;margin-bottom:1.5rem;padding:1.25rem;font-size:1.05rem;font-weight:600}.next-runs-list{margin:0;padding:0;list-style:none}.next-runs-list li{font-family:var(--font-mono);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:.5rem 0;font-size:.875rem}.next-runs-list li:last-child{border-bottom:none}.markdown-preview{min-height:236px;max-height:400px;padding:1.25rem;line-height:1.7;overflow-y:auto}.markdown-preview h1{margin-bottom:1rem;font-size:1.75rem;font-weight:800}.markdown-preview h2{margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.markdown-preview h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.markdown-preview p{color:var(--text-secondary);margin-bottom:1rem}.markdown-preview strong{color:var(--text-primary);font-weight:700}.markdown-preview em{font-style:italic}.markdown-preview code{font-family:var(--font-mono);background:#ffffff0f;border-radius:3px;padding:.15rem .4rem;font-size:.875em}.markdown-preview pre{border-radius:var(--radius-md);background:#ffffff08;margin-bottom:1rem;padding:1rem;overflow-x:auto}.markdown-preview pre code{background:0 0;padding:0}.markdown-preview blockquote{border-left:3px solid var(--accent-violet);color:var(--text-secondary);margin-bottom:1rem;padding-left:1rem;font-style:italic}.markdown-preview ul,.markdown-preview ol{margin-bottom:1rem;padding-left:1.5rem}.markdown-preview li{color:var(--text-secondary);margin-bottom:.25rem}.markdown-preview hr{border:none;border-top:1px solid var(--border-light);margin:1.5rem 0}.markdown-preview a{color:var(--accent-cyan);text-decoration:underline}.qr-display{justify-content:center;align-items:center;margin-top:1.5rem;padding:2rem;display:flex}.qr-display img,.qr-display canvas{border-radius:var(--radius-md);background:#fff;max-width:100%;padding:1rem}.radio-group{flex-wrap:wrap;gap:1.5rem;display:flex}.radio-container{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;padding-left:1.75rem;font-size:.95rem;display:flex;position:relative}.radio-container input{opacity:0;cursor:pointer;position:absolute}.radio-dot{border:1px solid var(--border-light);width:18px;height:18px;transition:all var(--transition-fast);background-color:#ffffff0d;border-radius:50%;position:absolute;top:3px;left:0}.radio-container:hover input~.radio-dot{border-color:var(--text-muted)}.radio-container input:checked~.radio-dot{border-color:var(--accent-violet)}.radio-container input:checked~.radio-dot:after{content:"";background:var(--accent-violet);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:4px}@keyframes pulse{0%{box-shadow:0 0 10px var(--accent-violet);transform:scale(1)}50%{box-shadow:0 0 20px var(--accent-violet);transform:scale(1.15)}to{box-shadow:0 0 10px var(--accent-violet);transform:scale(1)}}@media (width<=992px){.hero-title{font-size:3rem}.tool-content{padding:2.5rem 2rem}.json-workspace{grid-template-columns:1fr}.json-output-wrapper{min-height:200px}.calculator-grid{grid-template-columns:1fr;gap:2.5rem}.cron-builder-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.nav-links{display:none}.hero-title{font-size:2.5rem}.hero-stats{flex-wrap:wrap;gap:1.5rem}.hero-stat-divider{display:none}.options-grid{grid-template-columns:1fr;gap:1.5rem}.palette-display{grid-template-columns:1fr;min-height:auto}.color-card{flex-direction:row;height:70px}.color-swatch{flex:1;height:100%}.color-details{border-top:none;border-left:1px solid var(--border-subtle);min-width:140px;padding:.5rem 1rem}.cron-builder-grid{grid-template-columns:1fr 1fr}.hash-result-row{flex-wrap:wrap}.hash-result-row label{min-width:60px}}.tool-seo-content{color:var(--text-secondary);text-align:left;margin-top:2rem;padding:2.5rem;font-size:.95rem;line-height:1.7}.tool-seo-content h3{color:var(--text-primary);margin-top:1.75rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.tool-seo-content h3:first-child{margin-top:0}.tool-seo-content p{margin-bottom:1.25rem}.tool-seo-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.tool-seo-content li{margin-bottom:.5rem}.tool-seo-content code{font-family:var(--font-mono);border-radius:var(--radius-sm);color:var(--accent-cyan);background:#ffffff0d;padding:.15rem .35rem;font-size:.85rem}