:root{--tm-primary:#0d47a1;--tm-accent:#e65100;--tm-bg:#f4f6fa;--tm-card:#fff;--tm-radius:12px;--bs-primary:var(--tm-primary);--bs-link-color:var(--tm-accent);}
body.tm-page{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:var(--tm-bg);color:#1a1a1a;}
.tm-header{background:linear-gradient(180deg,#0d3d82 0%,#0d47a1 100%)!important;border-color:rgba(255,255,255,.1)!important;}
.navbar-brand,.tm-header .nav-link{color:#fff!important;}.tm-header .nav-link:hover{opacity:.9;}
.tm-hero{background:linear-gradient(135deg,#0d47a1 0%,#1565c0 40%,#e65100 100%);color:#fff;border-radius:var(--tm-radius);padding:2rem 1.5rem;margin-bottom:1.5rem;}
.tm-hero h1{font-weight:800;letter-spacing:-.02em;}
.tm-card{transition:transform .15s ease,box-shadow .15s ease;border:1px solid rgba(0,0,0,.06)!important;border-radius:var(--tm-radius)!important;}
.tm-card:hover{transform:translateY(-2px);box-shadow:0 .4rem 1.2rem rgba(13,71,161,.12)!important;}
.badge-cat{background:rgba(13,71,161,.1);color:var(--tm-primary);font-weight:500;}
.tm-content h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;}
.tm-content .tm-tool-box{background:var(--tm-card);border-radius:var(--tm-radius);padding:1.25rem;box-shadow:0 .1rem .5rem rgba(0,0,0,.05);}
[data-tm-tool]{transition:opacity .2s}
.tm-ad-slot{overflow:visible;max-width:100%;}
.tm-ad-slot ins.adsbygoogle{display:block !important;width:100% !important;max-width:100%;min-height:100px;margin:0 auto;text-align:center;}
.tm-ad-slot .text-uppercase{letter-spacing:.04em;font-size:.7rem;}
.tm-ttt-wrap{max-width:22rem;}
.tm-ttt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.45rem;width:100%;max-width:14rem;}
.tm-ttt-cell{aspect-ratio:1;min-height:3.25rem;min-width:3.25rem;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;line-height:1;border-radius:0.5rem !important;border:2px solid rgba(13,71,161,0.25) !important;background:var(--tm-card);transition:transform .1s ease,box-shadow .1s ease;}
.tm-ttt-cell:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0.25rem 0.5rem rgba(13,71,161,0.15);}
.tm-ttt-cell:disabled{opacity:1;cursor:default;}
.tm-hero .tm-hero-cta{backdrop-filter:blur(4px);}
.tm-footer a{color:var(--tm-primary);}
:focus-visible{outline:2px solid var(--tm-accent);outline-offset:2px;} .tm-header .navbar-brand,.tm-header .nav-link{ color: #fff !important; } .tm-header .navbar-toggler{ filter: invert(1); }