:root {
    --sk-bg: #030712;
    --sk-card: #0f172a;
    --sk-primary: var(--brand-accent); /* [2026-08-24] 인디고 잔재수정 */
    --sk-text: #94a3b8;
    --sk-bright: #f8fafc;
    --sk-border: #1e293b;
}
body { background-color: var(--sk-bg); color: var(--sk-text); font-family: var(--font-sans); }
.v12-container { max-width: 800px; margin: 0 auto; padding: 120px 20px 100px; }
.calc-card { background: var(--sk-card); border: 1px solid var(--sk-border); border-radius: 24px; padding: 40px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3); }
h1 { color: var(--sk-bright); font-weight: 900; margin-bottom: 10px; text-align: center; font-size: 2rem; letter-spacing: -0.02em; }
.input-group { background: #020617; border: 1px solid var(--sk-border); border-radius: 16px; overflow: hidden; display: flex; }
.form-control { background: transparent; border: none; color: white; padding: 16px 24px; font-size: 1.1rem; flex: 1; outline: none; }
.btn-primary { background: var(--sk-primary); border: none; padding: 0 30px; font-weight: 800; color: white; transition: all 0.2s; }
.btn-primary:hover { brightness: 1.1; }
.result-box { margin-top: 30px; padding: 30px; background: rgba(99, 102, 241, 0.03); border-radius: 20px; border: 1px solid rgba(99, 102, 241, 0.1); display: none; }
.price-box { background: #020617; border: 1px solid var(--sk-border); border-radius: 16px; padding: 20px; text-align: center; }
.tech-label { font-size: 0.7rem; font-weight: 900; color: var(--sk-primary); text-transform: uppercase; margin-bottom: 5px; letter-spacing: 0.1em; }
.price-val { font-size: 1.5rem; font-weight: 900; color: #f8fafc; }
.status-msg { margin-top: 20px; font-size: 0.9rem; font-weight: 600; min-height: 1.5em; color: var(--sk-primary); }
.guide-text { margin-top: 60px; border-top: 1px solid var(--sk-border); padding-top: 40px; line-height: 1.8; color: #64748b; font-size: 0.9rem; }