.at-grid,.at-card,.at-card-title,.at-card-desc,.at-btn,.at-modal,.at-modal-box,.at-modal-title,.at-modal-sub,.at-form,.at-form-fields,.at-form-fields label,.at-form-fields input,.at-form-fields textarea,.at-submit,.at-form-error,.at-modal-success,.at-direct-link{
    font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

.at-grid{display:grid;gap:18px 14px;margin:24px 0;align-items:start}
.at-cols-1{grid-template-columns:1fr}
.at-cols-2{grid-template-columns:repeat(2,1fr)}
.at-cols-3{grid-template-columns:repeat(3,1fr)}
.at-cols-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.at-cols-3,.at-cols-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.at-grid{grid-template-columns:1fr!important;gap:24px 0}}

.at-cell{
    position:relative;
    padding:0 14px 14px 0;
    display:block;
    box-sizing:border-box;
}
.at-cell::before{
    content:"";
    position:absolute;
    top:12px;left:12px;right:0;bottom:0;
    border:1px solid var(--at-accent, #e53935);
    border-radius:14px;
    pointer-events:none;
    opacity:.75;
    transition:top .25s, left .25s, opacity .25s;
}
.at-cell:hover::before{top:14px;left:14px;opacity:1}

.at-card{
    position:relative;
    z-index:1;
    background:#1c1c1c;
    border-radius:14px;
    color:#eee;
    display:flex;
    flex-direction:column;
    transition:transform .25s ease;
}
.at-card:hover{transform:translate(-1px,-1px)}

.at-card-thumb{overflow:hidden;border-top-left-radius:inherit;border-top-right-radius:inherit}
.at-card-thumb img,.at-card-img{width:100%;height:150px;object-fit:cover;display:block}
.at-card-placeholder{
    width:100%;height:150px;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg, var(--at-accent, #e53935) 0%, var(--at-bg, #1c1c1c) 100%);
    color:rgba(255,255,255,.9);font-size:42px;line-height:1;
}
.at-card-body{padding:14px 16px 18px}
.at-card-title{margin:0 0 6px;font-size:16px;color:#e53935;font-weight:700;line-height:1.25}
.at-card-desc{margin:0 0 12px;font-size:13px;color:#ccc;line-height:1.45}

.at-btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:8px;padding:9px 14px;font-weight:600;font-size:13px;cursor:pointer;transition:filter .15s}
.at-btn:disabled{opacity:.7;cursor:wait}

.at-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}
.at-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.65)}
.at-modal-box{position:relative;background:#fff;color:#222;border-radius:12px;padding:28px;max-width:480px;width:92%;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.at-modal-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:26px;cursor:pointer;color:#666}
.at-modal-title{margin:0 0 6px;font-size:22px}
.at-modal-sub{margin:0 0 18px;color:#666;font-size:14px}
.at-form-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}
.at-form-fields label{font-size:13px;font-weight:600;display:block;margin-bottom:4px}
.at-form-fields input,.at-form-fields textarea{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;font-family:inherit;box-sizing:border-box}
.at-form-fields input:focus,.at-form-fields textarea:focus{outline:none;border-color:#888}
.at-submit{width:100%;border:none;border-radius:8px;padding:12px;font-weight:700;font-size:15px;cursor:pointer}
.at-form-error{background:#fde7e7;color:#b00;padding:10px;border-radius:6px;font-size:13px}
.at-modal-success{text-align:center}
.at-modal-success p{font-size:16px;margin:0 0 10px}
.at-direct-link{font-size:13px;color:#666}