@charset "UTF-8";.hsc--kimlik .hk-sheet{left: 154px;top: 44px;width: 214px;height: 272px;z-index: 2;border-radius: 14px;padding: 20px;overflow: hidden;animation: hkIn 1.2s var(--ease) both}.hsc--kimlik .hk-sheet::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 5px;background: linear-gradient(to bottom,var(--c1),var(--c3))}.hsc--kimlik .hk-lock{display: flex;align-items: center;gap: 9px}.hsc--kimlik .hk-lock .hsc-ico{width: 30px;height: 30px}.hsc--kimlik .hk-lock b{font-size: 13px;font-weight: 600;color: var(--ink-900);letter-spacing: -.02em}.hsc--kimlik .hk-lock em{display: block;font-style: normal;font-size: 8.5px;letter-spacing: .16em;text-transform: uppercase;color: var(--ink-300)}.hsc--kimlik .hk-rules{margin-top: 20px;display: grid;gap: 8px}.hsc--kimlik .hk-rules i{height: 6px;border-radius: 99px;background: var(--mist-2);animation: hkIn 1.2s var(--ease) var(--dly) both}.hsc--kimlik .hk-spec{margin-top: 18px;padding-top: 14px;border-top: 1px solid var(--line-soft);display: flex;align-items: baseline;gap: 10px}.hsc--kimlik .hk-spec b{font-size: 38px;line-height: 1;font-weight: 600;letter-spacing: -.05em;color: var(--c3)}.hsc--kimlik .hk-spec span{font-size: 10px;color: var(--ink-400)}.hsc--kimlik .hk-card{left: 40px;top: 222px;width: 182px;height: 108px;z-index: 5;border-radius: 13px;overflow: hidden}.hsc--kimlik .hk-card > span{position: absolute;inset: 0;padding: 15px;display: flex;flex-direction: column;justify-content: space-between;background: #fff;animation: hkFlip 8s var(--ease) infinite both}.hsc--kimlik .hk-card .hk-back b{font-size: 12px;font-weight: 600}.hsc--kimlik .hk-card .hk-back i{display: block;width: 46px;height: 46px;border-radius: 12px;background: rgba(255,255,255,.22)}.hsc--kimlik .hk-card .hk-nm{font-size: 12px;font-weight: 600;color: var(--ink-900)}.hsc--kimlik .hk-card .hk-rl{font-size: 9px;letter-spacing: .12em;text-transform: uppercase;color: var(--ink-300)}.hsc--kimlik .hk-card .hk-cn{display: grid;gap: 5px}.hsc--kimlik .hk-card .hk-cn i{height: 5px;width: 70%;border-radius: 99px;background: var(--mist-2)}.hsc--kimlik .hk-card .hk-cn i:last-child{width: 52%}.hsc--kimlik .hk-tok{right: 22px;bottom: 48px;width: 176px;padding: 13px;z-index: 5}.hsc--kimlik .hk-sw{display: flex;gap: 7px;margin-top: 10px}.hsc--kimlik .hk-sw span{flex: 1;height: 38px;border-radius: 9px;position: relative;overflow: hidden;animation: hkTok 6s var(--ease) infinite;animation-delay: var(--dly)}.hsc--kimlik .hk-sw span::after{content: attr(data-h);position: absolute;left: 0;right: 0;bottom: 4px;text-align: center;font-size: 6.5px;font-weight: 600;color: rgba(255,255,255,.9);letter-spacing: .02em}.hsc--kimlik .hk-env{left: 24px;top: 86px;width: 124px;height: 86px;z-index: 4;border-radius: 11px;overflow: hidden;background: linear-gradient(160deg,#fff,color-mix(in srgb,var(--c1) 14%,#fff))}.hsc--kimlik .hk-env::before{content: "";position: absolute;left: 0;right: 0;top: 0;height: 46px;background: color-mix(in srgb,var(--c1) 24%,#fff);clip-path: polygon(0 0,100% 0,50% 100%);border-bottom: 1px solid var(--line)}.hsc--kimlik .hk-env::after{content: "";position: absolute;left: 12px;bottom: 12px;width: 44px;height: 6px;border-radius: 99px;background: var(--mist-2)}.hsc--kimlik .hk-c1{right: 26px;top: 16px;z-index: 6}.hsc--kimlik .hk-c2{left: 20px;bottom: 30px;z-index: 6}@keyframes hkIn{from{opacity: 0;transform: translateY(18px) rotate(-1.5deg)}to{opacity: 1;transform: none}}@keyframes hkFlip{0%,44%{opacity: 1;transform: rotateY(0)}50%,94%{opacity: 0;transform: rotateY(-90deg)}100%{opacity: 1;transform: rotateY(0)}}@keyframes hkTok{0%,100%{transform: translateY(0);box-shadow: none}40%{transform: translateY(-6px);box-shadow: 0 10px 18px -8px rgba(16,32,70,.45)}}