.demo-entry-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 3rem;background:var(--bg-base,#f4f6f8);gap:2rem}.demo-entry-hero{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;margin-top:2rem}.demo-entry-logo{font-size:4rem;color:var(--primary,#1976d2)}.demo-entry-title{font-size:2rem;font-weight:700;color:var(--text-primary,#212121);margin:0}.demo-entry-subtitle{font-size:1.1rem;color:var(--text-secondary,#555);max-width:480px;margin:0}.demo-entry-profiles{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:560px}.demo-profile-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card,#ffffff);border:1px solid var(--border-color,#dde3ea);border-radius:10px;cursor:pointer;transition:box-shadow .15s,border-color .15s;text-align:left;width:100%}.demo-profile-card:hover:not(:disabled){border-color:var(--primary,#1976d2);box-shadow:0 2px 8px rgba(25,118,210,.15)}.demo-profile-card:disabled {opacity:.6;cursor:not-allowed}.demo-profile-icon{font-size:2rem;color:var(--primary,#1976d2);flex-shrink:0}.demo-profile-info{display:flex;flex-direction:column;flex:1;gap:.2rem}.demo-profile-title{font-size:1rem;font-weight:600;color:var(--text-primary,#212121)}.demo-profile-desc{font-size:.85rem;color:var(--text-secondary,#666)}.demo-profile-arrow{font-size:1.4rem;color:var(--text-muted,#aaa);flex-shrink:0}.demo-entry-footer{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:560px}.demo-entry-info{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:var(--info-bg,#e3f2fd);border-radius:8px;font-size:.85rem;color:var(--text-secondary,#555);width:100%}.demo-entry-info .material-symbols-outlined{font-size:1.1rem;color:var(--primary,#1976d2);flex-shrink:0;margin-top:1px}.demo-reset-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color,#dde3ea);border-radius:6px;font-size:.85rem;color:var(--text-secondary,#666);cursor:pointer;transition:background .15s}.demo-reset-btn:hover {background:var(--bg-hover,#f0f0f0)}.demo-reset-btn .material-symbols-outlined{font-size:1rem}.demo-reset-ok{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--success,#388e3c)}.demo-reset-ok .material-symbols-outlined{font-size:1rem}.demo-login-link{font-size:.85rem;color:var(--primary,#1976d2);text-decoration:none;margin-top:.5rem}.demo-login-link:hover {text-decoration:underline}.demo-banner{position:fixed;bottom:0;left:0;right:0;z-index:8000;display:flex;align-items:center;gap:.75rem;padding:.5rem 1.25rem;background:linear-gradient(90deg,#1a1f3c 0%,#2d3561 100%);color:#fff;font-size:.875rem;box-shadow:0 -2px 10px rgba(0,0,0,0.25)}.demo-banner .material-symbols-outlined{font-size:1.1rem;color:#93c5fd}.demo-banner__label{font-weight:600;color:#e0e7ff;flex:1}.demo-banner__profile{font-weight:400;color:#93c5fd}.demo-banner__actions{display:flex;align-items:center;gap:.5rem}.demo-banner__btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s;text-decoration:none}.demo-banner__btn:hover {opacity:.85}.demo-banner__btn .material-symbols-outlined{font-size:.95rem}.demo-banner__btn--reset{background:rgba(255,255,255,0.15);color:#e0e7ff}.demo-banner__btn--back{background:rgba(255,255,255,0.1);color:#c7d2fe;text-decoration:none;border:1px solid rgba(255,255,255,0.25)}.demo-banner__btn--back:hover {background:rgba(255,255,255,0.2);color:#fff;text-decoration:none}.demo-banner__btn--cta{background:#3b82f6;color:#fff}.demo-banner__btn--cta:hover {background:#2563eb;color:#fff;text-decoration:none}