:root{--primary:#D72638;--primary-dark:#A81C2B;--cream:#FFF3E0;--gradient:linear-gradient(135deg,var(--primary),var(--primary-dark));--bg:linear-gradient(160deg,#FFF3E0,#FFF8EC 55%,#FFEBD2);--card:#FFFCF7;--card-alt:#FFF3E0;--text:#2b1a1d;--muted:#7a6468;--border:#f1dcc0;--shadow:0 8px 28px rgba(215,38,56,0.1);--good:#15803d;--good-bg:rgba(21,128,61,0.16);--bad:#b91c1c;--bad-bg:rgba(185,28,28,0.16);--radius:16px}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100vh;background:var(--bg);background-attachment:fixed;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.2;margin:0 0 .5rem}.muted{color:var(--muted);font-size:.9rem}.app-shell{display:flex;min-height:100vh}.container{flex:1 1;min-width:0;max-width:1180px;margin:0 auto;padding:1.75rem 1.5rem 3rem}.sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;height:100vh;width:250px;flex-shrink:0;display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem 1rem;background:var(--card);border-right:1px solid var(--border);z-index:50}.brand{font-weight:800;font-size:1.15rem;display:flex;align-items:center;gap:.6rem;padding:0 .4rem}.brand-logo{background:var(--gradient);color:#fff;border-radius:10px;padding:.2rem .5rem;font-size:.95rem}.nav-links{display:flex;flex-direction:column;gap:.25rem;flex:1 1;min-height:0;overflow-y:auto;scrollbar-width:thin}.nav-group{display:flex;flex-direction:column;gap:.15rem}.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%;margin:.35rem 0 .1rem;padding:.42rem .6rem;border:none;border-radius:8px;background:none;color:var(--muted);font-family:inherit;font-size:.68rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-align:left;cursor:pointer}.nav-group:first-child .nav-group-toggle{margin-top:0}.nav-group-toggle:hover{background:var(--card-alt);color:var(--text)}.nav-group-toggle.has-active{color:var(--primary-dark)}.nav-group-toggle svg{flex-shrink:0;transition:transform .2s}.nav-group-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.nav-group-links{display:flex;flex-direction:column;gap:.15rem;padding-bottom:.15rem;animation:nav-group-in .15s ease-out}@keyframes nav-group-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-toggle{display:none;align-items:center;gap:.35rem;margin-left:auto;padding:.45rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--card-alt);color:var(--text);font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.nav-toggle:hover{background:#ffe7c8}.nav-toggle svg{transition:transform .2s}.nav-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.nav-link{position:relative;display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;border-radius:12px;color:var(--muted);font-weight:600;font-size:.95rem}.nav-link:hover{background:var(--card-alt);color:var(--text)}.nav-link.active{color:#fff}.nav-link .nav-bg{position:absolute;inset:0;background:var(--gradient);border-radius:12px;z-index:0;box-shadow:0 6px 16px rgba(215,38,56,.35)}.nav-link span{position:relative;z-index:1}.nav-icon{display:flex;align-items:center;justify-content:center;width:1.5rem}.nav-icon svg{display:block}.sidebar-footer{margin-top:auto;padding:0 .6rem}@media (max-width:900px){.app-shell{flex-direction:column}.sidebar{position:-webkit-sticky;position:sticky;width:100%;height:auto;flex-direction:row;align-items:center;gap:.75rem;padding:.6rem .8rem;border-right:none;border-bottom:1px solid var(--border)}.brand span:not(.brand-logo),.sidebar-footer{display:none}.nav-toggle{display:inline-flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex:none;flex-direction:column;gap:.2rem;max-height:calc(100vh - 64px);overflow-y:auto;padding:.75rem 1rem 1rem;background:var(--card);border-bottom:1px solid var(--border);box-shadow:0 18px 30px rgba(43,26,29,.14);z-index:60;scrollbar-width:thin}.nav-links.open{display:flex;animation:nav-in .16s ease-out}.nav-group{display:flex}.nav-group-toggle{margin-top:.55rem}.nav-group:first-child .nav-group-toggle{margin-top:0}.nav-link{white-space:normal;padding:.6rem .75rem}.container{padding:1.25rem 1rem 3rem}}@keyframes nav-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--border);background:var(--card);color:var(--text);padding:.6rem 1.1rem;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;font-family:inherit;transition:transform .1s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(215,38,56,.18)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--gradient);color:#fff;border-color:transparent}.btn-danger{color:var(--bad)}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--card-alt);color:var(--text);cursor:pointer;font-size:1.1rem;align-items:center;justify-content:center;display:inline-flex}input:not([type]),input[type=date],input[type=email],input[type=number],input[type=text],input[type=url],select,textarea{width:100%;padding:.6rem .8rem;border-radius:10px;border:1px solid var(--border);background:var(--card-alt);color:var(--text);font-family:inherit;font-size:.95rem}button:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:1px}label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.25rem}.field{margin-bottom:.8rem}.error-text{color:var(--bad);font-size:.88rem;margin:.4rem 0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.page-title{margin-bottom:1.25rem}.page-title h1{font-size:1.8rem}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero{text-align:center;padding:3rem 0 2.5rem}.hero h1{font-size:clamp(2rem,5vw,3.4rem);margin:1rem 0}.hero p{max-width:560px;margin:0 auto 1.5rem;font-size:1.1rem}.badge,.hero p{color:var(--muted)}.badge{display:inline-block;padding:.3rem .9rem;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:.85rem}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.25rem;gap:1.25rem}.tool-card{display:flex;flex-direction:column}.tool-icon{width:56px;height:56px;border-radius:14px;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:.8rem}.feature-list{padding-left:1.1rem;color:var(--muted);flex:1 1;margin:.5rem 0 1rem}.tool-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.tabs{display:none;gap:.5rem;margin-bottom:1rem}.tabs button{flex:1 1}.tabs .active{background:var(--gradient);color:#fff;border-color:transparent}@media (max-width:900px){.tabs{display:flex}}.toast{position:fixed;bottom:1.5rem;left:50%;z-index:100;background:var(--gradient);color:#fff;padding:.6rem 1.2rem;border-radius:999px;box-shadow:var(--shadow);font-weight:600}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.tool-info{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);max-width:900px}.tool-info h2{font-size:1.35rem;margin-top:1.5rem}.tool-info h3{font-size:1.05rem;margin:1rem 0 .4rem}.tool-info li,.tool-info p{color:var(--muted);line-height:1.7}.tool-info li strong{color:var(--text)}.info-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:0 2rem;gap:0 2rem}.faq-list{display:grid;grid-gap:.6rem;gap:.6rem;max-width:820px}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:0 1rem}.faq-item summary{cursor:pointer;font-weight:700;padding:.85rem 0}.faq-item p{margin:0 0 .9rem;color:var(--muted);line-height:1.7}