#loginPage[data-login-design="prism"]{width:100%;font-family:'Noto Sans KR','Malgun Gothic',system-ui,sans-serif;color:#28253f;background:transparent}
  #loginPage[data-login-design="prism"] *{box-sizing:border-box}
  #loginPage[data-login-design="prism"] [hidden]{display:none!important}
  #loginPage[data-login-design="prism"] .hp-window{--hp-mx:0;--hp-my:0;--hp-pin-count:0;position:relative;isolation:isolate;container-type:inline-size;width:100%;margin:auto;overflow:hidden;border:1px solid #ded8ed;border-radius:24px;background:#f6f3fc;color-scheme:light}
  #loginPage[data-login-design="prism"] .hp-window[data-device="mobile"]{max-width:390px}
  #loginPage[data-login-design="prism"] .hp-scenery{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 10% 17%,#e4e1ff 0,transparent 43%),radial-gradient(ellipse at 96% 63%,#e8dfff 0,transparent 48%),radial-gradient(ellipse at 21% 87%,#dbf5f1 0,transparent 48%),#f9f7ff}
  #loginPage[data-login-design="prism"] .hp-aurora{position:absolute;inset:-22%;background:conic-gradient(from 24deg at 48% 49%,#d9bcff00,#dac7ff88,#c3f4ed88,#ffedcf99,#edbeef99,#d9bcff00);filter:blur(35px);animation:hp-aurora 23s linear infinite;opacity:.8}
  #loginPage[data-login-design="prism"] .hp-grid{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(#a09cba26 1px,transparent 1px),linear-gradient(90deg,#a09cba26 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,transparent 23%,#000 90%)}
  #loginPage[data-login-design="prism"] .hp-caustics{position:absolute;inset:0;width:100%;height:100%;opacity:.66}
  #loginPage[data-login-design="prism"] .hp-wordmark{position:absolute;left:-.035em;top:32%;width:100%;font-size:clamp(120px,24cqw,270px);font-weight:700;letter-spacing:-.08em;line-height:1;color:#ffffffab;text-shadow:0 1px 0 #b8a7d63d;white-space:nowrap;text-align:center;transform:translate(calc(var(--hp-mx)*-5px),calc(var(--hp-my)*-5px))}
  #loginPage[data-login-design="prism"] .hp-ring-stage{position:absolute;left:50%;top:48%;width:640px;height:640px;transform:translate(-50%,-50%) translate(calc(var(--hp-mx)*15px),calc(var(--hp-my)*10px));perspective:1100px}
  #loginPage[data-login-design="prism"] .hp-ring{position:absolute;inset:0;border-radius:50%;border:33px solid transparent;background:linear-gradient(#efecff,#efecff) padding-box,conic-gradient(from 10deg,#b6a0ea,#fffaff 12%,#9ad7df 22%,#eeeaff 30%,#d5b6ec 40%,#fffcdb 50%,#a8daed 64%,#fff 72%,#dfb7ef 86%,#b6a0ea) border-box;box-shadow:inset 0 0 12px #fff,0 5px 14px #bcb0d677,inset 0 0 55px #a3a0d433,0 20px 80px #cab8e644;transform:rotateX(58deg) rotateY(-17deg) rotateZ(-25deg);animation:hp-ring-tilt 17s ease-in-out infinite}
  #loginPage[data-login-design="prism"] .hp-ring:before{content:'';position:absolute;inset:-23px;border-radius:50%;border:1px solid #fff9;box-shadow:0 0 0 7px #fff2,inset 0 0 0 3px #ffffff61}
  #loginPage[data-login-design="prism"] .hp-ring:after{content:'';position:absolute;inset:-48px;border:1px solid #b3a2d86b;border-radius:50%;box-shadow:0 0 0 11px #ffffff57;transform:rotateX(8deg) rotateY(10deg)}
  #loginPage[data-login-design="prism"] .hp-float{position:absolute;transform:translate(calc(var(--hp-mx)*var(--hp-depth,18px)),calc(var(--hp-my)*var(--hp-depth,18px)));filter:drop-shadow(0 23px 18px #826da027)}
  #loginPage[data-login-design="prism"] .hp-float-a{left:7%;top:22%;width:126px;height:148px;--hp-depth:-24px;perspective:700px}
  #loginPage[data-login-design="prism"] .hp-crystal{position:absolute;inset:0;transform-style:preserve-3d;animation:hp-crystal-turn 19s ease-in-out infinite}
  #loginPage[data-login-design="prism"] .hp-crystal span{position:absolute;inset:0;clip-path:polygon(50% 0,100% 33%,91% 80%,50% 100%,0 65%,7% 20%);background:conic-gradient(from 10deg at 48% 48%,#bcd2ffc9,#fcffffcc,#d9b6fbb5,#ffffffe8,#aee7e4bd,#fbe8eccc,#bcd2ffc9);border:1px solid #fff;transform:rotateY(15deg) rotateZ(-12deg)}
  #loginPage[data-login-design="prism"] .hp-crystal span:before{content:'';position:absolute;inset:0;clip-path:polygon(50% 0,49% 51%,100% 33%);background:linear-gradient(50deg,#ab9eda88,#fff);box-shadow:0 0 0 1px #fff}
  #loginPage[data-login-design="prism"] .hp-crystal span:after{content:'';position:absolute;inset:0;clip-path:polygon(49% 51%,91% 80%,50% 100%);background:linear-gradient(120deg,#ffffffff,#8979d49c)}
  #loginPage[data-login-design="prism"] .hp-crystal span:nth-child(2){opacity:.5;transform:translateZ(-20px) rotateY(25deg) rotateZ(9deg);filter:hue-rotate(50deg)}
  #loginPage[data-login-design="prism"] .hp-float-b{right:7%;top:61%;width:112px;height:112px;--hp-depth:27px;perspective:600px}
  #loginPage[data-login-design="prism"] .hp-cube{position:absolute;inset:9px;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(-35deg) rotateZ(12deg);animation:hp-cube-turn 25s linear infinite}
  #loginPage[data-login-design="prism"] .hp-cube span{position:absolute;inset:0;border:1px solid #fff9;border-radius:5px;background:linear-gradient(133deg,#ffffffa3,#c3c0f38f 42%,#f0bdd25c 72%,#d2fff099);box-shadow:inset 0 0 28px #fff8;backface-visibility:visible}
  #loginPage[data-login-design="prism"] .hp-cube span:nth-child(1){transform:translateZ(47px)}
  #loginPage[data-login-design="prism"] .hp-cube span:nth-child(2){transform:rotateY(90deg) translateZ(47px)}
  #loginPage[data-login-design="prism"] .hp-cube span:nth-child(3){transform:rotateY(180deg) translateZ(47px)}
  #loginPage[data-login-design="prism"] .hp-cube span:nth-child(4){transform:rotateY(-90deg) translateZ(47px)}
  #loginPage[data-login-design="prism"] .hp-cube span:nth-child(5){transform:rotateX(90deg) translateZ(47px)}
  #loginPage[data-login-design="prism"] .hp-cube span:nth-child(6){transform:rotateX(-90deg) translateZ(47px)}
  #loginPage[data-login-design="prism"] .hp-float-c{right:11%;top:18%;width:73px;height:73px;--hp-depth:32px}
  #loginPage[data-login-design="prism"] .hp-pearl{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 34% 26%,#fff 0 6%,#fff7 14%,transparent 22%),radial-gradient(circle at 34% 32%,#fbfaff 0 16%,#e6d8fc 37%,#a8dce8 58%,#b5a3e7 77%,#fff 95%);box-shadow:inset -6px -10px 12px #bda1e980,inset 4px 3px 8px #fff;animation:hp-pearl-float 9s ease-in-out infinite}
  #loginPage[data-login-design="prism"] .hp-float-d{left:11%;top:71%;width:56px;height:56px;--hp-depth:-15px}
  #loginPage[data-login-design="prism"] .hp-float-d .hp-pearl{filter:hue-rotate(52deg);animation-delay:-4s}
  #loginPage[data-login-design="prism"] .hp-ribbon{position:absolute;width:640px;height:150px;left:calc(50% - 320px);bottom:18px;border:1px solid #fff9;border-radius:50%;background:linear-gradient(180deg,#ffffffe8,#e1bff53b 40%,#bdeee965 75%,#ffffff00);transform:rotate(-19deg) rotateX(66deg);filter:blur(.4px);animation:hp-ribbon-wave 13s ease-in-out infinite}
  #loginPage[data-login-design="prism"] .hp-ribbon:after{content:'';position:absolute;inset:15px;border:1px solid #fff;border-radius:50%;box-shadow:0 0 15px #fff}
  #loginPage[data-login-design="prism"] .hp-header{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:25px 30px}
  #loginPage[data-login-design="prism"] .hp-brand{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.055em;font-weight:700;color:#393251}
  #loginPage[data-login-design="prism"] .hp-brand-mark{width:34px;height:34px;display:grid;place-items:center;background:#fff;border:1px solid #ffffff;border-radius:11px;box-shadow:0 5px 15px #8974b223;color:#6b51a3}
  #loginPage[data-login-design="prism"] .hp-brand-mark svg{width:22px;height:22px}
  #loginPage[data-login-design="prism"] .hp-brand-meta{display:block;font-size:11px;letter-spacing:.1em;line-height:1.4;font-weight:500;color:#756985;margin-top:1px}
  #loginPage[data-login-design="prism"] button,#loginPage[data-login-design="prism"] input,#loginPage[data-login-design="prism"] select{font-family:inherit}
  #loginPage[data-login-design="prism"] button{cursor:pointer}
  #loginPage[data-login-design="prism"] .hp-main{position:relative;display:grid;place-items:center;padding:16px 30px 47px;perspective:1400px}
  #loginPage[data-login-design="prism"] .hp-stack{position:relative;width:100%;max-width:380px;isolation:isolate}
  #loginPage[data-login-design="prism"] .hp-glass-back{position:absolute;inset:-8px -16px;z-index:-2;border:1px solid #ffffff;border-radius:31px;background:linear-gradient(135deg,#ffffffab,#f6e4ff43 42%,#f3fffd99);box-shadow:0 20px 55px #9986bb24;transform:rotate(-5deg) translate(calc(var(--hp-mx)*-6px),calc(var(--hp-my)*-6px));backdrop-filter:blur(16px)}
  #loginPage[data-login-design="prism"] .hp-glass-back:after{content:'';position:absolute;inset:9px;border:1px solid #fff9;border-radius:25px}
  #loginPage[data-login-design="prism"] .hp-glass-side{position:absolute;inset:9px -10px -7px;z-index:-1;border:1px solid #fff;border-radius:30px;transform:rotate(4deg) translate(calc(var(--hp-mx)*4px),calc(var(--hp-my)*4px));background:linear-gradient(30deg,#cfeee883,#fff9,#eccdfc60);box-shadow:4px 6px 14px #a893c414}
  #loginPage[data-login-design="prism"] .hp-panel{position:relative;border-radius:27px;padding:30px 31px 24px;border:1px solid #fff;background:#fff;box-shadow:0 25px 62px #84719d24,0 3px 10px #7564870c;overflow:hidden}
  #loginPage[data-login-design="prism"] .hp-panel:before{content:'';pointer-events:none;position:absolute;top:0;left:0;right:0;height:150px;background:radial-gradient(ellipse at calc(50% + var(--hp-mx)*25%) -40%,#e4cdf97d 0,#d8f7f02c 35%,transparent 76%)}
  #loginPage[data-login-design="prism"] .hp-panel:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from 45deg,#ffffff,#d7c4ed,#bfe8e5,#fff,#e9d0f2,#fff);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.9}
  #loginPage[data-login-design="prism"] .hp-form{position:relative}
  #loginPage[data-login-design="prism"] .hp-form-heading{text-align:center;margin-bottom:22px}
  #loginPage[data-login-design="prism"] .hp-emblem-wrap{display:grid;place-items:center;margin:0 auto 16px;width:55px;height:55px;perspective:300px}
  #loginPage[data-login-design="prism"] .hp-emblem{width:49px;height:49px;border-radius:15px;display:grid;place-items:center;color:#72509b;border:1px solid #fff;background:linear-gradient(138deg,#fff,#efdbfa 36%,#d6f2ed 79%,#fff);box-shadow:0 7px 17px #b9a3d34f,inset 0 1px 5px #fff;transform:rotate(-8deg) rotateY(calc(var(--hp-mx)*18deg));animation:hp-emblem-drift 8s ease-in-out infinite}
  #loginPage[data-login-design="prism"] .hp-emblem svg{width:25px;height:25px}
  #loginPage[data-login-design="prism"] .hp-kicker{font-size:11px;font-weight:600;letter-spacing:.2em;color:#7f639d;margin:0 0 8px;line-height:1.5}
  #loginPage[data-login-design="prism"] h1{font:700 27px/1.5 'Noto Sans KR','Malgun Gothic',system-ui,sans-serif;letter-spacing:-.065em;color:#342944;margin:0 0 4px;word-break:keep-all}
  #loginPage[data-login-design="prism"] .hp-subtitle{font-size:12px;color:#7b6e87;line-height:1.8;margin:0;word-break:keep-all}
  #loginPage[data-login-design="prism"] .hp-languages{display:grid;grid-template-columns:1fr 1fr;background:#f6f3fa;border:1px solid #ece6f2;border-radius:11px;padding:3px;gap:3px;margin-bottom:23px}
  #loginPage[data-login-design="prism"] .hp-language{min-height:36px;border:0;border-radius:8px;background:transparent;color:#776d84;font-size:12px;line-height:1.5;padding:7px 8px;transition:background .25s,box-shadow .25s,color .25s}
  #loginPage[data-login-design="prism"] .hp-language.active{background:#fff;color:#77529e;box-shadow:0 2px 5px #9886b021;font-weight:600}
  #loginPage[data-login-design="prism"] .hp-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#564362;font-size:12px;font-weight:600;line-height:1.6;margin-bottom:8px}
  #loginPage[data-login-design="prism"] .hp-label-hint{font-size:11px;font-weight:400;color:#766680}
  #loginPage[data-login-design="prism"] .hp-select{display:block;width:100%;min-width:0;height:47px;padding:10px 12px;border:1px solid #ded5e8;border-radius:10px;background:#fdfcfe;color:#564462;font-size:16px;line-height:1.5;margin-bottom:19px;transition:box-shadow .3s,border-color .3s}
  #loginPage[data-login-design="prism"] .hp-select:focus{border-color:#9e7ac5;box-shadow:0 0 0 4px #d9c4ef3d}
  #loginPage[data-login-design="prism"] .hp-pins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:8px}
  #loginPage[data-login-design="prism"] .hp-pin{width:100%;min-width:0;height:56px;border:1px solid #ded5e8;border-radius:11px;background:#faf8fc;text-align:center;font-size:24px;color:#6c448e;padding:8px;caret-color:#775099;transition:background .3s,box-shadow .3s,border-color .3s,transform .3s}
  #loginPage[data-login-design="prism"] .hp-pin::placeholder{color:#cbbfd6;opacity:1}
  #loginPage[data-login-design="prism"] .hp-pin:focus{border-color:#ac84cf;background:#fff;box-shadow:0 0 0 4px #dbc4f147,0 6px 15px #cdb1dd2e;transform:translateY(-2px)}
  #loginPage[data-login-design="prism"] .hp-pin.filled{border-color:#b18ad1;background:linear-gradient(150deg,#f2e9fc,#effbf8);box-shadow:inset 0 1px 5px #fff,0 3px 8px #ac8ccd21}
  #loginPage[data-login-design="prism"] .hp-light-track{height:2px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 8px;margin-bottom:9px}
  #loginPage[data-login-design="prism"] .hp-light-track span{height:2px;background:#ede5f4;border-radius:8px;transition:background .4s,box-shadow .4s}
  #loginPage[data-login-design="prism"] .hp-light-track span[data-lit="true"]{background:#a27bc6;box-shadow:0 0 8px #c4a1e9}
  #loginPage[data-login-design="prism"] .hp-remember{display:flex;align-items:center;gap:9px;font-size:11px;color:#7b6a86;min-height:39px;line-height:1.7;cursor:pointer;margin-bottom:11px}
  #loginPage[data-login-design="prism"] .hp-remember input{appearance:auto;accent-color:#8960ad;width:15px;height:15px;margin:0;flex:none}
  #loginPage[data-login-design="prism"] .hp-submit{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:49px;padding:12px 15px;display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #896aa5;border-radius:11px;color:#fff;background:linear-gradient(105deg,#775197,#9c73b8 54%,#775899);font-size:14px;font-weight:600;line-height:1.6;box-shadow:0 7px 17px #906aae36,inset 0 1px 0 #ffffff50;transition:transform .25s,box-shadow .25s}
  #loginPage[data-login-design="prism"] .hp-submit:before{content:'';position:absolute;z-index:-1;inset:-60px;background:linear-gradient(110deg,transparent 35%,#ffffff30 47%,#ffe3ff50 50%,transparent 63%);transform:translateX(-90%);animation:hp-button-sheen 6.5s ease-in-out infinite}
  #loginPage[data-login-design="prism"] .hp-submit:hover{transform:translateY(-2px);box-shadow:0 10px 24px #a283bf66}
  #loginPage[data-login-design="prism"] .hp-submit:active{transform:translateY(1px)}
  #loginPage[data-login-design="prism"] .hp-submit svg{width:16px;height:16px;transition:transform .3s}
  #loginPage[data-login-design="prism"] .hp-submit:hover svg{transform:translateX(4px)}
  #loginPage[data-login-design="prism"] .hp-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff5;pointer-events:none;animation:hp-ripple-spread .85s ease-out forwards}
  #loginPage[data-login-design="prism"] .hp-help{font-size:11px;line-height:1.8;color:#776481;text-align:center;margin:15px 0 0;word-break:keep-all}
  #loginPage[data-login-design="prism"] .hp-feedback{font-size:12px;line-height:1.8;margin:0 0 13px;padding:10px 12px;border-radius:9px;word-break:keep-all}
  #loginPage[data-login-design="prism"] .hp-feedback[data-kind="error"]{background:#fff2f3;color:#9b3a50;border:1px solid #efc9d0}
  #loginPage[data-login-design="prism"] .hp-feedback[data-kind="complete"]{background:#effaf4;color:#326d55;border:1px solid #c5e6d4}
  #loginPage[data-login-design="prism"] .hp-success-ring{position:absolute;pointer-events:none;inset:-15px;z-index:-1;border:2px solid #d1b1ec;border-radius:38px;opacity:0}
  #loginPage[data-login-design="prism"] .hp-stack[data-celebrate="true"] .hp-success-ring{animation:hp-success-wave 1.4s ease-out}
  #loginPage[data-login-design="prism"] .hp-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 30px 21px;color:#746280;font-size:11px;line-height:1.6}
  #loginPage[data-login-design="prism"] .hp-footer-brand{letter-spacing:.12em;font-size:11px}
  #loginPage[data-login-design="prism"] .hp-footer span:last-child{border:1px solid #ddd1e9;border-radius:5px;background:#ffffff8c;padding:3px 7px}
  #loginPage[data-login-design="prism"] .hp-window[data-paused="true"] *,#loginPage[data-login-design="prism"] .hp-window[data-paused="true"] *:before,#loginPage[data-login-design="prism"] .hp-window[data-paused="true"] *:after{animation-play-state:paused!important}
  @keyframes hp-aurora{to{transform:rotate(360deg)}}
  @keyframes hp-ring-tilt{0%,100%{transform:rotateX(58deg) rotateY(-17deg) rotateZ(-25deg)}50%{transform:rotateX(40deg) rotateY(14deg) rotateZ(20deg)}}
  @keyframes hp-crystal-turn{0%,100%{transform:rotateY(-18deg) rotateZ(-8deg) translateY(0)}50%{transform:rotateY(29deg) rotateZ(12deg) translateY(-24px)}}
  @keyframes hp-cube-turn{from{transform:rotateX(-22deg) rotateY(-35deg) rotateZ(12deg)}to{transform:rotateX(338deg) rotateY(325deg) rotateZ(12deg)}}
  @keyframes hp-pearl-float{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-22px) rotate(17deg)}}
  @keyframes hp-ribbon-wave{0%,100%{transform:rotate(-19deg) rotateX(66deg)}50%{transform:translateY(-24px) rotate(12deg) rotateX(71deg)}}
  @keyframes hp-emblem-drift{0%,100%{transform:rotate(-8deg) rotateY(-8deg)}50%{transform:rotate(5deg) rotateY(10deg) translateY(-4px)}}
  @keyframes hp-button-sheen{0%,44%{transform:translateX(-90%)}76%,100%{transform:translateX(90%)}}
  @keyframes hp-ripple-spread{to{transform:scale(40);opacity:0}}
  @keyframes hp-success-wave{0%{opacity:.8;transform:scale(.97)}100%{opacity:0;transform:scale(1.2)}}
  @container(max-width:640px){
    #loginPage[data-login-design="prism"] .hp-header{padding:22px 24px 24px}
    #loginPage[data-login-design="prism"] .hp-main{padding:12px 25px 44px}
    #loginPage[data-login-design="prism"] .hp-ring-stage{width:560px;height:560px;top:48%}
    #loginPage[data-login-design="prism"] .hp-float-a{left:-30px;top:21%;width:100px;height:118px}
    #loginPage[data-login-design="prism"] .hp-float-b{right:-40px;top:67%;transform:scale(.7)}
    #loginPage[data-login-design="prism"] .hp-float-c{right:0;top:9%;width:47px;height:47px}
    #loginPage[data-login-design="prism"] .hp-float-d{left:-12px;top:84%;width:44px;height:44px}
    #loginPage[data-login-design="prism"] .hp-wordmark{font-size:30cqw;top:37%}
    #loginPage[data-login-design="prism"] .hp-footer{padding:0 24px 20px}
  }
  @container(max-width:400px){
    #loginPage[data-login-design="prism"] .hp-header{padding:19px 17px 24px;gap:10px}
    #loginPage[data-login-design="prism"] .hp-brand{font-size:16px;gap:8px}
    #loginPage[data-login-design="prism"] .hp-brand-meta{font-size:11px;letter-spacing:.04em}
    #loginPage[data-login-design="prism"] .hp-main{padding:6px 21px 35px}
    #loginPage[data-login-design="prism"] .hp-panel{padding:25px 22px 23px;border-radius:23px}
    #loginPage[data-login-design="prism"] .hp-glass-back{inset:-6px -9px;transform:rotate(-3deg);border-radius:25px}
    #loginPage[data-login-design="prism"] .hp-glass-side{inset:8px -7px -7px;transform:rotate(3deg)}
    #loginPage[data-login-design="prism"] h1{font-size:24px}
    #loginPage[data-login-design="prism"] .hp-subtitle{font-size:11px}
    #loginPage[data-login-design="prism"] .hp-form-heading{margin-bottom:19px}
    #loginPage[data-login-design="prism"] .hp-pins{gap:8px}
    #loginPage[data-login-design="prism"] .hp-pin{height:53px}
    #loginPage[data-login-design="prism"] .hp-footer{padding:0 17px 20px;flex-wrap:wrap;font-size:11px}
  }
  @media(pointer:coarse){#loginPage[data-login-design="prism"] .hp-language,#loginPage[data-login-design="prism"] .hp-remember{min-height:44px}}
  @media(prefers-reduced-motion:reduce){#loginPage[data-login-design="prism"] *,#loginPage[data-login-design="prism"] *:before,#loginPage[data-login-design="prism"] *:after{animation:none!important;transition:none!important}}