.coa-main-layout{background-color:var(--color-surface,#fff);min-height:100vh}.coa-hero-wrapper{background:#2262b0;border-radius:1.5rem;width:98.5%;max-width:1400px;margin:2rem auto;padding:3rem 1.5rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014}.coa-hero-glow{pointer-events:none;z-index:1;background:radial-gradient(#ffffff4d 0%,#0000 70%);position:absolute;inset:-10rem}@media (min-width:768px){.coa-hero-wrapper{padding:4rem 3rem}}.coa-hero-inner{z-index:2;width:100%;max-width:1200px;margin:0 auto;position:relative}.coa-header{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.coa-title{color:#fff;letter-spacing:-.04em;font-size:2.25rem;font-weight:600;line-height:1.15}@media (min-width:768px){.coa-title{font-size:3.25rem}}.coa-subtitle{color:#fff;font-size:1.25rem;font-weight:500;line-height:1.4}.coa-subtext-detailed{color:#ffffffd9;max-width:800px;margin:0 auto;font-size:1rem;font-weight:400;line-height:1.6}.coa-search-container{width:100%;max-width:550px;margin:2.5rem auto 0}.coa-search-input-wrapper{-webkit-backdrop-filter:blur(24px);background:#00000026;border:1px solid #ffffff4d;border-radius:9999px;align-items:center;padding:.125rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.coa-search-input-wrapper:focus-within{background:#00000038;border-color:#fff;box-shadow:0 0 0 3px #ffffff40}.coa-search-icon{color:#ffffffb3;margin-left:1rem}.coa-search-input-wrapper input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:.75rem .875rem;font-size:.95rem}.coa-search-input-wrapper input::placeholder{color:#ffffffa6}.coa-search-clear-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:.375rem;padding:.5rem;transition:all .2s;display:flex}.coa-search-clear-btn:hover{color:#fff;background-color:#ffffff26}.coa-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3rem;display:grid}@media (min-width:768px){.coa-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}.coa-card{cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:1.25rem;flex-direction:column;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 10px #00000004}.coa-card:hover{border-color:#146aff2e;transform:translateY(-6px);box-shadow:0 15px 30px #0f172a14}.coa-image-frame{aspect-ratio:4/5;background:#f8fafc;border-bottom:1px solid #0000000a;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.coa-grid-image{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.coa-card:hover .coa-grid-image{transform:scale(1.04)}.coa-card-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#0f172a73;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.coa-card:hover .coa-card-overlay{opacity:1}.coa-overlay-btn{color:#0f172a;background:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.85rem;font-weight:600;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;transform:translateY(12px);box-shadow:0 8px 16px #0000002e}.coa-card:hover .coa-overlay-btn{transform:translateY(0)}.coa-card-details{background:#fff;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.coa-card-name{color:#0f172a;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;line-height:1.35;overflow:hidden}@media (min-width:768px){.coa-card-name{font-size:1.15rem}}.coa-card-tag{color:var(--color-green,#0d7744);background-color:var(--color-green-soft,#dbf6e8);border-radius:9999px;align-self:flex-start;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.coa-lightbox-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;cursor:zoom-out;background-color:#000000e0;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.coa-lightbox-content{cursor:default;justify-content:center;align-items:center;max-width:100%;max-height:90vh;animation:.32s cubic-bezier(.34,1.56,.64,1) coaScaleUp;display:flex;position:relative}.coa-lightbox-image{object-fit:contain;border-radius:.75rem;max-width:100%;max-height:85vh;box-shadow:0 25px 60px -15px #000000b3}.coa-lightbox-close-btn{color:#fff;cursor:pointer;z-index:10000;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .25s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.coa-lightbox-close-btn:hover{background:#ffffff2e;transform:scale(1.08)}.coa-lightbox-close-btn:active{transform:scale(.92)}@media (min-width:768px){.coa-lightbox-close-btn{width:3.5rem;height:3.5rem;top:2rem;right:2rem}}.coa-loading-container{color:#fffc;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:6rem 0;display:flex}.coa-spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:2.75rem;height:2.75rem;animation:.8s linear infinite coaRotate}.coa-empty-state{text-align:center;color:#fff;flex-direction:column;align-items:center;max-width:500px;margin:0 auto;padding:6rem 1.5rem;display:flex}.coa-empty-icon{color:#fff9;margin-bottom:1.5rem}.coa-empty-state h3{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.coa-empty-state p{color:#fffc;margin-bottom:2rem;font-size:.95rem;line-height:1.5}.coa-reset-btn{color:#2262b0;cursor:pointer;background-color:#fff;border:none;border-radius:9999px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.coa-reset-btn:hover{color:#17457c;background-color:#ffffffe6;transform:translateY(-1px)}@keyframes coaScaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes coaRotate{to{transform:rotate(360deg)}}