input[type="text"], input[type="password"], textarea { width: 100%; height: 38px; font-size: 17px; padding: 0 10px; border-radius: 4px; border: 1px solid #d1d1d6; background-color: #fff;  }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-color: #007AFF; box-shadow: 0 0 1px 3px rgba(0,122,255,.1); }
input[type="text"]::placeholder, input[type="password"]::placeholder, textarea::placeholder { color: rgba(60,60,67,.3); }

textarea { height: 80px; padding: 10px; }

input[type="submit"] { width: 100%; height: 44px; font-size: 17px; padding: 0 10px; border-radius: 4px; color: #fff; background-color: #007AFF; font-weight: 600;  }

select {
	padding: 0 15px;
	font-size: 17px;
	border: 0;
	color: #000;
	height: 38px;
	text-align: center;
	background-color: #F2F2F7;
	text-align: center;
	font-weight: 600;
}

@media (prefers-color-scheme: dark) {
	
	input[type="text"], input[type="password"], textarea { border-color: #1C1C1E; background-color: #1C1C1E; color: #fff; }
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-color: #1C1C1E; box-shadow: 0 0 0; }
	input[type="text"]::placeholder, input[type="password"]::placeholder, textarea::placeholder { color: rgba(235,235,245,.3); }
	input[type="submit"] { background-color: #0A84FF; }
	
	select { color: #fff; background-color: #1C1C1E; }

}