@import url("_ev.css");
/* ==========================================================
   DInvite — Tema "Langit Prestasi" (koleksi Acara Spesial · Wisuda)
   Modern & membanggakan: langit gradasi ungu malam, piala emas, kilau bintang, konfeti yang berjatuhan, dan bingkai foto heksagonal yang tegas.
   Ilustrasi dari evkit.js, susunan di evprestasi.js.
   ========================================================== */
.t-evprestasi { --bg:#2b1055; --card:rgba(255,255,255,.08); --ink:#ffffff; --muted:#cfc6ee; --line:rgba(255,255,255,.18); --accent:#ffd166; --accent-2:#4cc9f0; --on-accent:#2b1055; --hero-rgb:18,0,43; --tint-a:.5; --hero-ink:#ffffff; --deep:#12002b; --soft:#3d1a72; --field:rgba(255,255,255,.08); --foot-brand:#fff;--k1:#7b2ff7; --k2:#f107a3; --k3:#12002b; --k4:#ffd166; --k5:#4cc9f0; --k6:#ffffff;--fn:'Poppins', sans-serif; --fh:'Poppins', sans-serif; --fb:'Poppins', sans-serif; --fn-w:800; --fn-k:.78; --fn-ls:-.01em; --fh-w:700; --card-r:18px; --cd-r:14px; color-scheme: dark; }
body.t-evprestasi .page { background: radial-gradient(60% 40% at 20% 10%, rgba(241,7,163,.35), transparent 70%), radial-gradient(60% 40% at 90% 90%, rgba(76,201,240,.3), transparent 70%), linear-gradient(160deg, #2b1055, #4a1a8f 55%, #5b3fbf); }
.t-evprestasi .cover, .t-evprestasi .hero, .t-evprestasi .aside, .t-evprestasi .sec--closing, body.t-evprestasi .cover.has-photo, body.t-evprestasi .hero.has-photo, body.t-evprestasi .aside.has-photo { background: radial-gradient(60% 40% at 20% 10%, rgba(241,7,163,.35), transparent 70%), radial-gradient(60% 40% at 90% 90%, rgba(76,201,240,.3), transparent 70%), linear-gradient(160deg, #2b1055, #4a1a8f 55%, #5b3fbf); color: var(--ink); }
.t-evprestasi .sec--tint, .t-evprestasi .sec--countdown { background: linear-gradient(var(--soft), var(--soft)); }
.t-evprestasi .cover, body.t-evprestasi .cover.has-photo { place-items: center; overflow: hidden; }
.t-evprestasi .cover__inner { gap: .5rem; max-width: 340px; }
.t-evprestasi .hero, .t-evprestasi .aside, body.t-evprestasi .cover.has-photo, body.t-evprestasi .hero.has-photo, body.t-evprestasi .aside.has-photo { min-height: 100svh; place-items: center; padding: 4rem 1.6rem; overflow: hidden; }
.t-evprestasi .sec--closing { overflow: hidden; padding-block: 6rem 9rem; }
.t-evprestasi .cover__to small { color: var(--muted); }
.t-evprestasi .cover__to strong { font: 700 1.4rem/1.2 var(--fh); color: var(--ink); }
.t-evprestasi .cover .ek-frame { animation: evUp 1s var(--ease) .2s both; }
.t-evprestasi .cover .names { animation: evUp 1.1s var(--ease) .45s both; }
.t-evprestasi .cover .cover__date, .t-evprestasi .cover .cover__to { animation: evUp 1s var(--ease) .65s both; }
.t-evprestasi .cover .ibtn { animation: evUp 1s var(--ease) .85s both; }
body.t-evprestasi:not(.is-locked) .hero .ek-frame { animation: evUp 1.1s var(--ease) .2s both; }
body.t-evprestasi .sec--tint .event p, body.t-evprestasi .sec--tint .event small, body.t-evprestasi .sec--tint .event span { color: var(--muted); }
@media (max-height: 760px) { .t-evprestasi .cover .ek-frame { --fw: min(124px, 34vw); } .t-evprestasi .cover .ev-badge { --bw: 74px; } .t-evprestasi .cover__to small:last-child { display: none; } .t-evprestasi .cover__inner { gap: .3rem; } }

.t-evprestasi .cover, body.t-evprestasi .cover.has-photo { padding: 3rem 1.6rem; }
body.t-evprestasi .names { color: #fff; text-transform: uppercase; }
body.t-evprestasi .names i { color: var(--accent); font-style: normal; }
body.t-evprestasi .kicker { color: var(--accent-2); }
.t-evprestasi .ek-frame { --fw: min(170px, 46vw); --frame-bg: linear-gradient(160deg, #7b2ff7, #f107a3); filter: drop-shadow(0 0 22px rgba(241,7,163,.45)); }
.t-evprestasi .ek-frame:not(.has-photo) > i { background: linear-gradient(160deg, rgba(255,255,255,.14), rgba(255,255,255,.04)); }
.t-evprestasi .cover__to { padding: .8rem 1rem; border-radius: 16px; background: rgba(255,255,255,.08); border: 1px solid var(--line); }
.t-evprestasi .cover.is-open { transform: scale(.9); opacity: 0; transition: transform .9s ease, opacity .9s ease; pointer-events: none; }
body.t-evprestasi .ibtn--solid { background: linear-gradient(135deg, var(--k2), var(--k1)); color: #fff; }
body.t-evprestasi .countdown div { background: rgba(255,255,255,.08); border: 1px solid var(--line); }
body.t-evprestasi .countdown b { color: var(--accent); }
body.t-evprestasi .event { background: rgba(255,255,255,.07); }
body.t-evprestasi .event h3 { color: var(--accent); font-size: 1.5rem; }