
/* Kadpex profession selector — restored screen two from owner-supplied reference.
   Static public design only. No login, billing, forms or external APIs.
   Big Ben backdrop: Grizzlyil, CC BY 4.0, via Wikimedia Commons (attribution in page). */
:root{color-scheme:dark;--white:#f6f5fa;--faint:#b3c8e5;--electric:#1b97ff}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body.kadpex-choice{margin:0;min-height:100vh;background:#03132e;color:var(--white);font-family:Arial,Helvetica,sans-serif}
.choice-stage{isolation:isolate;position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 51% 9%,#174575 0,#062248 31%,#020c26 77%),#03132e;padding:30px 26px 34px}
.choice-stage:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,36,101,.09) 3px 4px);opacity:.4}
.choice-stage:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(1,8,26,.07),rgba(1,9,31,.19) 35%,rgba(0,9,30,.94) 82%),linear-gradient(90deg,rgba(0,9,31,.45),transparent 52%,rgba(0,10,31,.16))}
.landmark{position:absolute;inset:0 0 auto;height:46%;z-index:-2;opacity:.73;pointer-events:none;background-size:cover;background-position:center 48%;filter:saturate(.82) contrast(1.15)}
.choice-stage.country-gb .landmark{background-image:linear-gradient(90deg,#06162d88,#0c225211 25%,#0b1b3980),url("https://upload.wikimedia.org/wikipedia/commons/thumb/f/f0/Big_Ben_and_the_Palace_of_Westminster_at_Blue_Hour.jpg/1280px-Big_Ben_and_the_Palace_of_Westminster_at_Blue_Hour.jpg");background-position:center 58%}
.choice-stage:not(.country-gb) .landmark{background-image:radial-gradient(ellipse at 78% 72%,rgba(25,104,181,.7),transparent 43%),linear-gradient(135deg,#001530,#073c69 55%,#01152e);height:47%}
.union-back{position:absolute;z-index:-1;width:min(39vw,530px);height:365px;left:-36px;top:-30px;transform:perspective(700px) rotateY(16deg) rotate(-5deg);opacity:.33;filter:blur(.25px);pointer-events:none;mask-image:linear-gradient(90deg,black 45%,transparent);-webkit-mask-image:linear-gradient(90deg,black 45%,transparent)}
.union-back svg{width:100%;height:100%;filter:drop-shadow(3px 13px 18px #000)}
.choice-inner{max-width:1290px;margin:auto;position:relative}
.change-country{position:absolute;right:2px;top:2px;z-index:2;color:#a9cceb;font-size:.73rem;letter-spacing:.17em;text-decoration:none;text-transform:uppercase;padding:9px 11px;border:1px solid #27669e88;border-radius:20px;background:#00152e66}
.change-country:focus-visible,.change-country:hover{outline:2px solid #72caff;outline-offset:3px;color:#fff}
.choice-brand{text-align:center;margin:0 auto}
.choice-brand .kadpex-word{display:block;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.082em;font-size:clamp(3.4rem,7.2vw,7.1rem);line-height:1.01;color:#f7f7ff;text-shadow:0 0 25px #95caff30,2px 4px 7px #020b26}
.choice-brand .brand-trademark{vertical-align:top;display:inline;font:500 .15em Arial,sans-serif;letter-spacing:0;position:relative;top:.65em;margin-left:2px}
.choice-brand .brand-caption{display:block;letter-spacing:.53em;font-size:clamp(.55rem,1.08vw,.99rem);font-weight:400;padding-left:.53em;margin-top:7px;color:#aabbd8}
.choice-beam{width:min(350px,55vw);height:2px;margin:24px auto 18px;background:linear-gradient(90deg,transparent,#077dce 27%,#c1f5ff 50%,#008dde 72%,transparent);box-shadow:0 0 11px 3px #13a6ff55}
.choice-country{text-align:center}
.choice-country strong{display:block;font-size:clamp(.91rem,1.48vw,1.5rem);font-weight:400;letter-spacing:.55em;padding-left:.55em;text-transform:uppercase;color:#e9effc}
.choice-country .flag-rule{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0 29px}
.choice-country .flag-rule:before,.choice-country .flag-rule:after{content:"";height:1px;width:min(155px,22vw);background:linear-gradient(90deg,transparent,#d0d9ed)}
.choice-country .flag-rule:after{transform:rotate(180deg)}
.choice-country .flag{font-size:2.25rem;line-height:1.2;filter:drop-shadow(0 0 8px #32a5f9)}
.choice-country .flag svg{display:block;filter:drop-shadow(0 0 6px #30a4fd)}
.choice-intro{text-align:center}
.choice-intro h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(1.9rem,3.35vw,3.34rem);letter-spacing:-.015em;margin:13px 0 17px;text-shadow:1px 3px 8px #00152c}
.choice-intro p{font-size:clamp(.69rem,1.05vw,.98rem);color:#b7c9e5;letter-spacing:.28em;text-transform:uppercase;margin:0}
.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:34px auto 0}
.choice-card{min-width:0;min-height:442px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:white;background:linear-gradient(147deg,rgba(0,19,46,.8),rgba(1,15,38,.92) 60%,rgba(0,21,59,.68));border:2px solid #1572cd;border-radius:24px;padding:28px 21px 29px;box-shadow:inset 0 1px 20px #006bc91d,0 0 16px #006cc522;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.choice-card:before{content:"";position:absolute;top:-2px;left:18%;right:18%;height:2px;background:linear-gradient(90deg,transparent,#a3e7ff,transparent);box-shadow:0 0 14px 4px #20b6ff55}
.choice-card:hover,.choice-card:focus-visible{transform:translateY(-5px);border-color:#57c9ff;box-shadow:0 14px 50px #0478ee45,inset 0 0 22px #0874e630;outline:none}
.choice-card .halo{width:136px;height:136px;border:2px solid #4fb4fc;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 47% 37%,#164d91c9,#002f71aa 59%,#00162b);box-shadow:0 0 0 6px #006ce316,0 0 26px #0876fd9c,inset 0 4px 22px #75d9ff24;flex-shrink:0}
.choice-card .halo svg{width:80px;height:80px;fill:none;stroke:#dceafa;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px #9edcff)}
.choice-card .label{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.75rem,2.6vw,2.55rem);line-height:1.15;letter-spacing:-.035em;margin:2px 0 12px;white-space:nowrap}
.choice-card .fine-line{width:90px;height:1px;background:linear-gradient(90deg,transparent,#63dbff,transparent);box-shadow:0 0 10px 2px #1eabff80}
.choice-card .description{max-width:345px;font-size:clamp(.93rem,1.33vw,1.25rem);line-height:1.5;color:#cbd7e9;font-weight:300;margin:19px auto 25px;flex:1}
.choice-card .cta{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:60px;border:1px solid #96d8ff;border-radius:60px;font-size:clamp(.73rem,1.1vw,.99rem);font-weight:600;letter-spacing:.055em;background:linear-gradient(180deg,#168bdc 0%,#0760bb 42%,#003b88 100%);box-shadow:inset 0 1px #dbf5ff77,0 6px 25px #0965d545;text-shadow:0 1px 2px #001839;white-space:nowrap}
.choice-card:hover .cta,.choice-card:focus-visible .cta{background:linear-gradient(180deg,#22b1ff,#006bdb)}
.choice-card .cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.choice-footer{text-align:center;margin:44px auto 10px;color:#a7bcdb;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase}
.choice-credit{text-align:center;font-size:.67rem;margin:19px auto 0;color:#7292b5}
.choice-credit a{color:#9cbbd5}
@media(max-width:1120px){.choice-grid{gap:13px}.choice-card{padding:25px 12px;min-height:415px}.choice-card .halo{width:112px;height:112px}.choice-card .halo svg{width:65px;height:65px}.choice-card .label{font-size:clamp(1.4rem,2.2vw,2rem)}.choice-card .cta{font-size:.8rem;gap:7px}.choice-intro p{letter-spacing:.14em}}
@media(max-width:760px){.choice-stage{padding:54px 18px 25px}.choice-stage .landmark{height:370px}.choice-brand .kadpex-word{font-size:clamp(3.3rem,13vw,5.8rem)}.choice-brand .brand-caption{letter-spacing:.32em}.choice-country strong{letter-spacing:.32em}.choice-intro h1{margin-top:18px}.choice-intro p{line-height:1.7}.union-back{width:56vw;height:220px}.choice-grid{grid-template-columns:1fr;gap:18px;max-width:450px;margin-top:28px}.choice-card{min-height:310px;padding:18px 23px 22px}.choice-card .halo{width:95px;height:95px}.choice-card .halo svg{width:58px;height:58px}.choice-card .label{font-size:2rem;margin-top:10px}.choice-card .description{margin:12px auto 19px;max-width:360px}.choice-card .cta{min-height:53px;font-size:.87rem}.choice-footer{letter-spacing:.1em;font-size:.69rem;margin-top:26px}.change-country{top:-40px;right:0}}
@media(max-width:420px){.choice-stage{padding-left:12px;padding-right:12px}.choice-brand .kadpex-word{font-size:3.05rem}.choice-country strong{font-size:.8rem;letter-spacing:.22em}.choice-country .flag-rule{margin-bottom:17px}.choice-intro h1{font-size:2rem}.choice-card{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.choice-card{transition:none}.choice-card:hover,.choice-card:focus-visible{transform:none}}
