Pregătire Asistenți
:root {
–blue: #003399;
–light-blue: #4a6cf7;
–orange: #f57c00;
–gray-bg: #f8f9fa;
–radius: 10px;
–shadow: 0 2px 6px rgba(0,0,0,.06);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: ‘Open Sans’, sans-serif;
background-color: var(–gray-bg);
color: #1a1a1a;
line-height: 1.45;
overflow-y: hidden;
}
header {
position: relative;
width: 100%;
height: 180px;
background: url(‘
https://cdn-res.keymedia.com/cdn-cgi/image/w=1200,h=420,f=auto/https://cdn-res.keymedia.com/cms/images/us/003/0343_638429358400712015.jpg’ ;) center/cover no-repeat;
display: flex;
align-items: center;
justify-content: center;
}
header::after {
content: „”;
position: absolute;
inset: 0;
background: rgba(255,255,255,.7);
}
header .content {
position: relative;
z-index: 1;
text-align: center;
max-width: 1000px;
padding: 0 .75rem;
}
header img.logo {
width: 72px;
height: auto;
margin-bottom: .4rem;
}
header p.intro {
font-size: .9rem;
color: #333;
font-style: italic;
line-height: 1.55;
}
main {
display: grid;
grid-template-columns: 1fr;
gap: .6rem;
height: calc(100vh – 180px – 34px);
padding: .5rem .6rem;
}
section {
background: #fff;
border-radius: var(–radius);
box-shadow: var(–shadow);
padding: .7rem;
overflow: hidden;
text-align: center;
}
section h2 {
font-family: ‘Poppins’, sans-serif;
font-size: 1.05rem;
color: var(–blue);
margin-bottom: .5rem;
}
.btns {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: .5rem;
}
@media (min-width: 1100px) {
.btns.five-cols { grid-template-columns: repeat(5, 1fr); }
}
a.btn {
display: inline-block;
text-decoration: none;
font-weight: 600;
padding: .6rem .8rem;
border-radius: var(–radius);
text-align: center;
font-size: .9rem;
min-height: 40px;
transition: all .25s ease;
color: #fff;
border: none;
box-shadow: var(–shadow);
}
a.btn:hover {
transform: translateY(-2px);
filter: brightness(1.08);
}
.btn-orange { background: var(–orange); }
.btn-orange:hover { background: #ff8b00; }
.btn-blue { background: var(–blue); }
.btn-blue:hover { background: #1b4cb3; }
.btn-gradient {
background: linear-gradient(135deg, var(–blue), var(–orange));
}
.btn-gradient:hover {
background: linear-gradient(135deg, var(–orange), var(–blue));
}
footer {
text-align: center;
font-size: .8rem;
background: #fff;
padding: .4rem;
color: #555;
height: 34px;
display: flex;
justify-content: center;
align-items: center;
border-top: 3px solid;
border-image: linear-gradient(90deg, var(–blue), var(–orange)) 1;
}
@media (max-width: 900px) {
body { overflow-y: auto; }
main { height: auto; }
}
© 2025 Pregătire Asistenți – Toate drepturile rezervate
Pregatire asistenti 
