@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap";:root{--bg-dark: #0f172a;--bg-card: #1e293b;--primary: #3b82f6;--accent: #60a5fa;--text-main: #f1f5f9;--text-sub: #94a3b8;--gov-blue: #003366;--card-width: 640px;--card-height: 400px}body{font-family:Noto Sans KR,sans-serif;background-color:var(--bg-dark);color:var(--text-main);margin:0;padding:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}nav{background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}.nav-logo{font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:10px;color:#fff;white-space:nowrap}.nav-logo i{color:var(--primary)}.search-container{position:relative;width:400px;max-width:100%}.search-input{width:100%;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);padding:12px 20px 12px 45px;border-radius:50px;color:#fff;font-size:.95rem;outline:none;transition:all .3s ease;box-sizing:border-box}.search-input:focus{border-color:var(--primary);box-shadow:0 0 15px #3b82f64d}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-sub)}.status-badge{background:#10b9811a;color:#10b981;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(16,185,129,.2);white-space:nowrap;display:flex;align-items:center}.container{max-width:1400px;margin:40px auto;padding:0 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:50px;justify-items:center;height:100vh;position:relative}.id-card{width:var(--card-width);height:var(--card-height);background-image:url(https://tds.fjwm.uk/주민등록증시트.png);background-size:cover;background-position:center;border-radius:16px;box-shadow:0 10px 30px #00000080;position:relative;overflow:hidden;background-color:#fff;transform-style:preserve-3d}.hologram-layer{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.1) 60%,transparent 80%);z-index:10;opacity:0;transition:opacity .3s;pointer-events:none;mix-blend-mode:overlay}.id-card:hover .hologram-layer{opacity:1}.photo-box{position:absolute;top:87px;left:30px;width:178px;height:225px;background-color:#e0e0e0;overflow:hidden;border:1px solid rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center}.photo-box img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.id-header{position:absolute;top:28px;left:50%;transform:translate(-50%);font-size:2.4rem;font-weight:900;color:#000;letter-spacing:-2px;white-space:nowrap}.info-field{position:absolute;left:230px;color:#000;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif}.name-field{top:96px;font-size:2.2rem;font-weight:900;letter-spacing:3px}.jumin-field{top:152px;font-size:1.7rem;font-weight:600;letter-spacing:1px}.addr-field{top:200px;width:370px;font-size:1.5rem;line-height:1.4;word-break:keep-all}.issue-date{position:absolute;bottom:80px;left:230px;font-size:1.2rem;color:#555;font-weight:500}.org-name{position:absolute;bottom:25px;width:100%;text-align:center;font-family:Batang,Gungsuh,serif;font-size:2.3rem;font-weight:900;color:#000}.overlay-blur{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0006;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;opacity:1;transition:opacity .5s ease}.overlay-content h3{margin:0 0 10px;font-size:1.5rem;font-weight:700}.overlay-content p{font-size:1.1rem;margin-bottom:20px}.error-btn{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .3s}.error-btn:hover{background:#dc2626}@media(max-width:768px){:root{--card-width: calc(100vw - 32px) ;--card-height: calc((100vw - 32px)/1.6) }body{overflow-x:hidden;width:100%}nav{flex-wrap:wrap;gap:10px;padding:.75rem 1rem;width:100%;box-sizing:border-box}.nav-logo{width:auto;flex-grow:1;order:1;font-size:1.1rem}.status-badge{position:static;margin-left:auto;order:2;margin-top:0;transform:none;font-size:.7rem;padding:4px 8px}.search-container{width:100%;order:3;margin-top:5px}.container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 16px;margin-top:20px;height:auto;width:100%;box-sizing:border-box;overflow-x:hidden}.id-card{width:var(--card-width)!important;height:var(--card-height)!important;max-width:100%}.photo-box{top:47.85px;left:16.5px;width:97.9px;height:calc(225px * .55)}.id-header{top:calc(28px * .55);font-size:1.3rem;letter-spacing:-1px}.info-field{left:calc(230px * .55)}.name-field{top:calc(96px * .55);font-size:1.2rem;letter-spacing:1px}.jumin-field{top:calc(152px * .55);font-size:1rem;letter-spacing:0}.addr-field{top:calc(200px * .55);width:calc(370px * .55);font-size:.85rem;line-height:1.3}.issue-date{bottom:44px;left:calc(230px * .55);font-size:.7rem}.org-name{bottom:calc(25px * .55);font-size:1.3rem}.card-stack-container{padding-top:20px!important;padding-bottom:40px!important}.animation-wrapper{gap:20px!important}.card-motion-wrapper{width:var(--card-width)!important;height:var(--card-height)!important}}@keyframes blink{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.blink-text{animation:blink 2s infinite ease-in-out}@media(max-width:768px){.modal-overlay{align-items:flex-start!important;overflow-y:auto!important;padding:20px 16px!important;-webkit-overflow-scrolling:touch}.modal-content-wrapper{flex-direction:column!important;gap:15px!important;height:auto!important;overflow-y:visible!important;padding:0!important;margin:0;width:100%;max-width:100%;overflow-x:hidden;align-items:center!important;transform:translate(-5%)}.modal-card-scale{transform:none!important;margin:0!important;width:100%!important;display:flex;justify-content:center}.modal-card-scale .id-card{width:100%!important;height:auto!important;aspect-ratio:640/400;max-width:400px;max-height:250px}.modal-profile-panel{width:100%!important;max-width:340px!important;padding:20px!important;box-sizing:border-box}.modal-profile-panel>div:nth-child(2){width:180px!important;height:240px!important}}