/* GIRUZIN V1958 — camada visual premium responsiva, aditiva e compatível */
:root{color-scheme:dark;--g58-bg:#07111f;--g58-surface:rgba(14,28,47,.82);--g58-surface-2:rgba(20,40,64,.78);--g58-border:rgba(133,190,226,.19);--g58-text:#f4f8ff;--g58-muted:#a7bad0;--g58-accent:#54b8ff;--g58-accent-2:#7b7cff;--g58-radius:18px;--g58-shadow:0 18px 48px rgba(0,0,0,.24)}
html{scroll-padding-top:88px;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
body{overflow-wrap:anywhere;accent-color:var(--g58-accent)}
img,video,canvas,svg{max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,[role=button]{-webkit-tap-highlight-color:transparent}
a{transition:color .18s ease,opacity .18s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #77d4ff!important;outline-offset:3px!important}
:where(.shell,.container,.page,.app,.wrap) :where(.topbar,header.navbar,.navbar,.site-header){backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
:where(.shell,.container,.page,.app,.wrap) :where(.topbar,.navbar,.site-header){border-color:var(--g58-border)}
:where(.shell,.container,.page,.app,.wrap) :where(.card,.panel,.widget,.section-card,.feature-card,.tool-card,.news-card,.stat-card){border-color:var(--g58-border);border-radius:var(--g58-radius);box-shadow:0 10px 30px rgba(0,0,0,.13);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
@media(hover:hover){:where(.shell,.container,.page,.app,.wrap) :where(.card,.panel,.widget,.section-card,.feature-card,.tool-card,.news-card,.stat-card):hover{border-color:rgba(84,184,255,.42);box-shadow:var(--g58-shadow)}}
:where(.shell,.container,.page,.app,.wrap) :where(button,.btn,[type=button],[type=submit],[role=button]){transition:transform .16s ease,filter .16s ease,background-color .16s ease,border-color .16s ease}
:where(.shell,.container,.page,.app,.wrap) :where(button,.btn,[type=button],[type=submit],[role=button]):active{transform:translateY(1px)}
:where(.shell,.container,.page,.app,.wrap) :where(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;border-radius:12px}
:where(.shell,.container,.page,.app,.wrap) :where(input,select,textarea)::placeholder{color:var(--g58-muted);opacity:.8}
:where(.shell,.container,.page,.app,.wrap) :where(table){max-width:100%;border-color:var(--g58-border)}
:where(.shell,.container,.page,.app,.wrap) :where(pre,code){overflow-wrap:anywhere}
@media(max-width:760px){html{scroll-padding-top:70px}body{overflow-x:clip}:where(.shell,.container,.page,.app,.wrap){width:100%;max-width:100%}:where(.shell,.container,.page,.app,.wrap) :where(.topbar,.navbar,.site-header){padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}:where(.shell,.container,.page,.app,.wrap) :where(.grid,.cards,.card-grid,.features-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}:where(.shell,.container,.page,.app,.wrap) :where(button,.btn,[type=button],[type=submit]){max-width:100%}:where(.shell,.container,.page,.app,.wrap) :where(.table-wrap,.table-responsive){max-width:100%;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
