.q2-mobile-nav{display:none}

/* Visible global design layer: loaded by the main Quantora pages. */
.topbar{box-shadow:0 1px 0 rgba(101,84,239,.05),0 8px 30px rgba(65,79,141,.035);transition:box-shadow .3s ease,background .3s ease}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(101,84,239,.28),rgba(69,198,222,.25),transparent)}
.brand-mark{transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease}
.brand:hover .brand-mark{transform:rotate(-5deg) scale(1.07);box-shadow:0 8px 22px rgba(101,84,239,.28)}

.card,.tool-card,.stat,.tool-tab{transition:transform .24s cubic-bezier(.2,.75,.25,1),box-shadow .24s ease,border-color .24s ease}
.card:hover,.tool-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(65,79,141,.11);border-color:rgba(101,84,239,.24)}
.stat:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(65,79,141,.09);border-color:rgba(101,84,239,.2)}
.tool-card .tool-icon{transition:transform .3s cubic-bezier(.2,.75,.25,1),box-shadow .3s ease}
.tool-card:hover .tool-icon{transform:translateY(-2px) scale(1.06);box-shadow:0 8px 18px rgba(101,84,239,.14)}

.btn,button,[role="button"]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.btn{transition:transform .16s cubic-bezier(.2,.75,.25,1),box-shadow .2s ease,filter .2s ease}
.btn:active,button:active,[role="button"]:active{transform:scale(.965);filter:brightness(.97)}
.btn-primary{box-shadow:0 8px 22px rgba(101,84,239,.2)}
.btn-primary:hover{box-shadow:0 12px 28px rgba(101,84,239,.27)}

.rail-link{transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.rail-link:hover{box-shadow:0 7px 20px rgba(101,84,239,.07)}
.rail-link.active{box-shadow:inset 3px 0 0 var(--primary),0 7px 20px rgba(101,84,239,.08)}
[dir="rtl"] .rail-link.active{box-shadow:inset -3px 0 0 var(--primary),0 7px 20px rgba(101,84,239,.08)}

.hero{box-shadow:0 20px 60px rgba(65,79,141,.1),inset 0 1px 0 rgba(255,255,255,.5);animation:q2-enter .5s cubic-bezier(.2,.75,.25,1) both}
.hero-orb.one{animation:q2-float 9s ease-in-out infinite}.hero-orb.two{animation:q2-float 11s ease-in-out infinite reverse}
.page-title h1{animation:q2-title .45s ease both}

@keyframes q2-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes q2-title{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes q2-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:820px){.card:hover,.tool-card:hover{transform:translateY(-2px)}.hero{box-shadow:0 12px 34px rgba(65,79,141,.08)}.hero-orb.one,.hero-orb.two{animation:none}}
@media(max-width:720px){.q2-mobile-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:55;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 12px 34px rgba(65,79,141,.16)}body.is-dark .q2-mobile-nav{background:rgba(23,30,53,.92)}.q2-mobile-nav a{min-height:44px;display:grid;place-items:center;text-align:center;border-radius:12px;color:var(--muted);font-size:9px;font-weight:800}.q2-mobile-nav a.active{background:var(--tint);color:var(--primary)}body{padding-bottom:72px}}