@layer components;:root{--t-bg:radial-gradient(circle at 20% 0%,#fde68a73,transparent 55%),radial-gradient(circle at 85% 20%,#fdba7466,transparent 55%),linear-gradient(135deg,#fff7eb,#fde2c3 60%,#fbcd95);--t-surface:#ffffffd1;--t-surface-soft:#fff8eceb;--t-border:#0f172a17;--t-border-strong:#0f172a2e;--t-text:#1f2937;--t-muted:#1f2937bf;--t-brand:#0ea5e9;--t-brand-dark:#0284c7;--t-accent:#f2a73b;--t-card-shadow:0 25px 45px #f9c86e40;--t-shell-shadow:0 30px 60px #f9c86e38;--t-ghost-border:#0f172a2e;--t-ghost-bg:#0f172a0d}[data-theme=dark]{--t-bg:radial-gradient(circle at 12% 0%,#38bdf824,transparent 55%),radial-gradient(circle at 85% 20%,#f973162e,transparent 60%),linear-gradient(135deg,#0f172a,#111b2f 60%,#172443);--t-surface:#121828eb;--t-surface-soft:#1c243af2;--t-border:#94a3b840;--t-border-strong:#ffffff38;--t-text:#e5edff;--t-muted:#e5edffb8;--t-brand:#22c1d6;--t-brand-dark:#0ea5e9;--t-accent:#f0b90b;--t-card-shadow:0 30px 55px #0000008c;--t-shell-shadow:0 35px 65px #000000a6;--t-ghost-border:#ffffff38;--t-ghost-bg:#ffffff14}.t-wrap{background:var(--t-bg);border:1px solid var(--t-border);max-width:1280px;box-shadow:var(--t-shell-shadow);isolation:isolate;border-radius:48px;margin:0 auto;padding:3.5rem clamp(1rem,4vw,3rem) 4.5rem;position:relative;overflow:hidden}.t-wrap:before{content:"";opacity:.35;pointer-events:none;filter:blur(60px);z-index:-1;background:linear-gradient(135deg,#ffffff8c,#fff0);border-radius:36px;position:absolute;inset:1.5rem}.t-header{text-align:center;margin-bottom:2rem}.t-title{color:var(--t-text);margin:0;font-size:clamp(1.6rem,1.1rem + 2vw,2.4rem)}.t-subtitle{max-width:720px;color:var(--t-muted);margin:.35rem auto 1.3rem;line-height:1.6}.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-strong);background:var(--t-surface);width:min(520px,90vw);color:var(--t-text);border-radius:999px;padding:.75rem 1.1rem;font-size:.95rem;transition:border-color .25s,box-shadow .25s,background .25s;box-shadow:inset 0 1px 2px #0f172a0f}.t-input:focus{border-color:var(--t-brand);outline:none;box-shadow:0 0 0 3px #0ea5e940}.t-button{background:linear-gradient(135deg,var(--t-brand),var(--t-brand-dark));color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.7rem 1.25rem;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 12px 25px #0ea5e940}.t-button:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-2px)}.t-button:active:not(:disabled){transform:translateY(0)}.t-button:disabled{opacity:.55;cursor:not-allowed;filter:none;box-shadow:none}.t-button--ghost{background:var(--t-ghost-bg);color:var(--t-text);border-color:var(--t-ghost-border);box-shadow:none}.t-button--ghost:hover:not(:disabled){box-shadow:inset 0 0 0 1px #0ea5e959}.t-result-block{background:var(--t-surface);border:1px solid var(--t-border);border-radius:36px;max-width:1280px;margin:2.75rem auto 0;padding:2rem clamp(.5rem,2vw,1.5rem) 2.5rem;box-shadow:0 25px 50px #0f172a1a}.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-empty{color:var(--t-muted);margin:0}.t-sect{margin:28px auto 0;padding:0 clamp(.25rem,2vw,1rem)}.t-row-title{color:var(--t-muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 1rem;font-size:1.1rem}.t-row-grid{gap:18px;display:grid!important}.t-row-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))!important}@media (max-width:1100px){.t-row-grid--4{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:820px){.t-row-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:540px){.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-row-grid .t-card{width:100%;max-width:100%;height:100%}.t-card{background:var(--t-surface-soft);border:1px solid var(--t-border);box-shadow:var(--t-card-shadow);border-radius:26px;flex-direction:column;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.t-card:after{content:"";pointer-events:none;opacity:0;border:1px solid #fff6;border-radius:25px;transition:opacity .35s;position:absolute;inset:1px}.t-card:hover{transform:translateY(-6px);box-shadow:0 35px 55px #f9c86e4d}.t-card:hover:after{opacity:1}.t-card--featured{border-width:2px;border-color:#f9c86ecc}.t-card-select{border:2px solid var(--t-border-strong);background:var(--t-surface);width:36px;height:36px;color:var(--t-text);cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 8px 15px #0f172a40}.t-card-select:hover{transform:translateY(-1px)}.t-card-select--active{background:linear-gradient(135deg,var(--t-brand),var(--t-brand-dark));color:#fff;border-color:#0000;box-shadow:0 10px 18px #0ea5e973}.t-card-select:focus-visible{outline:2px solid var(--t-brand);outline-offset:2px}.t-media{aspect-ratio:16/9;background:var(--t-ghost-bg);border-radius:18px;width:100%;margin:18px 18px 0;position:relative;overflow:hidden}.t-media:after{content:"";mix-blend-mode:screen;opacity:.35;pointer-events:none;background:radial-gradient(circle at 20% 20%,#ffffff59,#0000 55%);position:absolute;inset:0}.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:contain;object-fit:contain;background:#fff}.t-badge{letter-spacing:.05em;color:#0b1220;z-index:2;background:#ffdf5b;border-radius:999px;padding:.4rem .85rem;font-size:.8rem;font-weight:800;position:absolute;top:18px;left:18px;box-shadow:0 10px 20px #0000002e}.t-body{color:var(--t-text);padding:20px 24px 26px;position:relative}.t-quoteMark{color:var(--t-accent);opacity:.9;font-size:48px;line-height:1;position:absolute;top:-8px;left:24px}.t-name{margin:0 0 .35rem;font-size:1.1rem;font-weight:700}.t-meta{color:var(--t-muted);margin:0 0 .5rem;font-size:.95rem}.t-rank,.t-rank-inline{color:var(--t-text);margin:0 0 .65rem;font-weight:600}.t-text{color:var(--t-text);margin:0;line-height:1.65}.t-card .t-rank-inline{opacity:.9}.t-card .t-media+.t-body{padding-top:28px}.t-card--text .t-media{display:none}.t-card--text .t-body{padding-top:40px}.t-card--text .t-quoteMark{top:12px}.t-card--text .t-badge{margin-bottom:.5rem;position:static}@media (prefers-reduced-motion:reduce){.t-button,.t-card,.t-card-select{transition:none}.t-card:hover{transform:none}}
.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}
