@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--primary-color:#313f70;--primary-hover:#26325a;--secondary-color:#e46b5a;--secondary-hover:#cf5c4d;--bg-color:#eef2f6;--card-bg:#fff;--text-color:#333}body{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;display:flex}.portal-container{width:100%;max-width:480px;padding:20px}.login-card{background-color:var(--card-bg);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0000001a}.header{background-color:var(--primary-color);text-align:center;z-index:10;border-radius:30px;margin:-10px -10px 0;padding:24px;position:relative}.title{color:#fff;letter-spacing:1px;margin:0;font-size:22px;font-weight:700}.content{padding:40px 35px 30px}.auth-header{align-items:center;margin-bottom:20px;display:flex}.auth-icon{width:24px;height:24px;color:var(--text-color);margin-right:8px}.auth-header h3{color:var(--text-color);margin:0;font-size:18px;font-weight:700}.form-group{margin-bottom:12px}.form-control{box-sizing:border-box;border:1px solid #dcdcdc;border-radius:8px;width:100%;padding:14px 15px;font-family:inherit;font-size:15px;transition:border-color .2s}.form-control:focus{border-color:var(--primary-color);outline:none}.form-control::placeholder{color:#a0a0a0}.btn{cursor:pointer;color:#fff;box-sizing:border-box;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.btn-primary{background-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-color)}.btn-secondary:hover{background-color:var(--secondary-hover)}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.help-links p{color:var(--primary-color);cursor:pointer;margin:8px 0;font-size:14px;font-weight:500}.info-box{color:#555;text-align:center;background-color:#f4f6f9;border-radius:6px;margin-bottom:30px;padding:12px;font-size:13px}.footer-links{color:#666;border-top:1px solid #eee;justify-content:space-between;padding-top:20px;font-size:13px;display:flex}.text-blue{color:#4a6ee0;cursor:pointer;font-weight:600}.right-links span{cursor:pointer;margin-left:15px}.welcome-box{text-align:center;margin-bottom:30px}.welcome-box h3{color:var(--primary-color);margin:0 0 10px;font-size:22px}.welcome-box p{color:#666;margin:0}.system-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.system-card{text-align:center;cursor:pointer;background-color:#f8f9fb;border:1px solid #e2e6ea;border-radius:12px;padding:25px 15px;transition:all .2s}.system-card:hover{border-color:var(--primary-color);background-color:#fff;transform:translateY(-4px);box-shadow:0 8px 20px #0000000f}.system-icon{margin-bottom:12px;font-size:36px}.system-card h4{color:var(--primary-color);margin:0 0 6px;font-size:15px;font-weight:700}.system-card p{color:#888;margin:0;font-size:12px}.placeholder{opacity:.5;cursor:not-allowed;filter:grayscale()}.placeholder:hover{box-shadow:none;background-color:#f8f9fb;border-color:#e2e6ea;transform:none}.btn-logout{color:#495057;background-color:#f1f3f5}.btn-logout:hover{background-color:#e9ecef}