:root{--charcoal-dark: #1a1d1a;--primary-surface-bg: #252825;--secondary-surface-bg: #333633;--primary-green: #6eff3e;--primary-green-hover: #89ff6a;--text-primary: #f0f0f0;--text-secondary: #b0b0b0;--outline-color: #f0f0f0;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--transition-speed: .3s;--fast-transition-speed: .2s}body{background-color:var(--charcoal-dark);color:var(--text-primary);font-family:var(--font-family);margin:0;padding-top:100px;padding-bottom:80px;overflow-x:hidden}.container{width:90%;max-width:1600px;margin:0 auto}.main-header{background-color:#1a1d1ad9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--primary-green);box-shadow:0 4px 15px #6eff3e1a;padding:.75rem 0;position:fixed;top:0;left:0;width:100%;z-index:1000;animation:slideDown .5s ease-out}.main-header nav.container{display:flex;justify-content:space-between;align-items:center}.nav-left,.nav-right ul{display:flex;align-items:center;gap:2rem}.logo-link{display:flex;align-items:center;transition:transform var(--transition-speed) ease}.logo-link:hover{transform:scale(1.1) rotate(-5deg)}.logo-icon{height:45px;width:45px}.brand-name{color:var(--text-primary);font-size:1.6rem;font-weight:700;text-decoration:none;letter-spacing:1px;text-shadow:0 0 8px var(--primary-green)}.nav-right ul{list-style:none;margin:0;padding:0}.nav-right a{color:var(--text-secondary);text-decoration:none;font-size:1rem;font-weight:500;position:relative;padding:.5rem 0;transition:color var(--transition-speed) ease}.nav-right a:hover{color:var(--text-primary)}.nav-right a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:var(--primary-green);transition:all var(--transition-speed) ease-in-out;transform:translate(-50%)}.nav-right a:hover:after{width:100%}.bmac-container{position:relative}.bmac-button{display:flex;align-items:center;gap:.5rem;background-color:transparent;color:var(--text-primary);border:2px solid var(--primary-green);border-radius:25px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:0 0 8px #6eff3e00}.bmac-button:hover{background-color:var(--primary-green);color:var(--charcoal-dark);transform:translateY(-3px) scale(1.05);box-shadow:0 5px 20px #6eff3e4d}.bmac-button svg{transition:transform var(--transition-speed) ease}.bmac-button:hover svg{transform:rotate(10deg)}.bmac-dropdown{position:absolute;top:120%;left:0;background-color:var(--primary-surface-bg);border:1px solid var(--primary-green);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:1001;box-shadow:0 5px 20px #00000080;min-width:100px}.bmac-dropdown a{color:var(--text-primary);text-decoration:none;padding:.5rem 1rem;border-radius:5px;text-align:center;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.bmac-dropdown a:hover{background-color:var(--primary-green);color:var(--charcoal-dark)}main.container{padding-top:4rem;padding-bottom:4rem}main h1,main h2,main h3{color:var(--text-primary);border-left:5px solid var(--primary-green);padding-left:1.5rem;margin-bottom:2rem;text-shadow:0 0 5px rgba(255,255,255,.1)}section{padding-top:90px;margin-top:-80px;padding-bottom:4rem}.main-footer{background-color:var(--primary-surface-bg);border-top:1px solid var(--primary-green);color:var(--text-secondary);padding:1.5rem 0;position:relative;bottom:0;left:0;width:100%;z-index:1000;font-size:.9rem;animation:slideUp .5s ease-out}.main-footer .container{display:flex;justify-content:space-between;align-items:center}.footer-links a{color:var(--text-secondary);text-decoration:none;margin-left:2rem;transition:color var(--transition-speed) ease}.footer-links a:hover{color:var(--primary-green);text-decoration:underline}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes paste-effect{0%{transform:scale(1.01);box-shadow:0 0 25px 8px #6eff3e80}to{transform:scale(1);box-shadow:0 0 15px #6eff3e66}}.diff-pre{border-radius:.3rem;font-family:Consolas,Monaco,monospace;font-size:.95rem;white-space:pre-wrap;word-break:break-word;padding:.8rem;margin:0;outline:1px solid var(--secondary-surface-bg)}.bg-added{background-color:#0b2d15;border-left:4px solid #2ecc71}.bg-removed{background-color:#4d1c1c;border-left:4px solid #e74c3c}.bg-unchanged{background-color:var(--secondary-surface-bg)}.btn{background-color:var(--primary-green);color:var(--charcoal-dark);border:2px solid var(--primary-green);padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all var(--transition-speed) ease}.btn:hover{background-color:var(--primary-green-hover);border-color:var(--primary-green-hover);transform:translateY(-3px);box-shadow:0 5px 15px #6eff3e4d}.btn-secondary{background-color:transparent;border-color:var(--text-secondary);color:var(--text-secondary)}.btn-secondary:hover{background-color:var(--text-secondary);border-color:var(--text-secondary);color:var(--charcoal-dark)}.btn-outline-green{background-color:transparent;border:2px solid var(--primary-green);color:var(--primary-green)}.btn-outline-green:hover{background-color:var(--primary-green);color:var(--charcoal-dark)}.form-check-input{background-color:var(--secondary-surface-bg);border-color:var(--outline-color)}.form-check-input:checked{background-color:var(--primary-green);border-color:var(--primary-green)}.alert{padding:1.2rem;border-radius:8px;margin-top:1.5rem}.alert-danger{background-color:#4d1c1c;border:1px solid #e74c3c;color:var(--text-primary)}.form-select{background-color:var(--primary-surface-bg);color:var(--text-primary);border:1px solid var(--secondary-surface-bg);padding:.6rem 1rem;border-radius:8px}.form-select:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 10px #6eff3e4d}.diff-checker-app{margin-bottom:6rem}.code-input-wrapper{margin-top:3rem}.code-input-wrapper>:global(div){display:flex;flex-direction:row;gap:3rem}.code-input-wrapper>:global(div>div){flex:1}.code-input-wrapper :global(textarea){width:100%;min-height:600px;resize:vertical;background-color:var(--primary-surface-bg);color:var(--text-primary);border:2px solid var(--secondary-surface-bg);border-radius:10px;padding:1.5rem;font-family:Fira Code,Consolas,Monaco,monospace;font-size:1rem;box-shadow:0 4px 12px #0003;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease,transform var(--fast-transition-speed) ease-in-out}.code-input-wrapper :global(textarea:hover){transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.code-input-wrapper :global(textarea:focus){outline:none;transform:scale(1.01);border-color:var(--primary-green);box-shadow:0 0 15px #6eff3e66}.code-input-wrapper :global(textarea.pasting){animation:paste-effect .5s ease-out}@media (max-width: 992px){.code-input-wrapper>:global(div){flex-direction:column;gap:2.5rem}.code-input-wrapper :global(textarea){min-height:450px}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.blog-card{background:linear-gradient(180deg,#ffffff05,#0000000d);border-radius:12px;padding:1.5rem;min-height:160px;border:1px solid var(--secondary-surface-bg);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #000000a6}.blog-card h3{margin:0 0 .8rem}.blog-card p{color:var(--text-secondary);margin:0 0 .8rem}.blog-hero{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.blog-hero .meta{color:var(--text-secondary);font-size:.95rem}.text-secondary{color:var(--text-secondary)}.mb-4{margin-bottom:2rem!important}.mt-3{margin-top:1.5rem!important}.ms-2{margin-left:.8rem!important}.me-2{margin-right:.8rem!important}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;font-family:Fira Code,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1rem;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.6;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1.5em;margin:.5em 0;overflow:auto;border-radius:10px;background:#252825;outline:2px solid var(--primary-green);box-shadow:0 4px 15px #6eff3e26}:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:.3em;white-space:normal;background:#333633;color:#89ff6a}pre[class*=language-]::selection,code[class*=language-]::selection{background:#44475a;text-shadow:none}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6272a4}.token.punctuation{color:#f8f8f2}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#50fa7b}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#8be9fd}.token.keyword{color:var(--primary-green);font-weight:700;text-shadow:0 0 5px rgba(110,255,62,.5)}.token.regex,.token.important{color:#ffb86c}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.bmac-container.svelte-12qhfyh{position:relative}.bmac-button.svelte-12qhfyh{background:var(--primary-green);color:var(--charcoal-dark);border:none;font-size:.95rem;font-weight:600;transition:all var(--transition-speed) ease}.bmac-button.svelte-12qhfyh:hover{background:var(--primary-green-hover);transform:translateY(-3px) scale(1.05);box-shadow:0 5px 20px #6eff3e66}.bmac-button.svelte-12qhfyh svg:where(.svelte-12qhfyh){transition:transform var(--transition-speed) ease}.bmac-button.svelte-12qhfyh:hover svg:where(.svelte-12qhfyh){transform:scale(1.1) rotate(-10deg)}.bmac-dropdown.svelte-12qhfyh{position:absolute;top:120%;left:50%;transform:translate(-50%);width:240px;background:var(--primary-surface-bg);border-radius:16px;box-shadow:0 12px 32px #6eff3e33;overflow:hidden;border:1px solid var(--primary-green);z-index:1001;padding:.5rem 0}.bmac-dropdown.svelte-12qhfyh a:where(.svelte-12qhfyh){display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:var(--text-primary);text-decoration:none;font-size:.98rem;transition:all .2s ease}.bmac-dropdown.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:var(--primary-green);color:var(--charcoal-dark);padding-left:28px}.bmac-dropdown.svelte-12qhfyh .amount:where(.svelte-12qhfyh){font-weight:700;color:var(--primary-green);font-size:1.1rem}.bmac-dropdown.svelte-12qhfyh .custom-amount:where(.svelte-12qhfyh){font-weight:600;color:var(--primary-green);border-top:1px solid var(--secondary-surface-bg);justify-content:center!important}.bmac-dropdown.svelte-12qhfyh .custom-amount:where(.svelte-12qhfyh):hover{background:var(--primary-green-hover);color:var(--charcoal-dark)}