#achivment-container.svelte-jk4tjo{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(18px,3vw,32px);padding:clamp(18px,4vw,36px);background:linear-gradient(120deg,#392042b3 60%,#7b2ff22e);border-radius:18px;border:5px solid #361144;box-shadow:0 0 32px #7b2ff244,0 0 0 2px #36114444;margin-block:clamp(18px,4vw,36px)}.card.svelte-jk4tjo{background:linear-gradient(180deg,#61148080);border:4px solid #7b2ff2;border-radius:14px;padding:clamp(18px,3vw,28px);display:flex;flex-direction:column;gap:clamp(10px,2vw,18px);box-shadow:0 0 24px #7b2ff244,0 2px 12px #0002;text-align:left;transition:transform .18s,box-shadow .18s}.card.svelte-jk4tjo:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 32px #7b2ff299,0 0 0 2px #f0f5;border-color:#f0f}.card.svelte-jk4tjo h2:where(.svelte-jk4tjo){margin:0 0 .5em;text-align:center;font-size:clamp(1.3rem,2.5vw,2rem);background:linear-gradient(90deg,#7b2ff2 40%,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:.01em}.card.svelte-jk4tjo img:where(.svelte-jk4tjo){width:100%;height:auto;border-radius:10px;border:4px solid #7b2ff2;object-fit:cover;box-shadow:0 0 12px #7b2ff244}.card.svelte-jk4tjo ul:where(.svelte-jk4tjo){margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.7rem}.card.svelte-jk4tjo li:where(.svelte-jk4tjo){line-height:1.6;font-size:clamp(1rem,1.2vw,1.08rem);color:#fff;text-shadow:0 1px 2px #0008}.card.svelte-jk4tjo svg{vertical-align:middle;margin:0 .15rem;width:1em;height:1em}@media (max-width: 800px){#achivment-container.svelte-jk4tjo{grid-template-columns:1fr;padding:clamp(10px,4vw,18px)}.card.svelte-jk4tjo{padding:clamp(12px,4vw,18px)}}.certificate-gallery.svelte-4vohud{width:min(100%,960px);margin:0 auto;padding:clamp(10px,2vw,18px);border-radius:22px;background:linear-gradient(180deg,#2b0736cc,#140517cc);border:1px solid rgba(167,130,255,.2);box-shadow:0 18px 45px #00000047}.viewer.svelte-4vohud{position:relative;display:grid;place-items:center;min-height:clamp(260px,52vw,620px);border-radius:16px;overflow:hidden;background:#08040cad}.image-button.svelte-4vohud{width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.current-image.svelte-4vohud{display:block;width:100%;max-height:min(68vh,640px);object-fit:contain;border-radius:14px;box-shadow:0 14px 30px #00000057}.nav-button.svelte-4vohud,.lightbox-nav.svelte-4vohud,.close-button.svelte-4vohud{border:none;cursor:pointer;color:#fff;background:#110a1699;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease}.nav-button.svelte-4vohud{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:clamp(38px,5vw,52px);height:clamp(38px,5vw,52px);border-radius:999px;font-size:clamp(1.8rem,3vw,2.4rem);z-index:2}.nav-button.svelte-4vohud:hover,.lightbox-nav.svelte-4vohud:hover,.close-button.svelte-4vohud:hover{transform:scale(1.05);background:#a782ffe6}.nav-button.prev.svelte-4vohud,.lightbox-nav.prev.svelte-4vohud{left:12px}.nav-button.next.svelte-4vohud,.lightbox-nav.next.svelte-4vohud{right:12px}.controls.svelte-4vohud{display:flex;justify-content:center;margin-top:14px}.dots.svelte-4vohud{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.dots.svelte-4vohud button:where(.svelte-4vohud){width:11px;height:11px;border:none;border-radius:50%;background:#ffffff59;cursor:pointer;transition:background .2s ease,transform .2s ease}.dots.svelte-4vohud button.active:where(.svelte-4vohud){background:#a782ff;transform:scale(1.15)}.lightbox.svelte-4vohud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#040207db;padding:clamp(18px,5vw,48px);animation:svelte-4vohud-lightboxFade .2s ease}@keyframes svelte-4vohud-lightboxFade{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.lightbox-image-button.svelte-4vohud{border:0;padding:0;background:transparent;cursor:default}.lightbox.svelte-4vohud img:where(.svelte-4vohud){max-width:min(92vw,1400px);max-height:min(86vh,900px);width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 28px 80px #00000080;background:#0f0914cc;display:block}.lightbox-nav.svelte-4vohud{position:absolute;top:50%;transform:translateY(-50%);width:clamp(44px,6vw,58px);height:clamp(44px,6vw,58px);border-radius:50%;font-size:clamp(2rem,4vw,2.8rem)}.close-button.svelte-4vohud{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;font-size:1.8rem}@media (max-width: 640px){.certificate-gallery.svelte-4vohud{padding:10px;border-radius:18px}.viewer.svelte-4vohud{min-height:280px}.nav-button.svelte-4vohud{top:auto;bottom:12px;transform:none}.nav-button.prev.svelte-4vohud{left:10px}.nav-button.next.svelte-4vohud{right:10px}.lightbox-nav.svelte-4vohud{bottom:18px;top:auto;transform:none}}:root{--neon:#ff00ff}#container.svelte-2bl0qe{width:min(100%,1100px);margin-inline:auto;padding-inline:clamp(12px,4vw,24px);display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;gap:clamp(14px,3vw,24px)}#about.svelte-2bl0qe{width:100%;max-width:64rem;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.8vw,16px)}#about.svelte-2bl0qe h1:where(.svelte-2bl0qe){margin:clamp(12px,3vw,24px) 0;font-size:clamp(2rem,6vw,3rem);line-height:1.1;transition:transform .25s ease,text-shadow .25s ease;text-shadow:4px 4px 2px var(--color-primary)}@media (hover:hover){#about.svelte-2bl0qe h1:where(.svelte-2bl0qe):hover{transform:scale(1.08);text-decoration:underline solid var(--neon);text-shadow:4px 4px 2px var(--color-primary)}}#about.svelte-2bl0qe p:where(.svelte-2bl0qe){background-color:#61148080;padding:clamp(12px,2.4vw,20px);border-radius:12px;border:5px solid var(--color-primary);font-size:clamp(.95rem,2.2vw,1.1rem);line-height:1.6;width:100%;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}@media (hover:hover){#about.svelte-2bl0qe p:where(.svelte-2bl0qe):hover{transform:translateY(-2px);background-color:#611280b3;color:var(--color-secondary);box-shadow:0 0 24px #f0f5}}
