@font-face{font-family: Frutiger-LightCn; src: url("fonts/FrutigerLTPro-LightCn.otf"), url("fonts/47.eot"), url("fonts/47.woff2");}
@font-face{font-family: Frutiger-BoldCn; src: url("fonts/FrutigerLTPro-BoldCn.otf"), url("fonts/67.eot"), url("fonts/67.woff2");}
@font-face{font-family: Frutiger-Bold; src: url("fonts/FrutigerLTPro-Bold.otf"), url("fonts/65.eot"), url("fonts/65.woff2");}
@font-face{font-family: Frutiger-Cn; src: url("fonts/FrutigerLTPro-Condensed.otf"), url("fonts/57.eot"), url("fonts/57.woff2");}
@font-face{font-family: Frutiger; src: url("fonts/FrutigerLTPro-Roman.otf"), url("fonts/55.eot"), url("fonts/55.woff2");}

* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; padding: 0; font: 18px 'Frutiger'; background: url('bg.login.jpg') top center no-repeat; background-size: cover; }

.wrapper { background: url('bg.gradient.png') repeat-x; position: absolute; left: 15px; top: 15px; right: 15px; bottom: 15px; display: flex; flex-direction: column; }
.wrapper .header{ position: relative; padding-top: 100px; }
.wrapper .header #logocis{ position: absolute;left: 15px; top: 15px; }
.wrapper .header #logodhl{ position: absolute;right: 15px; top: 20px; }
.wrapper .header h1{ text-align: center; color: #cc0000; margin: 0; font-family: Frutiger-LightCn, sans-serif; font-size: 2em; }
.wrapper .header h1 b{ font-family: Frutiger-BoldCn, sans-serif; }

.content-wrap { flex: 1; display: flex; align-items: center; justify-content: center;}

.migration-notice {
    background-color: #f8f9fa;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    padding: 30px;
    margin: 20px auto;
    width: 80%;
    max-width: 600px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.migration-notice h2 {
    color: #d40511;
    margin-bottom: 20px;
}
.migration-notice p {
    color: #333;
    margin-bottom: 20px;
}
.migration-notice a {
    color: #d40511;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #d40511;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.migration-notice a:hover {
    background-color: #d40511;
    color: white;
}
.migration-notice .team-signature {
    margin-top: 30px;
    font-style: italic;
    color: #666;
}