@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap";:root{--primary:#ff69b4;--primary-hover:#ff3c9e;--bg-color:#fff;--text-color:#333;--gray-bg:#f5f5f5;--border-radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Noto Sans KR,sans-serif;display:flex}#root{flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #0000000d}.page-container{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px 20px;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{word-break:keep-all;margin-bottom:2rem;font-size:1.5rem;font-weight:700;line-height:1.4}button.primary{background-color:var(--primary);color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;width:100%;max-width:320px;padding:16px 24px;font-size:1.1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #ff69b44d}button.primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #ff69b466}button.primary:active{transform:translateY(0)}button.secondary{background-color:var(--bg-color);color:var(--primary);border:2px solid var(--primary);border-radius:var(--border-radius);cursor:pointer;width:100%;max-width:320px;padding:14px 24px;font-size:1.1rem;font-weight:700;transition:all .2s}button.secondary:hover{background-color:#ff69b40d}.notice{color:#888;word-break:keep-all;margin-top:1.5rem;font-size:.75rem;line-height:1.5}.loader-container{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:2rem;display:flex;position:relative}.spinner{border:8px solid #ff69b41a;border-top-color:var(--primary);border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin}.spinner-icon{color:var(--primary);animation:1.5s ease-in-out infinite pulse;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.fade-text{color:var(--primary);font-size:1.2rem;font-weight:700;animation:3s infinite fadeInOut}@keyframes fadeInOut{0%,to{opacity:.2}50%{opacity:1}}