*{
	box-sizing:border-box;
	margin:0;
	padding:0;
}
html{
	scroll-behavior:smooth;
}
body{
	font-family:Segoe UI,Arial,sans-serif;
	font-size:16px;
	line-height:1.6;
	color:#222;
	background:#f4f6f8;
}
img{
	display:block;
	max-width:100%;
}
button{
	font:inherit;
	cursor:pointer;
	border:none;
	background:none;
}
a{
	color:inherit;
	text-decoration:none;
}
.bt-container{
	width:min(1200px,92%);
	margin:0 auto;
}
.bt-main{
	padding-bottom:80px;
}
.bt-subject{
	background:#0b2f55;
	color:#fff;
	padding:80px 0;
	text-align:center;
}
.bt-subject h1{
	font-size:3rem;
	font-weight:700;
	margin-bottom:12px;
}
.bt-subject h2{
	font-size:1.6rem;
	font-weight:400;
	margin-bottom:24px;
}
.bt-subject p{
	max-width:760px;
	margin:0 auto;
	font-size:1.1rem;
	opacity:.95;
}
.bt-profiles{
	padding:70px 0;
}
.bt-profiles h2{
	font-size:2rem;
	text-align:center;
	margin-bottom:12px;
}
.bt-intro{
	text-align:center;
	max-width:720px;
	margin:0 auto 50px;
	color:#666;
}
.bt-card-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	gap:30px;
}
.bt-card{
	display:flex;
	flex-direction:column;
	background:#fff;
	border-radius:14px;
	box-shadow:0 10px 28px rgba(0,0,0,.12);
	padding:28px;
	transition:
		transform .25s ease,
		box-shadow .25s ease;
	cursor:pointer;
}
.bt-card:hover{
	transform:translateY(-8px);
	box-shadow:0 20px 40px rgba(0,0,0,.18);
}
.bt-card h3{
	font-size:1.35rem;
	margin-bottom:18px;
	color:#0b2f55;
}
.bt-card p{
	flex:1;
	color:#555;
}
.bt-card-bottom{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:28px;
	padding-top:20px;
	border-top:1px solid #ddd;
}
.bt-card-bottom span{
	font-weight:600;
	color:#0b2f55;
}
.bt-mail-button{
	width:42px;
	height:42px;
	border-radius:50%;
	background:#0b2f55;
	color:#fff;
	font-weight:bold;
	font-size:1rem;
	transition:background .2s ease;
}
.bt-mail-button:hover{
	background:#174b84;
}
#bt-lightbox{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.20);
	opacity:0;
	visibility:hidden;
	transition:opacity .25s ease;
	z-index:900;
}
#bt-lightbox.open{
	opacity:1;
	visibility:visible;
}
#bt-workspace{
	position:fixed;
	inset:18%;
	background:#fff;
	border-radius:16px;
	overflow:hidden;
	box-shadow:0 25px 60px rgba(0,0,0,.45);
	opacity:0;
	visibility:hidden;
	transform:scale(.96);
	transition:
		opacity .25s ease,
		transform .25s ease;
	z-index:901;
}
#bt-workspace.open{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.bt-workspace-page{
	position:absolute;
	inset:0;
	display:none;
}
.bt-workspace-page.active{
	display:block;
}
.bt-scene-image{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.bt-workspace-panel{
	position:absolute;
	top:50%;
	right:60px;
	transform:translateY(-50%);
	width:420px;
	padding:36px;
	border-radius:14px;
	background:rgba(255,255,255,.82);
	backdrop-filter:blur(10px);
	box-shadow:0 10px 30px rgba(0,0,0,.20);
}
.bt-workspace-panel h2{
	font-size:2rem;
	margin-bottom:18px;
	color:#0b2f55;
}
.bt-workspace-panel p{
	margin-bottom:20px;
	color:#444;
}
.bt-workspace-panel button{
	display:inline-block;
	padding:12px 20px;
	border-radius:8px;
	background:#0b2f55;
	color:#fff;
}
@media (max-width:900px){
	.bt-subject{
		padding:60px 0;
	}
	.bt-subject h1{
		font-size:2.3rem;
	}
	.bt-subject h2{
		font-size:1.3rem;
	}
	#bt-workspace{
		inset:0;
		border-radius:0;
	}
	.bt-workspace-panel{
		left:20px;
		right:20px;
		top:auto;
		bottom:20px;
		width:auto;
		transform:none;
	}
}

#bt-close
{
	position:absolute;

	top:18px;
	right:18px;

	width:42px;
	height:42px;

	display:flex;
	align-items:center;
	justify-content:center;

	border:none;
	border-radius:50%;

	background:rgba(255,255,255,.90);

	color:#333;

	font-size:1.5rem;
	font-weight:300;
	line-height:1;

	cursor:pointer;

	box-shadow:0 4px 12px rgba(0,0,0,.25);

	transition:
		background .2s ease,
		color .2s ease,
		transform .2s ease;

	z-index:1000;
}

#bt-close:hover
{
	background:#fff;

	color:#000;

	transform:scale(1.08);
}

#bt-close:active
{
	transform:scale(.96);
}