@layer components;:root{--t-bg:#f8f9fa;--t-text:#1f2937;--t-muted:#6b7280;--t-brand:#0ea5e9;--t-brand-dark:#0284c7;--t-accent:#f2a73b;--t-border:#e5e7eb}[data-theme=dark]{--t-bg:#111827;--t-text:#f3f4f6;--t-muted:#d1d5db;--t-brand:#22c1d6;--t-brand-dark:#0ea5e9;--t-accent:#f0b90b;--t-border:#374151}.testimonials-page{background:var(--bg-primary);min-height:100vh;padding:60px 0}.testi-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:60px;display:flex}.testi-page-title{color:var(--text-primary);margin:0;font-size:clamp(28px,3.2vw,40px);font-weight:800}.testi-add-btn{background:var(--btn-primary);color:var(--btn-text);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:background .3s}.testi-add-btn:hover{background:var(--btn-hover)}.testi-sections{flex-direction:column;gap:80px;display:flex}.testi-section{flex-direction:column;gap:40px;display:flex}.testi-section__header{align-items:center;gap:16px;display:flex}.testi-section__title{color:var(--text-primary);margin:0;font-size:clamp(24px,2.5vw,32px);font-weight:800}.testi-section__badge{color:#000;white-space:nowrap;background:#fbbf24;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:700;display:inline-block}.testi-grid{gap:24px;display:grid}.testi-grid--video,.testi-grid--image,.testi-grid--text{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}@media (max-width:768px){.testimonials-page{padding:40px 0}.testi-page-header{flex-direction:column;align-items:flex-start;margin-bottom:40px}.testi-page-title{font-size:24px}.testi-add-btn{width:100%}.testi-sections{gap:50px}.testi-section{gap:24px}.testi-section__header{flex-wrap:wrap}.testi-section__title{font-size:20px}.testi-grid--video,.testi-grid--image,.testi-grid--text{grid-template-columns:1fr}}@media (max-width:480px){.testimonials-page{padding:30px 0}.testi-page-header{margin-bottom:30px}.testi-page-title{font-size:20px}.testi-section{gap:20px}.testi-section__title{font-size:18px}.testi-grid{gap:16px}}.t-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;padding:.5rem 0;display:inline-flex}.t-input{border:1px solid var(--t-border);width:min(520px,90vw);color:var(--t-text);background:#fff;border-radius:8px;padding:.75rem 1.1rem;font-size:.95rem;transition:border-color .25s,box-shadow .25s}.t-input:focus{border-color:var(--t-brand);outline:none;box-shadow:0 0 0 3px #0ea5e91a}.t-input::placeholder{color:var(--t-muted)}.t-button{background:var(--t-brand);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s,transform .2s}.t-button:hover:not(:disabled){background:var(--t-brand-dark);transform:translateY(-2px)}.t-button:active:not(:disabled){transform:translateY(0)}.t-button:disabled{opacity:.55;cursor:not-allowed}.t-button--ghost{color:var(--t-text);border:1px solid var(--t-border);background:0 0}.t-button--ghost:hover:not(:disabled){border-color:var(--t-brand);background:#f3f4f6}.t-result-block{border:1px solid var(--t-border);background:#fff;border-radius:36px;max-width:1280px;margin:2.75rem auto 0;padding:2rem clamp(.5rem,2vw,1.5rem) 2.5rem;box-shadow:0 4px 12px #00000014}.t-result-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:1.3rem;display:flex}.t-result-title{color:var(--t-text);margin:0;font-size:clamp(1.35rem,1.05rem + 1vw,1.9rem)}.t-simple-header>div:first-child{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.t-simple-header h1{color:var(--t-text);margin:0;font-size:2.2rem;font-weight:800}.t-empty{color:var(--t-muted);margin:0}.t-row-title{color:var(--t-text);letter-spacing:-.02em;border-bottom:3px solid var(--t-brand);margin:0 0 1.75rem;padding-bottom:.75rem;font-size:1.4rem;font-weight:700;display:inline-block}.t-sect{margin:2rem auto 0;padding:0}.t-row-title{color:var(--t-text);letter-spacing:0;text-transform:none;border-bottom:2px solid var(--t-brand);margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.3rem;font-weight:700}.t-row-grid{gap:24px;margin-top:2rem;display:grid!important}.t-row-grid--4{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}@media (max-width:1200px){.t-row-grid--4{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:900px){.t-row-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:600px){.t-row-grid--4{grid-template-columns:1fr!important}.t-button,.t-button--ghost{text-align:center;justify-content:center;width:100%}.t-input{width:100%}.t-simple-header>div:first-child{flex-direction:column;align-items:flex-start}.t-simple-header h1{text-align:left;width:100%}.t-button{width:100%}}.t-row-grid .t-card{width:100%;max-width:100%;height:100%}.t-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 2px 8px var(--card-shadow);border-radius:12px;flex-direction:column;height:100%;transition:box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.t-card:hover{box-shadow:0 8px 16px var(--card-shadow);border-color:var(--btn-primary)}.t-card--featured{border-width:2px;border-color:var(--btn-primary)}.t-card-select{border:2px solid var(--border-color);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-primary);cursor:pointer;z-index:2;box-shadow:0 2px 4px var(--card-shadow);border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:background .2s,border-color .2s;display:flex;position:absolute;top:12px;right:12px}.t-card-select:hover{border-color:var(--btn-primary);background:var(--bg-accent)}.t-card-select--active{background:var(--btn-primary);color:var(--btn-text);border-color:var(--btn-primary)}.t-media{aspect-ratio:16/9;background:var(--bg-accent);width:100%;position:relative;overflow:hidden}.t-media iframe,.t-media video,.t-media img{-o-object-fit:cover;object-fit:cover;border:0;width:100%;height:100%;display:block}.t-card .t-media img{-o-object-fit:cover;object-fit:cover}.t-badge{letter-spacing:.03em;color:#fff;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:700;position:absolute;top:12px;left:12px}.t-body{color:var(--text-primary);flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;position:relative}.t-profile,.t-profile-img,.t-profile-initials{display:none}.t-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.t-quoteMark{display:none}.t-name{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700;line-height:1.3}.t-short{color:var(--btn-primary);margin:0;font-size:.9rem;font-weight:600;line-height:1.3}.t-meta{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.4}.t-rank-inline{color:var(--btn-primary);margin:0;font-size:.85rem;font-weight:700}.t-text{color:var(--text-primary);margin:4px 0 0;font-size:.9rem;line-height:1.5}.t-card .t-media+.t-body{padding-top:20px}.t-card--text .t-media{aspect-ratio:16/9;margin-bottom:0;display:block}.t-card--text .t-body{padding-top:20px}.t-card--text .t-quoteMark{top:8px}@media (max-width:768px){.t-card{border-radius:12px}.t-media{aspect-ratio:4/3}.t-body{padding:16px}}@media (prefers-reduced-motion:reduce){.t-button,.t-card,.t-card-select{transition:none}.t-card:hover{transform:none}}.t-wrap--simple{box-shadow:none;background:0 0;border:none;max-width:1400px;padding:2rem clamp(1rem,4vw,3rem)}.t-simple-header{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.t-simple-title{color:var(--t-text);margin:0;font-size:2rem;font-weight:700}
.atm-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.atm-modal{color:#eaf1f8;z-index:1001;-webkit-backdrop-filter:saturate(150%)blur(12px);backdrop-filter:saturate(150%)blur(12px);background:#12161e9e;border:1px solid #ffffff2e;border-radius:16px;width:min(1200px,98vw);max-height:90vh;padding:28px 32px;position:relative;overflow:auto;box-shadow:0 20px 60px #00000073}.atm-close{color:#eaf1f8;cursor:pointer;opacity:.9;background:0 0;border:0;font-size:1.75rem;position:absolute;top:10px;right:12px}.atm-close:hover{opacity:1}.atm-title{letter-spacing:.2px;margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.atm-modal .atm-form,.atm-modal form{box-sizing:border-box;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px 20px;margin-top:8px;display:grid}.atm-modal .col-12{grid-column:span 12}.atm-modal .col-9{grid-column:span 9}.atm-modal .col-3{grid-column:span 3}@media (max-width:720px){.atm-modal .col-9,.atm-modal .col-3{grid-column:span 12}}.atm-modal .atm-form label,.atm-modal form label{color:#eaf1f8eb;letter-spacing:.2px;margin:2px 0 6px;font-size:.86rem;font-weight:600;display:block}.atm-modal .atm-form input,.atm-modal .atm-form select,.atm-modal .atm-form textarea,.atm-modal form input,.atm-modal form select,.atm-modal form textarea{box-sizing:border-box;color:#eaf1f8;background:#ffffff1f;border:1px solid #ffffff42;border-radius:12px;outline:none;width:100%;height:46px;padding:.65rem .95rem;display:block;box-shadow:inset 0 0 0 1px #ffffff0a}.atm-modal .atm-form textarea,.atm-modal form textarea{resize:vertical;height:auto;min-height:110px}.atm-modal .atm-form input::-moz-placeholder{color:#eaf1f88c}.atm-modal .atm-form textarea::-moz-placeholder{color:#eaf1f88c}.atm-modal form input::-moz-placeholder{color:#eaf1f88c}.atm-modal form textarea::-moz-placeholder{color:#eaf1f88c}.atm-modal .atm-form input::placeholder,.atm-modal .atm-form textarea::placeholder,.atm-modal form input::placeholder,.atm-modal form textarea::placeholder{color:#eaf1f88c}.atm-modal .atm-form input:focus,.atm-modal .atm-form select:focus,.atm-modal .atm-form textarea:focus,.atm-modal form input:focus,.atm-modal form select:focus,.atm-modal form textarea:focus{background:#ffffff29;border-color:#22c1d6e6;box-shadow:0 0 0 3px #22c1d638,inset 0 0 0 1px #ffffff0f}.atm-modal .atm-form select,.atm-modal form select{appearance:none;background-clip:padding-box}.atm-modal .atm-form input[type=number],.atm-modal form input[type=number]{-moz-appearance:textfield}.atm-modal .atm-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.atm-modal .atm-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.atm-modal form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.atm-modal form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.atm-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.atm-actions button{color:#eaf1f8;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;height:44px;padding:0 18px}.atm-actions .btn.btn-primary{color:#0b1220;background:linear-gradient(135deg,#22c1d6,#16b3c4);border-color:#0000;padding:0 22px;font-weight:700}.atm-actions .btn.btn-primary:hover{filter:brightness(.98)}.atm-actions button:hover{filter:brightness(1.05)}.atm-modal{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.atm-modal select option{color:#0b1220;background-color:#fff}.atm-modal .atm-form select{color:#eaf1f8}.atm-modal .atm-form select:focus{outline:none;box-shadow:0 0 0 3px #22c1d63d,inset 0 0 0 1px #ffffff14}:-webkit-any(.atm-modal input:-webkit-autofill,.atm-modal textarea:-webkit-autofill,.atm-modal select:-webkit-autofill){-webkit-text-fill-color:#0b1220;box-shadow:inset 0 0 0 1000px #ffffffeb}:is(.atm-modal input:autofill,.atm-modal textarea:autofill,.atm-modal select:autofill){-webkit-text-fill-color:#0b1220;box-shadow:inset 0 0 0 1000px #ffffffeb}
