.sso-demo[data-v-2c7aed76]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.demo-container[data-v-2c7aed76]{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 20px rgba(0,0,0,.1)}h1[data-v-2c7aed76]{color:#2c3e50;text-align:center;margin-bottom:20px;font-size:28px}.description[data-v-2c7aed76]{color:#7f8c8d;line-height:1.6;margin-bottom:30px;text-align:center}.demo-section[data-v-2c7aed76]{margin-bottom:40px;padding:20px;border:1px solid #ecf0f1;border-radius:8px;background:#fafbfc}.demo-section h3[data-v-2c7aed76]{color:#34495e;margin-bottom:20px;font-size:20px}.button-group[data-v-2c7aed76]{display:flex;gap:12px;flex-wrap:wrap}.demo-btn[data-v-2c7aed76]{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;background:#ecf0f1;color:#2c3e50}.demo-btn[data-v-2c7aed76]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.demo-btn.primary[data-v-2c7aed76]{background:#3498db;color:#fff}.demo-btn.primary[data-v-2c7aed76]:hover{background:#2980b9}.form-group[data-v-2c7aed76]{margin-bottom:16px}.form-group label[data-v-2c7aed76]{display:block;margin-bottom:6px;color:#2c3e50;font-weight:500}.form-control[data-v-2c7aed76]{width:100%;padding:10px 12px;border:1px solid #bdc3c7;border-radius:4px;font-size:14px;transition:border-color .3s ease}.form-control[data-v-2c7aed76]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,.2)}.usage-info[data-v-2c7aed76]{background:#fff;padding:20px;border-radius:6px;border-left:4px solid #3498db}.usage-info h4[data-v-2c7aed76]{color:#2c3e50;margin-bottom:12px;font-size:16px}.usage-info ul[data-v-2c7aed76]{margin-bottom:20px;padding-left:20px}.usage-info li[data-v-2c7aed76]{margin-bottom:8px;line-height:1.5;color:#5a6c7d}.usage-info code[data-v-2c7aed76]{background:#f8f9fa;padding:2px 6px;border-radius:3px;font-family:Monaco,Consolas,monospace;font-size:13px;color:#e74c3c}@media (max-width:768px){.demo-container[data-v-2c7aed76]{padding:20px;margin:10px}.button-group[data-v-2c7aed76]{flex-direction:column}.demo-btn[data-v-2c7aed76]{width:100%}h1[data-v-2c7aed76]{font-size:24px}}