@media (max-width:360px){.btn{white-space:normal;line-height:1.25;text-align:center}.welcome-title{font-size:clamp(1.4rem,1.2rem + 2vw,1.6rem)}}@media (max-width:480px){.btn,.btn-ghost,.btn-outline,.btn-primary{width:100%;max-width:100%;box-sizing:border-box}.article-card{padding:var(--gap);font-size:.9rem}.hero-content{padding:var(--gap);text-align:center}.welcome-title{font-size:clamp(1.5rem,1.2rem + 2vw,1.75rem)}.welcome-subtitle{font-size:.95rem}}@media (max-width:640px){.logo-desktop,.navbar nav{display:none}.logo-mobile{display:inline-block}.search-bar-global{display:none}.search-toggle-mobile{display:inline-flex;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color)}.options-grid{width:min(100%,480px);margin-inline:auto;gap:var(--gap)!important;grid-template-columns:1fr!important}.mode-card{padding:1.15rem!important;margin-bottom:var(--gap-sm)}.welcome-head{width:92%;margin-bottom:var(--gap)}.hero.hero--welcome{height:auto!important;min-height:0!important;aspect-ratio:var(--hero-ar,16/9);margin-bottom:var(--gap);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);width:min(100%,520px);margin-inline:auto}.hero.hero--welcome .hero-img{object-fit:contain!important;object-position:center;transition:transform var(--transition)}.hero.hero--welcome .hero-media{background:var(--surface-color);border-radius:inherit}.hero.hero--welcome .hero-overlay{background:linear-gradient(180deg,rgba(2,6,23,.35),rgba(2,6,23,.45) 40%,rgba(2,6,23,.55));border-radius:inherit}.brand-banner{position:relative;width:min(100%,520px);margin-inline:auto;margin-bottom:var(--gap)}.brand-badge{top:calc(10px + env(safe-area-inset-top, 0px));right:calc(10px + env(safe-area-inset-right, 0px));font-size:1.05rem;opacity:.88;padding:.34rem .5rem;position:absolute;z-index:10}.brand-badge:before{top:-14px;height:14px}.brand-badge:after{top:-21px;width:11px;height:11px}@media (prefers-reduced-motion:no-preference){.brand-badge{animation:keychain-swing-sm 2.6s ease-in-out .4s 3}}}@media (max-width:768px){.logo-desktop,.navbar nav{display:none}.logo-mobile{display:inline-block}.search-bar-global{display:none}.search-toggle-mobile{display:inline-flex;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color)}}@media (min-width:600px){.hero{padding:60px 0}.hero h1{font-size:clamp(32px,5vw,48px)}}@media (min-width:641px) and (max-width:1279px){.mode-card{padding:1.2rem 1.4rem!important;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.brand-banner{max-width:860px;margin-inline:auto;border-radius:var(--radius-lg);overflow:hidden}}@media (min-width:992px){@media (prefers-reduced-motion:no-preference){.hero:hover .hero-img{transform:scale(1.03)}}}@media (min-width:1280px){.hero h1{font-size:56px}.brand-banner{max-width:1600px;margin-inline:auto;position:relative}.hero{border-radius:var(--radius-lg);min-height:clamp(var(--hero-height-min),var(--hero-height-fluid),var(--hero-height-max));max-width:var(--container-max-width);margin-inline:auto;box-shadow:var(--shadow)}.mode-card{transition:transform var(--transition),box-shadow var(--transition)}.mode-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}}@media (min-width:2560px){.brand-banner,.hero{max-width:var(--container-max-width)}.hero{min-height:clamp(var(--hero-height-min),var(--hero-height-fluid),var(--hero-height-max));border-radius:var(--radius-xl)}.welcome-title{font-size:clamp(2.2rem,1.8rem + .8vw,3rem)}.welcome-subtitle{font-size:clamp(1.125rem,1rem + .3vw,1.3rem)}}@media (prefers-reduced-motion:no-preference){@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes softPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.96}}@keyframes keychain-swing{0%{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}to{transform:rotate(-2.2deg)}}@keyframes keychain-swing-sm{0%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}to{transform:rotate(-1.2deg)}}}@media (max-width:640px){:where(.form-row,.field-row,.form-group-row){grid-template-columns:1fr}:where(.btn-group,.button-group,.actions,.card-actions){flex-wrap:wrap;gap:.5rem .5rem;justify-content:flex-start}:where(.btn).btn--block,:where(.btn-group.stack-on-mobile)>.btn,:where(.button-group.stack-on-mobile)>.btn{width:100%}}@media (hover:hover){.brand-badge:hover{animation:keychain-swing 1.6s ease-in-out infinite}.hero:hover .hero-img{transform:scale(1.03)}}.hero-img{object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.03);width:100%;height:100%;transition:transform .3s ease-out}.brand-banner{position:relative;width:100%;margin-bottom:1rem;transition:all .3s ease}.hero{position:relative;min-height:var(--hero-h-min,220px);height:clamp(var(--hero-h-min,220px),var(--hero-h-fluid,30vw),var(--hero-h-max,380px));display:grid;place-items:center;overflow:clip;margin-bottom:.25rem}.hero-media{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.hero-inner{position:relative;z-index:1;width:min(1100px,92%);height:0}.container{width:min(var(--container-max-width),92%);margin-inline:auto;padding-inline:var(--container-padding)}.brand-badge,.container,.hero,.hero-img,.mode-card,.options-grid,.welcome-subtitle,.welcome-title{transition:all var(--transition-slow)}@media (prefers-reduced-motion:no-preference){.hero:hover .hero-img,.mode-card:active,.mode-card:hover{transition-duration:var(--transition)}}