/* Le 12 Pointeuse — page tablette */

.le12-app{
	min-height:70vh;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	color:#111;
}

.le12-card{
	width:100%;
	max-width:440px;
	background:#fff;
	border:1px solid #ececec;
	border-radius:22px;
	box-shadow:0 18px 50px rgba(0,0,0,.08);
	padding:38px 34px 34px;
	text-align:center;
}

.le12-hidden{ display:none; }

.le12-logo{
	width:150px;
	height:auto;
	margin:0 auto 14px;
	display:block;
}

.le12-title{
	font-size:26px;
	font-weight:700;
	letter-spacing:.02em;
	margin:6px 0 2px;
}
.le12-sub{
	color:#888;
	margin:0 0 26px;
	font-size:15px;
}

.le12-field{ text-align:left; margin-bottom:16px; }
.le12-field label{
	display:block;
	font-size:13px;
	font-weight:600;
	color:#555;
	margin-bottom:6px;
	text-transform:uppercase;
	letter-spacing:.05em;
}
.le12-field input{
	width:100%;
	box-sizing:border-box;
	padding:15px 16px;
	font-size:17px;
	border:1.5px solid #ddd;
	border-radius:12px;
	outline:none;
	transition:border-color .15s;
	background:#fafafa;
}
.le12-field input:focus{ border-color:#111; background:#fff; }

.le12-btn{
	width:100%;
	border:none;
	border-radius:14px;
	padding:17px 20px;
	font-size:17px;
	font-weight:700;
	cursor:pointer;
	margin-top:6px;
	transition:transform .06s ease, opacity .15s;
	-webkit-tap-highlight-color:transparent;
}
.le12-btn:active{ transform:scale(.98); }
.le12-btn[disabled]{ opacity:.55; cursor:default; }

.le12-btn-primary{ background:#111; color:#fff; }

.le12-btn-badge{
	background:#0f7a3d;
	color:#fff;
	font-size:22px;
	padding:26px 20px;
	margin-top:18px;
	border-radius:18px;
}
.le12-btn-badge.is-depart{ background:#b23a2e; }
.le12-btn-badge.is-complet{ background:#777; }

.le12-link{
	background:none;
	border:none;
	color:#999;
	font-size:14px;
	margin-top:16px;
	cursor:pointer;
	text-decoration:underline;
}

.le12-hello{
	font-size:22px;
	font-weight:700;
	margin:4px 0 0;
}
.le12-clock{
	font-size:52px;
	font-weight:800;
	letter-spacing:.02em;
	margin:8px 0 4px;
	font-variant-numeric:tabular-nums;
}

.le12-error{
	color:#c0392b;
	font-size:14px;
	min-height:20px;
	margin:14px 0 0;
}

/* Confirmation */
.le12-check{
	width:88px;height:88px;
	border-radius:50%;
	background:#0f7a3d;
	color:#fff;
	font-size:46px;
	line-height:88px;
	margin:6px auto 18px;
}
.le12-check.is-warn{ background:#e08a1e; }
.le12-check.is-info{ background:#555; }
.le12-done-title{ font-size:24px; margin:0 0 8px; }
.le12-done-detail{ font-size:18px; color:#333; margin:0 0 6px; }
.le12-done-next{ font-size:15px; color:#888; margin:10px 0 0; }
.le12-redirect{ font-size:13px; color:#bbb; margin-top:22px; }

@media (max-width:480px){
	.le12-card{ padding:30px 22px; }
	.le12-clock{ font-size:44px; }
}