@layer components{.hata-sahne{display:grid;align-items:center;min-height:var(--stage);padding-block:clamp(1.75rem,6svh,4.5rem) clamp(2.5rem,8svh,5rem);text-align:center}.hata-ic{display:grid;justify-items:center}.hata-nur{position:absolute;left:50%;top:30%;z-index:-1;width:min(34rem,100%);aspect-ratio:1;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold-2) 22%,transparent),transparent 72%);pointer-events:none}.hata-girih,.hata-nur{translate:-50% -50%}.hata-isaret{position:relative;display:grid;place-items:center;width:6.5rem;height:6.5rem;margin-bottom:1.25rem}.hata-isaret:before{inset:0;border:1px dashed color-mix(in srgb,var(--light) 38%,transparent)}.hata-isaret:after,.hata-isaret:before{content:"";position:absolute;border-radius:var(--radius-full)}.hata-isaret:after{top:-.25rem;left:calc(50% - .25rem);width:.5rem;height:.5rem;background:var(--gold-1);box-shadow:0 0 12px 3px color-mix(in srgb,var(--gold-1) 60%,transparent);transform-origin:.25rem 3.5rem}.hata-isaret svg{filter:drop-shadow(0 0 18px color-mix(in srgb,var(--gold-2) 60%,transparent))}.hata-kapilar{display:grid;justify-items:center;gap:.875rem;width:100%;max-width:46rem;margin-top:2.5rem}.hata-kapilar ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%}@media (min-width:768px){.hata-kapilar ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}}.hata-kapi{display:flex;align-items:center;gap:.625rem;min-height:3.5rem;padding:.5rem .75rem;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);color:var(--ink);text-align:start;transition:border-color var(--dur-2) var(--ease),translate var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.hata-kapi .disc{width:2.25rem;height:2.25rem}.hata-kapi .disc svg{width:1.125rem;height:1.125rem}.hata-kapi:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (hover:hover){.hata-kapi:hover{translate:0 -2px;border-color:color-mix(in srgb,var(--gold-2) 70%,transparent);box-shadow:var(--shadow-glow)}}.hata-kapi-ad{line-height:1.25;text-wrap:balance}@media (max-width:479.98px){.hata-kapi{flex-direction:column;justify-content:center;gap:.375rem;height:100%;padding:.75rem .5rem;text-align:center}}.hata-kapi-not{display:none}@media (min-width:768px){.hata-kapi{padding:.75rem 1rem}.hata-kapi-not{display:block;overflow:hidden}}@media (prefers-reduced-motion:no-preference){.hata-girih{animation:donus 240s linear infinite}.hata-isaret:before{animation:donus 90s linear infinite}.hata-isaret:after{animation:donus 14s linear infinite}.hata-isaret svg{animation:glow 6s ease-in-out infinite}}}