html,body{max-width:100%;overflow-x:hidden}.tool-card{cursor:pointer}.tool-card:after{content:'View details →';display:block;margin-top:10px;color:#8e78e9;font-size:.64rem;font-weight:700}.tool-modal[hidden]{display:none}.tool-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px}.tool-modal-backdrop{position:absolute;inset:0;background:rgba(2,3,9,.78);backdrop-filter:blur(12px)}.tool-modal-card{position:relative;z-index:1;width:min(650px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:34px;border:1px solid rgba(151,111,255,.42);border-radius:22px;background:linear-gradient(145deg,rgba(24,27,45,.98),rgba(10,12,22,.99));box-shadow:0 35px 110px rgba(0,0,0,.66),0 0 65px rgba(108,74,225,.14)}.tool-modal-close{position:absolute;top:14px;right:16px;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.04);color:#b9bbca;font-size:1.4rem;cursor:pointer}.tool-modal-meta{display:flex;gap:8px;padding-right:45px;color:#85899a;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tool-modal-card .tool-status{display:inline-block;margin:17px 0 12px}.tool-modal-card h2{font-size:clamp(1.8rem,5vw,3rem)}.tool-modal-description{color:#aeb1c1;font-size:1rem}.tool-modal-card h3{margin:25px 0 12px;font-size:.82rem;color:#d9d5ea;text-transform:uppercase;letter-spacing:.08em}.tool-modal-card ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.tool-modal-card li{padding:7px 10px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:rgba(255,255,255,.03);color:#c6c8d4;font-size:.73rem}.tool-modal-notice{margin:24px 0;padding:13px;border:1px solid rgba(69,135,227,.22);border-radius:9px;background:rgba(50,91,151,.1);color:#9fa8bc;font-size:.72rem}.tool-modal-notice b{color:#fff}.tool-modal-add{width:100%}.gate-confirm input{flex:0 0 auto!important;width:18px!important;height:18px!important;margin:3px 0 0!important;padding:0!important}.gate-confirm span{min-width:0}.catalog-gate,.gate-card,.qualification-form{max-width:100%}@media(max-width:900px){.catalog-nav{display:none!important}}@media(max-width:620px){.tool-modal{padding:9px}.tool-modal-card{max-height:calc(100vh - 18px);padding:27px 20px}.tool-modal-card h2{padding-right:25px}.gate-card{width:100%!important}.qualification-grid,.qualification-grid label,.qualification-grid input,.qualification-grid select{min-width:0!important;max-width:100%!important}}