:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7fb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{color:#1f2937;background:#f4f7fb;margin:0}#app,.portal{min-height:100vh}.hero{color:#fff;background:linear-gradient(135deg,#0a4c9a,#0b6ac5);padding:2.8rem 1rem}.hero__content{max-width:1100px;margin:0 auto}.hero__tag{text-transform:uppercase;letter-spacing:.08em;color:#eef7fff2;margin:0;font-size:.875rem}.hero h1{margin:.5rem 0 0;font-size:clamp(2rem,3vw,2.8rem)}.hero__description{color:#ecf6fff2;max-width:600px;margin-top:.75rem}.hero__cta{color:#0a4c9a;background:#fff;border:1px solid #fffc;border-radius:8px;align-items:center;gap:.45rem;margin-top:1rem;padding:.55rem 1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero__cta:hover{color:#083b77;background:#e8f2ff}.hero__cta-icon{fill:currentColor;width:1.05rem;height:1.05rem}.content{z-index:2;width:min(1100px,100% - 2rem);margin:-1.2rem auto 2rem;position:relative}.filters{background:#fff;border:1px solid #d8e2ef;border-radius:14px;padding:1.3rem;box-shadow:0 8px 24px #10305c14}.filters h2{color:#0f2a4a;margin:0 0 1rem}.section-title{align-items:center;gap:.5rem;display:flex}.section-title__icon{fill:currentColor;justify-content:center;width:1.2rem;height:1.2rem;display:inline-flex}.filters__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}label{color:#32455f;flex-direction:column;gap:.45rem;font-size:.95rem;display:flex}input,select{color:#1f2937;background:#fff;border:1px solid #c8d6e5;border-radius:10px;padding:.7rem .8rem;font-size:1rem}input:focus,select:focus{border-color:#0b6ac5;outline:none;box-shadow:0 0 0 2px #0b6ac529}.status{background-color:#eaf2fb;border:1px solid #d8e6f6;border-radius:10px;margin:1.25rem 0;padding:.8rem}.status--error{color:#9f1239;background-color:#fce7f3;border-color:#f3c6d8}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1.2rem;display:grid}.results-anchor{height:1px}.cards-wrapper{position:relative}.cards-loading-overlay{pointer-events:none;background:#f4f7fb99;border-radius:14px;place-items:center;display:grid;position:absolute;inset:0}.cards-loading-chip{color:#fff;background:#0b6ac5;border-radius:999px;padding:.45rem .8rem;font-size:.9rem;box-shadow:0 4px 12px #0b6ac540}.scroll-sentinel{height:1px}.card{background:#fff;border:1px solid #dce5f0;border-radius:14px;flex-direction:column;min-height:320px;padding:.8rem;display:flex;box-shadow:0 6px 20px #11346214}.card h3{color:#17365c;min-height:2.6rem;margin:.7rem 0 0;font-size:1.05rem}.card__trade{color:#0b6ac5;min-height:2.8rem;margin:.25rem 0 .8rem;font-weight:600;line-height:1.35}.card__image{aspect-ratio:4/3;object-fit:cover;background:#edf2f8;border:1px solid #e3ebf5;border-radius:10px;width:100%}button{color:#fff;cursor:pointer;background:#0b6ac5;border:none;border-radius:8px;margin-top:.8rem;padding:.55rem .85rem;box-shadow:0 4px 12px #0b6ac53d}button:hover{background-color:#0758a5}.card__button{width:100%;margin-top:auto}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);background-color:#0a142275;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #d8e4f1;border-radius:14px;width:min(560px,100%);max-height:calc(100vh - 2rem);padding:1rem 1rem 1.1rem;position:relative;overflow-y:auto;box-shadow:0 16px 35px #07122247}.modal h3{color:#17365c;margin:0;line-height:1.2}.modal__header{border-bottom:1px solid #e6edf6;align-items:flex-start;gap:.85rem;margin-bottom:1rem;padding-bottom:.9rem;padding-right:6rem;display:flex}.modal__main-trade{color:#0b6ac5;white-space:nowrap;text-overflow:ellipsis;margin:.2rem 0 0;font-weight:600;line-height:1.2;overflow:hidden}.modal__avatar{object-fit:cover;background:#edf2f8;border:1px solid #d8e3f0;border-radius:12px;width:68px;height:68px}.modal__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.modal__item{background:#f8fbff;border:1px solid #e3ebf5;border-radius:10px;margin:0;padding:.7rem .8rem}.modal__item--wide{grid-column:span 2}.modal__label{letter-spacing:.03em;text-transform:uppercase;color:#54708f;align-items:center;gap:.3rem;margin-bottom:.3rem;font-size:.78rem;font-weight:700;display:inline-flex}.modal__label-icon{fill:#5e7a98;width:.95rem;height:.95rem}.modal__item p{color:#233a56;word-break:break-word;margin:0;font-size:.96rem}.modal__close{float:right;color:#1f2937;box-shadow:none;background:#e5edf6;justify-content:center;align-items:center;width:2rem;height:2rem;margin:0;padding:0;display:inline-flex;position:sticky;top:.75rem;right:.75rem}.modal__close:hover{background:#d8e3f0}.modal__close-icon{fill:currentColor;width:1.1rem;height:1.1rem}.site-footer{color:#eaf2ff;background:linear-gradient(135deg,#0b3a70,#0a2f5a);border-top:1px solid #ffffff24;margin-top:2.5rem}.site-footer__content{grid-template-columns:1.1fr 1fr;align-items:start;gap:1.4rem;width:min(1100px,100% - 2rem);margin:0 auto;padding:1.5rem 0;display:grid}.site-footer__brand,.site-footer__institutional{padding:.2rem 0}.site-footer__logo{width:min(150px,100%);height:auto;margin-bottom:.9rem;margin-left:50px}.site-footer__social{flex-wrap:wrap;gap:.5rem;display:flex}.site-footer__social a{color:#fff;background:#ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.site-footer__social a svg{fill:currentColor;width:1rem;height:1rem}.site-footer__institutional h4{margin:0 0 .7rem}.site-footer__social a:hover{background:#ffffff38}.site-footer__text{color:#edf4ffeb;margin:0 0 .45rem}.site-footer__text--strong{color:#fff;letter-spacing:.01em;font-weight:700}.site-footer__text--row{align-items:flex-start;gap:.45rem;display:flex}.site-footer__text--row svg{fill:#b8d4ff;flex-shrink:0;width:1rem;height:1rem;margin-top:.15rem}.site-footer__text--meta{color:#d6e5ffe6;margin-top:.8rem;font-size:.9rem}@media (width<=760px){.filters__grid,.modal__grid{grid-template-columns:1fr}.modal__item--wide{grid-column:auto}.site-footer__content{grid-template-columns:1fr}}