.ig1-seal-kit {
    --shine-x:50%;
    --shine-y:50%;
    --spark-x:0px;
    --spark-y:0px;
    display:grid;
    place-items:center;
    padding:42px;
    background:radial-gradient(circle at 22% 18%, rgba(15,122,229,.18), transparent 22rem), radial-gradient(circle at 82% 12%, rgba(168,85,247,.16), transparent 24rem), #f7fbff;
}
.ig1-holo-seal.ig1-holo-sticker {
    position:relative;
    isolation:isolate;
    width:min(460px,88vw);
    aspect-ratio:1;
    border-radius:50%;
    display:grid;
    place-items:center;
    overflow:visible;
    transform:none!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:drop-shadow(0 42px 36px rgba(15,23,42,.22)) drop-shadow(0 0 52px rgba(34,193,220,.20));
}
.ig1-holo-seal.ig1-holo-sticker::before {
    content:"";
    position:absolute;
    inset:-18px;
    z-index:-1;
    border-radius:50%;
    background:radial-gradient(circle at var(--shine-x) var(--shine-y), rgba(255,255,255,.96), transparent 16%), conic-gradient(from 0deg,#67e8f9,#93c5fd,#c4b5fd,#f0abfc,#fde68a,#bbf7d0,#67e8f9);
    clip-path:polygon(50% 0%,53% 2%,56% 0%,59% 2%,62% 1%,65% 4%,68% 2%,71% 5%,74% 4%,77% 7%,80% 7%,82% 10%,86% 11%,88% 15%,91% 17%,93% 21%,96% 24%,96% 29%,99% 32%,98% 36%,100% 40%,98% 44%,100% 48%,98% 52%,100% 56%,98% 60%,99% 64%,96% 68%,96% 72%,93% 76%,91% 80%,88% 82%,86% 86%,82% 87%,80% 91%,76% 91%,73% 94%,69% 94%,65% 98%,61% 97%,57% 100%,53% 98%,49% 100%,45% 98%,41% 100%,37% 97%,33% 98%,29% 94%,25% 95%,22% 91%,18% 90%,16% 86%,12% 84%,10% 80%,7% 77%,5% 73%,3% 69%,4% 65%,1% 61%,2% 57%,0% 53%,2% 49%,0% 45%,2% 41%,1% 37%,4% 33%,3% 29%,6% 25%,8% 21%,11% 18%,13% 14%,17% 12%,19% 8%,23% 7%,26% 4%,30% 5%,34% 2%,38% 3%,42% 0%,46% 2%);
    animation:ig1-edge-hue 6s linear infinite;
}
.ig1-holo-seal.ig1-holo-sticker::after {
    content:"";
    position:absolute;
    inset:22px;
    z-index:18;
    border-radius:50%;
    pointer-events:none;
    clip-path:circle(50% at 50% 50%);
    background:radial-gradient(circle at var(--shine-x) var(--shine-y), rgba(255,255,255,.98) 0 4%, rgba(255,255,255,.34) 13%, transparent 25%), linear-gradient(118deg, transparent 25%, rgba(255,255,255,.82) 36%, rgba(34,211,238,.25) 42%, transparent 56%), radial-gradient(circle at 72% 68%, rgba(244,114,182,.26), transparent 25%);
    mix-blend-mode:screen;
    opacity:.92;
}
.ig1-sticker-shadow { position:absolute; inset:8%; border-radius:50%; background:rgba(15,23,42,.22); filter:blur(28px); transform:translateY(16%); z-index:-1; }
.ig1-sticker-cut { position:absolute; inset:-9px; z-index:0; border-radius:50%; background:conic-gradient(from 30deg,#c7f9cc,#80ffdb,#64dfdf,#48bfe3,#5e60ce,#ffafcc,#fdffb6,#c7f9cc); filter:saturate(1.28) brightness(1.08); }
.ig1-sticker-edge { position:absolute; inset:0; z-index:1; border-radius:50%; background:radial-gradient(circle, transparent 0 62%, rgba(255,255,255,.80) 63% 65%, rgba(15,23,42,.18) 66% 67%, transparent 68%), repeating-conic-gradient(from 0deg, rgba(255,255,255,.42) 0 2deg, rgba(15,23,42,.08) 2deg 3deg, transparent 3deg 5deg), conic-gradient(from 0deg,#22d3ee,#60a5fa,#a78bfa,#f0abfc,#fde68a,#86efac,#22d3ee); box-shadow:inset 0 0 0 1px rgba(255,255,255,.96), inset 0 0 0 12px rgba(255,255,255,.42), inset 0 0 42px rgba(255,255,255,.95); }
.ig1-sticker-edge:after { content:""; position:absolute; inset:22px; border-radius:50%; background:radial-gradient(circle at 34% 22%, rgba(255,255,255,.95), transparent 16%), radial-gradient(circle at var(--shine-x) var(--shine-y), rgba(255,255,255,.78), transparent 22%), linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.22) 28%, rgba(15,23,42,.13) 60%, rgba(255,255,255,.55)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.88), inset 0 0 0 12px rgba(255,255,255,.18), inset 0 -34px 90px rgba(124,58,237,.22); }
.ig1-holo-foil { position:absolute; z-index:2; inset:22px; border-radius:50%; opacity:.98; clip-path:circle(50% at 50% 50%); background:radial-gradient(circle at var(--shine-x) var(--shine-y), rgba(255,255,255,1) 0 3%, rgba(255,255,255,.44) 10%, transparent 26%), repeating-linear-gradient(38deg, rgba(255,255,255,.20) 0 1px, transparent 1px 7px), repeating-linear-gradient(126deg, rgba(15,23,42,.05) 0 1px, transparent 1px 11px), repeating-conic-gradient(from 0deg, rgba(255,255,255,.24) 0 1.5deg, rgba(15,23,42,.04) 1.5deg 3deg, transparent 3deg 6deg), conic-gradient(from 180deg,#67e8f9,#93c5fd,#c4b5fd,#f0abfc,#fde68a,#bbf7d0,#67e8f9); mix-blend-mode:screen; animation:ig1-foil-drift 8s linear infinite; }
.ig1-security-grid { position:absolute; z-index:3; inset:36px; opacity:.32; border-radius:50%; clip-path:circle(50% at 50% 50%); background:linear-gradient(90deg, rgba(15,23,42,.20) 1px, transparent 1px) 0 0/16px 16px, linear-gradient(rgba(15,23,42,.16) 1px, transparent 1px) 0 0/16px 16px; animation:ig1-security-shift 5s linear infinite; }
.ig1-holo-guilloche { position:absolute; z-index:4; inset:34px; opacity:.72; border-radius:50%; clip-path:circle(50% at 50% 50%); background:repeating-radial-gradient(circle, transparent 0 9px, rgba(255,255,255,.76) 10px 11px, transparent 12px 19px), repeating-conic-gradient(from 90deg, transparent 0 6deg, rgba(15,23,42,.16) 7deg 8deg, transparent 9deg 13deg); mix-blend-mode:soft-light; animation:ig1-guilloche 18s linear infinite; }
.ig1-holo-rosette { position:absolute; z-index:5; inset:63px; opacity:.70; border-radius:50%; clip-path:circle(50% at 50% 50%); background:repeating-conic-gradient(from 0deg, transparent 0 4deg, rgba(255,255,255,.75) 5deg 6deg, transparent 7deg 9deg); mask:radial-gradient(circle, transparent 0 36%, #000 37% 40%, transparent 41% 54%, #000 55% 58%, transparent 59%); animation:ig1-rosette 14s linear infinite reverse; }
.ig1-holo-sweep { position:absolute; z-index:9; inset:22px!important; border-radius:50%; transform:none!important; overflow:hidden; clip-path:circle(50% at 50% 50%); mask:radial-gradient(circle, #000 0 50%, transparent 51%); background:linear-gradient(115deg, transparent 0 31%, rgba(255,255,255,.96) 42%, rgba(168,85,247,.38) 47%, rgba(34,211,238,.38) 52%, transparent 64%); background-size:260% 100%; background-position:-180% 50%; mix-blend-mode:screen; animation:ig1-holo-sweep-contained 4s ease-in-out infinite!important; }
.ig1-holo-glare { position:absolute; inset:20px; z-index:10; border-radius:50%; pointer-events:none; clip-path:circle(50% at 50% 50%); background:radial-gradient(circle at var(--shine-x) var(--shine-y), rgba(255,255,255,.88), transparent 12%), radial-gradient(circle at calc(100% - var(--shine-x)) calc(100% - var(--shine-y)), rgba(34,211,238,.35), transparent 22%); mix-blend-mode:screen; }
.ig1-seal-orbital-text { position:absolute; inset:0; z-index:12; width:100%; height:100%; pointer-events:none; filter:drop-shadow(0 1px 0 rgba(255,255,255,.85)); }
.ig1-seal-orbital-text text { font-family:Inter, system-ui, sans-serif; font-size:10px; font-weight:950; letter-spacing:2.4px; fill:rgba(15,23,42,.72); text-transform:uppercase; }
.ig1-seal-orbital-text text.bottom { fill:rgba(15,23,42,.56); }
.ig1-seal-orbital-text text.inner { text-transform:none; font-size:9px; letter-spacing:2px; fill:rgba(15,23,42,.58); }
.ig1-holo-core { position:relative; z-index:14; width:55%; aspect-ratio:1; border-radius:50%; padding:1.2rem; display:grid; place-items:center; align-content:center; gap:.50rem; text-align:center; color:#0f172a; background:radial-gradient(circle at var(--shine-x) var(--shine-y), rgba(255,255,255,.90), transparent 25%), radial-gradient(circle at 42% 20%, rgba(255,255,255,.94), rgba(255,255,255,.46) 42%, rgba(255,255,255,.18) 68%); border:1px solid rgba(255,255,255,.88); box-shadow:inset 0 0 0 1px rgba(15,23,42,.08), inset 0 0 0 10px rgba(255,255,255,.18), 0 18px 48px rgba(15,23,42,.20); }
.ig1-seal-emblem { display:flex; align-items:center; justify-content:center; gap:.56rem; width:80%; }
.ig1-seal-emblem strong { font-size:clamp(3.2rem,8vw,5.5rem); font-weight:1000; letter-spacing:-.10em; line-height:.80; background:linear-gradient(135deg,#07111f 0%,#0f7ae5 28%,#8b5cf6 56%,#22c1dc 78%,#07111f 100%); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 2px 0 rgba(255,255,255,.70)); }
.emblem-line { height:2px; flex:1; background:linear-gradient(90deg, transparent, rgba(15,23,42,.50), transparent); }
.ig1-seal-mark span { display:block; font-size:1.22rem; font-weight:1000; letter-spacing:.35em; color:#0f172a; }
.ig1-seal-mark i { display:block; margin-top:.20rem; font-style:normal; text-transform:none; letter-spacing:.045em; font-size:.72rem; color:#0f7ae5; font-weight:1000; }
.ig1-seal-ribbon { display:inline-flex; justify-content:center; max-width:94%; border-radius:999px; padding:.54rem .86rem; border:1px solid rgba(255,255,255,.78); background:linear-gradient(135deg,#0f7ae5,#22c1dc,#7c3aed); color:white; font-weight:1000; font-size:.68rem; letter-spacing:.09em; box-shadow:0 14px 30px rgba(15,122,229,.32), inset 0 1px 0 rgba(255,255,255,.36); text-shadow:0 1px 8px rgba(15,23,42,.28); }
.ig1-holo-core small { color:#334155; background:rgba(255,255,255,.68); border:1px solid rgba(255,255,255,.72); border-radius:999px; padding:.28rem .62rem; font-size:.73rem; font-weight:950; letter-spacing:.09em; }
.ig1-holo-sparkle { position:absolute; z-index:16; width:5.8rem; height:5.8rem; opacity:.86; transform:translate(var(--spark-x), var(--spark-y)); pointer-events:none; mix-blend-mode:screen; }
.ig1-holo-sparkle:before,.ig1-holo-sparkle:after { content:""; position:absolute; inset:48% 0 auto 0; height:3px; background:linear-gradient(90deg, transparent, rgba(255,255,255,1), transparent); filter:drop-shadow(0 0 12px white) drop-shadow(0 0 18px rgba(34,211,238,.7)); }
.ig1-holo-sparkle:after { transform:rotate(90deg); }
.sparkle-a { left:11%; top:18%; width:6rem; height:6rem; animation:ig1-sparkle 3.2s ease-in-out infinite; }
.sparkle-b { right:10%; top:27%; width:4.4rem; height:4.4rem; animation:ig1-sparkle 3.9s ease-in-out .7s infinite; }
.sparkle-c { left:24%; bottom:15%; width:4rem; height:4rem; animation:ig1-sparkle 4.4s ease-in-out 1.1s infinite; }
.sparkle-d { right:22%; bottom:17%; width:5rem; height:5rem; animation:ig1-sparkle 5.1s ease-in-out 1.8s infinite; }
.sparkle-e { left:45%; top:7%; width:3.8rem; height:3.8rem; animation:ig1-sparkle 3.5s ease-in-out 1.4s infinite; }
@keyframes ig1-edge-hue { to { filter:hue-rotate(360deg); } }
@keyframes ig1-foil-drift { to { filter:hue-rotate(360deg); transform:rotate(360deg); } }
@keyframes ig1-security-shift { to { background-position:16px 16px,16px 16px; } }
@keyframes ig1-guilloche { to { transform:rotate(-360deg); } }
@keyframes ig1-rosette { to { transform:rotate(360deg); } }
@keyframes ig1-sparkle { 0%,100%{opacity:.08; scale:.55; rotate:0deg} 42%{opacity:.95; scale:1; rotate:35deg} 62%{opacity:.45; scale:.82; rotate:70deg} }
@keyframes ig1-holo-sweep-contained { 0%,16%{background-position:-190% 50%; opacity:0} 38%{opacity:.96} 68%,100%{background-position:190% 50%; opacity:0} }
@media (max-width:575.98px) { .ig1-seal-kit { padding:24px; } .ig1-holo-seal.ig1-holo-sticker { width:min(360px,86vw); } .ig1-seal-orbital-text text { font-size:9px; letter-spacing:1.7px; } .ig1-seal-ribbon { font-size:.58rem; } }