.whitecard-page { --wc-navy:#062e4f; --wc-blue:#248ec4; --wc-yellow:#ffd426; --wc-ink:#092c48; --wc-muted:#526c7e; --wc-white:#fff; --wc-shadow:0 24px 60px rgba(6,46,79,.15); overflow:hidden; background:#f7fafb; color:var(--wc-ink); font-family:"Segoe UI",Arial,sans-serif; }
.whitecard-page *, .whitecard-page *::before, .whitecard-page *::after { box-sizing:border-box; }
.whitecard-page a { color:inherit; text-decoration:none; }
.whitecard-shell { width:min(1410px,calc(100% - 56px)); margin:0 auto; }
.whitecard-notice { min-height:38px; display:grid; place-items:center; background:#031f36; color:#d9ebf4; font-size:12px; font-weight:700; letter-spacing:.04em; text-align:center; padding:8px 18px; }
.whitecard-notice span { color:var(--wc-yellow); }
.whitecard-hero-wrap { position:relative; overflow:hidden; background:radial-gradient(circle at 76% 34%,rgba(255,212,38,.24) 0 15%,transparent 15.3%),linear-gradient(110deg,#f5fafc 0%,#f5fafc 57%,#e4f2f6 57%,#e4f2f6 100%); }
.whitecard-hero-wrap::before { content:""; position:absolute; width:420px; height:420px; border-radius:50%; border:84px solid rgba(255,255,255,.38); right:-180px; top:-150px; }
.whitecard-hero { min-height:520px; display:grid; grid-template-columns:56% 44%; position:relative; z-index:1; }
.whitecard-copy { padding:62px 0 38px; align-self:center; }
.whitecard-eyebrow { width:fit-content; display:inline-flex; align-items:center; gap:9px; background:var(--wc-white); border:1px solid #c9dfe8; border-radius:999px; padding:8px 13px; color:#195d7c; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.whitecard-eyebrow::before { content:""; width:8px; height:8px; border-radius:50%; background:#20a36b; box-shadow:0 0 0 4px #dff4eb; }
.whitecard-page h1 { margin:19px 0 20px; max-width:790px; color:var(--wc-navy); font-size:clamp(48px,5vw,78px); font-weight:800; line-height:1.01; letter-spacing:-.045em; }
.whitecard-page h1 span { position:relative; display:inline-block; z-index:0; }
.whitecard-page h1 span::after { content:""; position:absolute; z-index:-1; left:-7px; right:-7px; bottom:4px; height:19px; background:var(--wc-yellow); transform:rotate(-.7deg); }
.whitecard-intro { max-width:700px; margin:0; color:var(--wc-muted); font-size:17px; line-height:1.65; }
.whitecard-proof { display:flex; flex-wrap:wrap; gap:11px; margin-top:25px; }
.whitecard-proof span { display:inline-flex; align-items:center; gap:7px; color:#244a63; font-size:13px; font-weight:800; }
.whitecard-proof span::before { content:"\2713"; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:#dff3ea; color:#10734f; font-size:11px; }
.whitecard-person { min-height:520px; position:relative; display:flex; justify-content:center; align-items:flex-end; }
.whitecard-person img { position:relative; z-index:2; height:510px; max-width:100%; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 18px 25px rgba(6,46,79,.22)); }
.whitecard-badge { position:absolute; z-index:3; right:3%; top:58px; width:132px; height:132px; border-radius:50%; display:grid; place-content:center; text-align:center; background:var(--wc-yellow); color:var(--wc-navy); transform:rotate(7deg); box-shadow:0 18px 38px rgba(6,46,79,.2); border:6px solid rgba(255,255,255,.72); }
.whitecard-badge small { font-size:10px; font-weight:800; letter-spacing:.08em; }
.whitecard-badge strong { font-size:24px; line-height:1.05; margin-top:4px; }
.whitecard-lower { position:relative; z-index:5; padding-bottom:34px; }
.whitecard-facts { display:grid; grid-template-columns:repeat(4,1fr); box-shadow:var(--wc-shadow); }
.whitecard-fact { min-height:165px; padding:25px 24px; display:flex; flex-direction:column; justify-content:space-between; color:var(--wc-white); }
.whitecard-fact:first-child { border-radius:15px 0 0 15px; background:#f23f37; }
.whitecard-fact:nth-child(2) { background:var(--wc-navy); }
.whitecard-fact:nth-child(3) { background:var(--wc-blue); }
.whitecard-fact:last-child { border-radius:0 15px 15px 0; background:#632463; }
.whitecard-fact-label { font-size:13px; font-weight:700; opacity:.88; }
.whitecard-fact strong { font-size:clamp(27px,2.5vw,42px); line-height:1; letter-spacing:-.03em; }
.whitecard-fact:last-child strong { font-size:clamp(20px,1.65vw,27px); line-height:1.08; }
.whitecard-fact small { font-size:12px; font-weight:600; opacity:.9; }
.whitecard-actions { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:20px; }
.whitecard-button { min-height:78px; border-radius:12px; display:flex; align-items:center; justify-content:center; gap:18px; font-size:21px; font-weight:800; transition:transform .2s ease,box-shadow .2s ease; }
.whitecard-button:hover { color:inherit; transform:translateY(-3px); box-shadow:0 14px 30px rgba(6,46,79,.14); }
.whitecard-button.primary { background:var(--wc-yellow); color:var(--wc-navy); }
.whitecard-button.secondary { background:#4e6fb6; color:var(--wc-white); }
.whitecard-button b { font-size:30px; line-height:1; }
.whitecard-terms { padding:15px 0 20px; color:#60788a; font-size:11px; line-height:1.5; }

.w3l-main-slider .whitecard-carousel-slide {
    background-image:
        radial-gradient(circle at 82% 44%,rgba(255,212,38,.25) 0 15%,transparent 15.3%),
        url(../images/white-card-trainee.png?v=3),
        linear-gradient(110deg,#f5fafc 0%,#f5fafc 57%,#e4f2f6 57%,#e4f2f6 100%);
    background-repeat:no-repeat;
    background-position:center,82% bottom,center;
    background-size:cover,auto 90%,cover;
}
.w3l-main-slider .whitecard-carousel-slide::before { background:transparent; }
.w3l-main-slider .whitecard-carousel-slide .banner-info-bg { max-width:720px; }
.w3l-main-slider .whitecard-carousel-slide .text-label { display:inline-flex; align-items:center; gap:9px; width:auto; padding:8px 14px; border:1px solid #c9dfe8; border-radius:999px; background:#fff; color:#195d7c; font-size:13px; font-weight:800; }
.w3l-main-slider .whitecard-carousel-slide .text-label::before { content:""; width:8px; height:8px; border-radius:50%; background:#20a36b; box-shadow:0 0 0 4px #dff4eb; }
.w3l-main-slider .whitecard-carousel-slide .banner-info-bg h5 { margin-top:20px; color:#062e4f; font-size:clamp(52px,5vw,76px); line-height:1.03; letter-spacing:-.04em; }
.w3l-main-slider .whitecard-carousel-slide .banner-info-bg h5 span.whitecard-carousel-highlight { position:relative; display:inline-block; width:auto; font-weight:700; z-index:0; }
.w3l-main-slider .whitecard-carousel-highlight::after { content:""; position:absolute; z-index:-1; left:-7px; right:-7px; bottom:4px; height:18px; background:#ffd426; transform:rotate(-.7deg); }
.w3l-main-slider .whitecard-carousel-slide .whitecard-carousel-intro { max-width:620px; margin-top:22px; color:#526c7e; font-size:18px; line-height:1.6; text-transform:none; letter-spacing:0; }
.w3l-main-slider .whitecard-carousel-slide .btn { background:#ffd426; color:#062e4f; border-color:#ffd426; }
.w3l-main-slider .whitecard-carousel-slide .btn:hover { background:#fff; border-color:#fff; color:#062e4f; }
.whitecard-carousel-badge { position:absolute; z-index:3; right:4%; top:12%; width:132px; height:132px; border-radius:50%; display:grid; place-content:center; text-align:center; background:#ffd426; color:#062e4f; transform:rotate(7deg); box-shadow:0 18px 38px rgba(6,46,79,.2); border:6px solid rgba(255,255,255,.72); }
.whitecard-carousel-badge small { font-size:10px; font-weight:800; letter-spacing:.08em; }
.whitecard-carousel-badge strong { display:block; margin-top:4px; font-size:24px; line-height:1.05; }

@media(max-width:991px) {
    #site-header .navbar-brand { flex:0 1 260px; width:260px; max-width:55vw; margin-right:auto; }
    #site-header .navbar-brand img { display:block; width:100%!important; height:auto!important; max-width:260px!important; }
    #site-header .navbar-toggler { flex:0 0 42px; width:42px; height:42px; padding:0!important; }
    #site-header .navbar-toggler-icon.fa { width:42px; height:42px; font-size:22px!important; line-height:42px!important; }
    #site-header .cont-ser-position { flex:0 0 auto; margin-left:12px; }
}

@media(max-width:980px) {
    .whitecard-hero { grid-template-columns:1fr 42%; }
    .whitecard-page h1 { font-size:clamp(45px,6.4vw,66px); }
    .whitecard-person img { height:455px; }
    .whitecard-badge { width:110px; height:110px; right:0; }
    .whitecard-fact { padding:22px 18px; }
    .whitecard-carousel-badge { width:106px; height:106px; right:2%; top:10%; }
    .w3l-main-slider .whitecard-carousel-slide .banner-info-bg { max-width:58%; }
    .w3l-main-slider .whitecard-carousel-slide .banner-info-bg h5 { font-size:clamp(42px,6vw,58px); }
}

@media(max-width:760px) {
    .whitecard-shell { width:min(100% - 28px,1410px); }
    .whitecard-hero-wrap { background:linear-gradient(180deg,#f5fafc 0 61%,#e4f2f6 61%); }
    .whitecard-hero { grid-template-columns:1fr; }
    .whitecard-copy { padding:44px 0 5px; }
    .whitecard-page h1 { font-size:48px; }
    .whitecard-intro { font-size:16px; }
    .whitecard-person { min-height:375px; }
    .whitecard-person img { height:385px; }
    .whitecard-badge { top:28px; right:4%; }
    .whitecard-facts { grid-template-columns:1fr 1fr; border-radius:15px; overflow:hidden; }
    .whitecard-fact { min-height:145px; border-radius:0!important; }
    .whitecard-actions { grid-template-columns:1fr; gap:12px; }
    .whitecard-button { min-height:68px; font-size:18px; }
    .w3l-main-slider .whitecard-carousel-slide { background-position:center,115% bottom,center; background-size:cover,auto 72%,cover; }
    .whitecard-carousel-badge { display:none; }
    .w3l-main-slider .whitecard-carousel-slide .banner-info-bg { max-width:70%; }
    .w3l-main-slider .whitecard-carousel-slide .whitecard-carousel-intro { font-size:15px; }
}

@media(max-width:480px) {
    #site-header .navbar-brand { flex-basis:190px; width:190px; max-width:58vw; }
    #site-header .navbar-brand img { max-width:190px!important; }
    #site-header .navbar-toggler { flex-basis:38px; width:38px; height:38px; }
    #site-header .navbar-toggler-icon.fa { width:38px; height:38px; font-size:20px!important; line-height:38px!important; }
    .whitecard-notice { font-size:11px; }
    .whitecard-page h1 { font-size:41px; }
    .whitecard-page h1 span::after { height:12px; }
    .whitecard-proof { flex-direction:column; gap:8px; }
    .whitecard-person { min-height:330px; }
    .whitecard-person img { height:338px; }
    .whitecard-badge { width:92px; height:92px; top:30px; }
    .whitecard-badge strong { font-size:19px; }
    .whitecard-facts { grid-template-columns:1fr; }
    .whitecard-fact { min-height:122px; }
    .whitecard-fact strong, .whitecard-fact:last-child strong { font-size:27px; }
    .w3l-main-slider .whitecard-carousel-slide { background-image:linear-gradient(90deg,rgba(245,250,252,.98),rgba(245,250,252,.74)),url(../images/white-card-trainee.png?v=3); background-position:center,right bottom; background-size:cover,auto 70%; }
    .w3l-main-slider .whitecard-carousel-slide .banner-info-bg { max-width:100%; }
    .w3l-main-slider .whitecard-carousel-slide .banner-info-bg h5 { font-size:40px; line-height:1.08; }
    .w3l-main-slider .whitecard-carousel-highlight::after { height:12px; }
}