:root{font-family:Segoe UI,Arial,sans-serif;color:#0b234f;background:#f5f8ff;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit} .container{width:min(1160px,calc(100% - 48px));margin-inline:auto}header{border-bottom:1px solid #dedfd5;background:#f5f8ff}.nav{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;line-height:1.3}.brand small{display:block;font-size:12px;font-weight:400;margin-top:5px;color:#586a61}.brand-mark{display:grid;place-items:center;width:42px;height:46px;border-radius:15px;background:#dce7c9;font-size:29px}nav{display:flex;gap:26px;font-size:14px}nav a{text-decoration:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:16px 24px;background:#285b47;color:white;text-decoration:none;border-radius:9px;font-weight:600}.button:hover{background:#1a4332}.button.small{font-size:14px;padding:12px 17px}.hero{padding-block:76px 88px;display:grid;grid-template-columns:1.25fr 1fr;gap:76px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;color:#53694d;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.9vw,64px);line-height:1.1;letter-spacing:-2.7px;font-weight:600;margin-bottom:24px}h1 em{font-family:Georgia,serif;font-weight:400;color:#547343}h2{font-size:36px;line-height:1.2;letter-spacing:-1.2px;font-weight:600}.lead{font-size:19px;line-height:1.65;color:#40544a}.intro{font-size:15px;color:#56665d;margin-bottom:28px}.micro{font-size:12px;color:#536458;margin:14px 0 0}.micro span{padding-inline:6px}.welcome{background:#e6ebda;border:1px solid #d7dfc9;border-radius:20px;padding:30px 34px;transform:rotate(1deg)}.welcome-top{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1.3px;font-weight:700;margin-bottom:25px}.sun{font-size:42px;color:#647e42;line-height:1}.welcome h2{font-size:34px}.welcome>p{font-size:15px;color:#4d614f}.values>div{display:flex;align-items:center;gap:18px;border-top:1px solid #cbd5bd;padding:13px 0}.values>div>span{font-size:12px;color:#5a6c4f}.values p{font-size:13px;margin:0}.values strong{display:block;font-size:17px}.note{font-size:12px;border-radius:7px;background:#f5f6ed;padding:12px;margin-top:14px;text-align:center}.about{padding-block:65px;background:#fffef9;border-block:1px solid #e3e5da}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.section-heading>p{color:#5b6b60;max-width:470px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:22px}.cards article{border-top:1px solid #d8dfd0;padding-top:20px}.cards article>span{font-size:29px;color:#657b46}.cards h3{font-size:20px;margin:10px 0}.cards p{font-size:15px;color:#59695e}.steps-section{padding-block:70px}.steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:0;margin-top:34px}.steps li{counter-increment:step}.steps li:before{content:counter(step);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e2e8d7;margin-bottom:17px}.steps strong{font-size:18px}.steps p{font-size:15px;color:#59695e;margin-top:9px}.faq-section{border-top:1px solid #dce1d4;padding-block:60px;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq-section>div>p:not(.eyebrow){color:#59695e}.questions details{border-bottom:1px solid #d8dfd0;padding:17px 0}.questions details:first-child{padding-top:0}summary{font-weight:600;cursor:pointer;padding:5px 0}details p{font-size:14px;color:#56665a;margin:12px 0}.closing{border-radius:18px;background:#e6ebda;padding:36px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:55px}.closing .eyebrow{margin-bottom:12px}.closing h2{margin-bottom:12px}.closing p:last-child{margin-bottom:0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #dce1d4;padding-block:28px;font-size:12px;color:#58675c}footer p{margin:0}footer strong{font-size:14px;color:#0b234f}a:focus-visible,summary:focus-visible{outline:3px solid #95651a;outline-offset:5px}.skip{position:absolute;top:-100px;left:16px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}section[id]{scroll-margin-top:25px}@media(max-width:900px){nav{display:none}.hero{gap:35px;padding-block:45px}.welcome{padding:25px}.hero h1{font-size:45px}.section-heading{gap:35px}.faq-section{gap:30px}.closing{padding:30px}}@media(max-width:760px){.container{width:calc(100% - 36px)}.nav{min-height:85px;gap:12px}.brand{font-size:12px;gap:8px}.brand small{font-size:10px}.brand-mark{width:30px;height:36px;flex-shrink:0}.button.small{font-size:11px;padding:10px;gap:8px}.hero{grid-template-columns:1fr;gap:35px;padding-block:38px 48px}.hero h1{font-size:44px;letter-spacing:-1.8px}.lead{font-size:18px}.welcome{transform:none}.welcome h2{font-size:30px}.eyebrow{font-size:10px;letter-spacing:1.1px}.section-heading,.cards,.steps,.faq-section{grid-template-columns:1fr;gap:20px}h2{font-size:30px}.about,.steps-section,.faq-section{padding-block:42px}.cards{gap:18px}.steps{gap:16px}.steps li{position:relative;padding-left:48px}.steps li:before{position:absolute;left:0;top:0}.closing{flex-direction:column;align-items:start;padding:25px;margin-bottom:35px}footer{flex-wrap:wrap;gap:15px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Decorative details stay outside reading and interaction areas. */
body{background-color:#f5f8ff;background-image:radial-gradient(ellipse at 90% 5%,#8fc1ff55,transparent 45%),radial-gradient(ellipse at 0% 30%,#ffe67038,transparent 38%);isolation:isolate}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#0f5cc012 .8px,transparent .8px);background-size:22px 22px;mask-image:linear-gradient(120deg,#0009,transparent 65%)}
.button,.btn-primary{background:linear-gradient(135deg,#285b47,#183f36);box-shadow:0 7px 20px #214c3822;transition:transform .2s ease,box-shadow .2s ease}
.button:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #214c3830}
.button,.btn,input,select,textarea,summary{touch-action:manipulation}
.brand-mark,.brand-logo{background:linear-gradient(145deg,#e0ebd1,#c9dbb3);border:1px solid #c5d5b5;box-shadow:0 4px 10px #0b234f08}
header{background:#f5f8ffe8;backdrop-filter:blur(16px)}
.nav{min-height:88px}.hero{position:relative;gap:64px;padding-block:76px 82px}
.hero:before{content:"";position:absolute;z-index:-1;width:480px;height:480px;right:-20px;top:5px;border:1px solid #9aac8c45;border-radius:50%;box-shadow:0 0 0 32px #9aac8c10,0 0 0 64px #9aac8c08;pointer-events:none}
.hero h1{font-size:clamp(44px,5.5vw,70px);letter-spacing:-2.8px}.hero .eyebrow{display:inline-flex;padding:8px 13px;border:1px solid #ced9c3;border-radius:30px;background:#f9fbf4b3;letter-spacing:1px}
.hero .lead{max-width:550px}.hero .micro{font-size:13px}.welcome{transform:none;position:relative;padding:28px 30px;border-radius:28px;background:linear-gradient(145deg,#f9fcf2,#e1ead7);box-shadow:0 22px 70px #24483712;border-color:#cfdcc1;overflow:hidden}
.welcome-top{margin-bottom:14px}.welcome h2{font-size:30px;margin-bottom:14px}.welcome>p{margin-bottom:16px}.sun{font-size:32px}.values>div{padding:11px 0}.values strong{font-size:16px}.note{border:1px solid #d2dec6;background:#fffff9b3}
.community-art{display:block;width:100%;height:auto;max-height:215px;margin:0 0 16px;color:#285b47}
.assurance{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.assurance span{display:flex;align-items:center;gap:8px;font-size:12px;border:1px solid #d8dfd0;border-radius:30px;padding:7px 11px;background:#fffffa9c}.assurance b{color:#285b47;font-size:15px}
.about{position:relative;background:#fffef9ba}.cards{gap:20px}.cards article{padding:26px;border:1px solid #d8dfd0;background:linear-gradient(155deg,#ffffff,#f4f6ec);border-radius:20px;box-shadow:0 8px 22px #0b234f05;transition:transform .25s ease}.cards article:hover{transform:translateY(-4px)}.cards article>span{display:grid;place-items:center;width:46px;height:46px;background:#e6ebda;border-radius:14px}.cards p{margin-bottom:0}
.steps{gap:24px}.steps li{padding:22px;border-radius:18px;background:#fffef9ba;border:1px solid #d8dfd0}.steps p{margin-bottom:0}.steps li:before{background:#285b47;color:#fff;width:38px;height:38px}
.questions details{background:#fffef9b3;border:1px solid #d8dfd0;border-radius:12px;padding:16px 20px;margin-bottom:10px}.questions details:first-child{padding-top:16px}.questions summary{min-height:44px;align-content:center}.questions details[open]{background:#fffef9;box-shadow:0 5px 18px #0b234f05}
.closing{position:relative;overflow:hidden;background:linear-gradient(120deg,#dde9ce,#eef2e3);border:1px solid #cddbbe;padding:42px}.closing:before{content:"";position:absolute;right:-70px;top:-100px;width:360px;height:360px;border:1px solid #8b9f7450;border-radius:50%;box-shadow:0 0 0 25px #8b9f7410;pointer-events:none}.closing>*{z-index:1}
.survey-body,.thanks-body,.login-body,.admin-body{background-color:#f5f8ff;background-image:radial-gradient(ellipse at 100% 0,#cedfcc70,transparent 50%),radial-gradient(ellipse at 0 100%,#eadac360,transparent 50%)}
.survey-aside,.admin-sidebar{background:radial-gradient(circle at 0 0,#f4f7e9,transparent 65%),linear-gradient(155deg,#e1e9d4,#d2dfc2);position:relative}.admin-sidebar{position:fixed}
.survey-aside:before{content:"";position:absolute;width:280px;height:280px;border:1px solid #66874b25;border-radius:50%;right:-170px;bottom:60px;box-shadow:0 0 0 28px #66874b09;pointer-events:none}.survey-aside>*{position:relative;z-index:1}
.survey-card-pro,.login-card,.thanks-card{box-shadow:0 20px 70px #2448370c;border-top:3px solid #90ab73;background:#fffef9f2}
.admin-panel,.metric-card-pro{box-shadow:0 7px 25px #24483707;border-color:#d0dcc2}.admin-panel{background:#fffef9ed}.metric-card-pro{background:linear-gradient(145deg,#fffef9,#f0f5e7)}
.manual-grid{align-items:start}.manual-grid select{min-height:48px}.admin-table-wrap{border-radius:10px}.admin-table th{background:#edf2e5}.admin-table td{vertical-align:top}.admin-header h1{font-size:38px}.admin-nav a{min-height:44px}.bar-track-pro{background:#e6ebda}
.form-actions-pro{position:sticky;bottom:0;background:#fffef9f5;padding-bottom:8px;z-index:3}.choice-content{min-width:0}.field-pro select{font-size:16px}.field-pro,.manual-grid>*{min-width:0}.login-body input,.manual-grid select,.manual-school-search,.manual-message textarea,.table-actions input,.message-box textarea{font-size:16px}
.thanks-body,.login-body{position:relative}.thanks-card,.login-card{position:relative}.thanks-card:before,.login-card:before{content:"";position:absolute;z-index:-1;inset:-25px;border:1px solid #82996d30;border-radius:36px;pointer-events:none}.success-check{background:linear-gradient(145deg,#6e8b56,#285b47)}
.table-scroll-note{font-size:12px;color:#59695e;margin:0 0 12px;display:none}
@media(max-width:1000px){.hero{gap:35px}.hero:before{width:380px;height:380px}.hero h1{font-size:50px}.welcome{padding:25px}}
@media(max-width:860px){.admin-sidebar{position:relative}.admin-nav{gap:4px}.admin-nav a{font-size:12px}.survey-aside:before{right:-150px;top:-90px;bottom:auto}.survey-aside-copy{max-width:620px}.table-scroll-note{display:block}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-block:32px 48px;gap:32px}.hero h1{font-size:clamp(38px,8.8vw,58px);letter-spacing:-1.8px}.hero .eyebrow{font-size:9px;letter-spacing:.8px;padding:7px 9px}.hero:before{width:250px;height:250px;top:15px;right:5px;box-shadow:0 0 0 20px #9aac8c08}.hero .lead{font-size:18px}.hero .intro{font-size:15px}.hero .button{width:100%;min-height:54px}.welcome{border-radius:22px}.community-art{max-height:180px}.assurance{gap:7px;margin-top:18px}.assurance span{font-size:11px;padding:6px 9px}.nav{min-height:78px;gap:8px}.nav .brand{font-size:12px}.nav .brand-mark{width:32px;height:38px}.nav .button.small{min-height:44px;padding:10px 12px;font-size:11px;gap:8px}.nav .brand small{font-size:10px}.cards article{padding:22px}.steps li{padding:20px 18px 20px 66px}.steps li:before{left:16px;top:20px}.closing{padding:28px}.closing .button{width:100%}.questions details{padding:14px 16px}.questions details:first-child{padding-top:14px}}
@media(max-width:640px){.survey-main{padding:18px 12px}.survey-card-pro{padding:20px 16px}.survey-aside{padding:20px}.survey-aside-copy h2{font-size:24px}.form-step h1{font-size:27px}.participation-note{font-size:12px}.form-actions-pro .btn{min-height:48px}.admin-content{padding:24px 12px}.admin-header h1{font-size:32px}.admin-actions .btn{flex:auto;min-height:44px}.admin-metrics{gap:10px}.metric-card-pro{min-width:0}.metric-top{font-size:12px;line-height:1.4}.metric-card-pro>strong{font-size:30px}.metric-card-pro>small{font-size:11px}.admin-panel{padding:17px}.table-title{align-items:stretch}.table-actions input{width:100%;min-height:44px}.manual-grid{gap:18px}.manual-school-search,.manual-grid select{min-height:48px}.login-body,.thanks-body{padding:28px 16px}.login-card,.thanks-card{padding:28px 22px}.thanks-card:before,.login-card:before{inset:-10px;border-radius:28px}.thanks-card h1{font-size:30px}.thanks-card .btn{width:100%;font-size:14px}.thanks-brand{margin-bottom:32px}.password-toggle{min-width:64px}.message-foot{font-size:11px}.brand-copy strong{font-size:14px}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.nav .brand{font-size:11px}.nav .brand small{font-size:9px}.nav .button.small{padding:10px 8px;font-size:10px}.nav .brand-mark{width:26px;font-size:23px}.nav .brand{gap:6px}.hero h1{font-size:38px}.assurance span{font-size:10px}.hero .micro{font-size:11px}.admin-metrics{grid-template-columns:1fr}.survey-top{gap:8px}.status-chip{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* Dâmbovița becomes the visual signature of the home page. */
.county-card{position:relative;min-width:0;perspective:1100px}
.county-stage{position:relative;min-height:640px;border:1px solid #c9d8bd;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 62% 35%,#f9fce9 0 16%,transparent 44%),linear-gradient(145deg,#edf4e2,#cfdfc3);box-shadow:0 30px 80px #173d2e21,inset 0 1px #fff;isolation:isolate}
.county-stage:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#526e5320 1px,transparent 1px),linear-gradient(90deg,#526e5320 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(135deg,#0009,transparent 72%)}
.county-stage:after{content:"";position:absolute;inset:auto -24% -18% 20%;height:48%;z-index:-1;background:#79976520;filter:blur(1px);border-radius:50%;transform:rotate(-8deg)}
.county-ring{position:absolute;z-index:-1;border:1px solid #66845e35;border-radius:50%;box-shadow:0 0 0 24px #66845e0d}
.county-ring-one{width:360px;height:360px;right:-95px;top:90px}.county-ring-two{width:220px;height:220px;left:-110px;bottom:80px}
.county-title{position:absolute;z-index:3;left:28px;top:27px;display:flex;flex-direction:column;color:#234b3e;text-shadow:0 1px #fff8}
.county-title span{font-size:10px;font-weight:800;letter-spacing:2.4px}.county-title strong{font-family:Georgia,serif;font-size:31px;line-height:1.1;letter-spacing:.4px}.county-title small{margin-top:7px;color:#5b705f;font-size:11px;letter-spacing:.3px}
.county-map{position:absolute;z-index:1;width:min(82%,440px);height:auto;left:51%;top:48%;transform:translate(-50%,-47%) rotateY(-7deg) rotateX(2deg);transform-origin:center;filter:drop-shadow(0 22px 17px #1b44352d);animation:county-breathe 7s ease-in-out infinite}
.county-pin{position:absolute;z-index:4;left:52%;top:42%;display:flex;align-items:center;gap:8px;padding:6px 10px 6px 7px;border:1px solid #d5dfcb;border-radius:20px;background:#fffef4e8;box-shadow:0 8px 24px #234b3e26;color:#284e42;font-size:11px;font-weight:700;backdrop-filter:blur(10px)}
.county-pin i{display:block;width:10px;height:10px;border:3px solid #fff5cf;border-radius:50%;background:#e3a92d;box-shadow:0 0 0 5px #e3a92d35}
.county-float{position:absolute;z-index:4;display:flex;flex-direction:column;min-width:135px;padding:11px 14px;border:1px solid #dce5d3;border-radius:15px;background:#fffef6db;box-shadow:0 13px 30px #20443420;backdrop-filter:blur(12px)}
.county-float b{color:#285b47;font-family:Georgia,serif;font-size:18px;line-height:1.1}.county-float span{color:#627065;font-size:10px}.county-float-one{right:20px;top:148px}.county-float-two{left:18px;bottom:58px}
.county-caption{position:relative;z-index:5;display:flex;align-items:center;gap:14px;width:calc(100% - 34px);margin:-26px auto 0;padding:16px 18px;border:1px solid #d7e0cd;border-radius:18px;background:#fffef8f0;box-shadow:0 18px 42px #284f3e16;backdrop-filter:blur(12px)}
.county-caption>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#285b47;color:white;font-size:20px}.county-caption p{margin:0;color:#59695e;font-size:12px;line-height:1.4}.county-caption strong{display:block;color:#294a3d;font-size:14px}
@keyframes county-breathe{0%,100%{transform:translate(-50%,-47%) rotateY(-7deg) rotateX(2deg)}50%{transform:translate(-50%,-49%) rotateY(-4deg) rotateX(1deg)}}
@media(max-width:1000px){.county-stage{min-height:590px}.county-map{width:88%}.county-float{min-width:120px}.county-float-one{right:12px}.county-float-two{left:12px}}
@media(max-width:760px){.county-card{max-width:540px;width:100%;margin-inline:auto}.county-stage{min-height:585px}.county-map{width:min(82%,410px);top:49%}.county-title{left:22px;top:22px}.county-float-one{top:132px}.county-float-two{bottom:48px}.county-caption{width:calc(100% - 28px)}}
@media(max-width:420px){.county-stage{min-height:515px;border-radius:24px}.county-map{width:90%;top:51%}.county-title strong{font-size:26px}.county-title small{font-size:9px}.county-float{min-width:0;padding:9px 10px}.county-float b{font-size:15px}.county-float span{font-size:9px}.county-float-one{right:9px;top:116px}.county-float-two{left:9px;bottom:38px}.county-pin{left:51%;top:43%;font-size:10px}.county-caption{margin-top:-20px;padding:13px}.county-caption strong{font-size:13px}.county-caption p{font-size:11px}}

/* Interactive county map: real administrative outline and geolocated school towns. */
.school-map-card{position:relative;min-width:0;padding:24px 24px 17px;border:1px solid #c8d6bf;border-radius:30px;background:radial-gradient(circle at 80% 8%,#f9fce9 0,transparent 36%),linear-gradient(145deg,#edf4e4,#d4e4cb);box-shadow:0 30px 90px #193f3021,inset 0 1px #fff;isolation:isolate}
.school-map-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:linear-gradient(#41624e12 1px,transparent 1px),linear-gradient(90deg,#41624e12 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(145deg,#000b,transparent 72%)}
.school-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;position:relative;z-index:15}
.school-map-head>div:first-child{min-width:0}.school-map-head span{display:block;color:#5a735b;font-size:9px;font-weight:800;letter-spacing:1.8px}.school-map-head strong{display:block;color:#214b3d;font-family:Georgia,serif;font-size:25px;line-height:1.2}.school-map-head p{max-width:255px;margin:5px 0 0;color:#617165;font-size:11px;line-height:1.35}
.school-map-stats{display:flex;gap:6px;flex-shrink:0}.school-map-stats span{min-width:58px;padding:7px 8px;border:1px solid #d6e0cf;border-radius:12px;background:#fffef9b8;text-align:center;letter-spacing:0;font-size:8px}.school-map-stats b{display:block;color:#285b47;font-family:Georgia,serif;font-size:19px;line-height:1}
.map-canvas{position:relative;width:min(100%,660px);aspect-ratio:520/650;margin:-4px auto -2px;filter:drop-shadow(0 11px 15px #264c3a0c)}
.county-vector{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:perspective(850px) rotateX(1.5deg) rotateY(-2deg);transform-origin:50% 58%}
.county-vector-shadow{fill:#244c3e;opacity:.2;filter:url(#county-shadow)}.county-vector-side{fill:url(#county-side);stroke:#244b3d;stroke-width:2.2}.county-vector-face{fill:url(#county-face);stroke:#e2ae43;stroke-width:4.2;stroke-linejoin:round}.county-vector-rim{fill:none;stroke:#fff7d2;stroke-opacity:.55;stroke-width:1.2;stroke-linejoin:round}.county-mesh path{fill:none;stroke:#f7fae9;stroke-opacity:.23;stroke-width:1.3}
.map-marker{position:absolute;left:var(--x);top:var(--y);z-index:8;width:0;height:0;transform:translate(-50%,-50%)}
.map-marker:hover,.map-marker:focus-within{z-index:30}.marker-trigger{position:relative;width:28px;height:28px;margin:-14px;padding:0;cursor:pointer;border:0;border-radius:50%;outline:none;background:transparent}.marker-trigger:focus-visible{outline:3px solid #173f34;outline-offset:3px}
.marker-dot{position:absolute;left:50%;top:50%;width:11px;height:11px;transform:translate(-50%,-50%);border:2.5px solid #fff9dc;border-radius:50%;background:#d99b22;box-shadow:0 0 0 4px #d99b2233,0 4px 11px #23463736;transition:transform .18s ease,box-shadow .18s ease;pointer-events:none}.map-marker:hover .marker-dot,.map-marker:focus-within .marker-dot{transform:translate(-50%,-50%) scale(1.35);box-shadow:0 0 0 7px #d99b2238,0 5px 15px #23463743}
.marker-label{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:4px;white-space:nowrap;padding:4px 7px 4px 8px;transform:translate(var(--dx),calc(-50% + var(--dy)));border:1px solid #dce5d4;border-radius:8px;background:#fffef9dc;box-shadow:0 5px 13px #23463714;color:#294c40;font-size:12px;font-weight:700;line-height:1;pointer-events:none;backdrop-filter:blur(7px)}.label-left .marker-label{left:50%;transform:translate(calc(-100% + var(--dx)),calc(-50% + var(--dy)))}.marker-label small{display:grid;place-items:center;min-width:17px;height:17px;padding-inline:4px;border-radius:6px;background:#e0ead4;color:#385c49;font-size:10px}
.marker-popover{display:none;position:absolute;left:13px;top:13px;width:280px;max-height:275px;overflow:hidden;border:1px solid #d5dfce;border-radius:15px;background:#fffefa;box-shadow:0 20px 55px #183d3038;color:#304b41;text-align:left}.marker-trigger:focus-visible+.marker-popover{display:block}.pop-left .marker-popover{left:auto;right:13px}.pop-right .marker-popover{left:13px;right:auto}.pop-up .marker-popover{top:auto;bottom:13px}
@media(hover:hover){.map-marker:hover .marker-popover{display:block}}
@media(hover:none){.map-marker:focus-within .marker-popover{display:block}}
.popover-title{display:flex;justify-content:space-between;gap:10px;padding:12px 13px 9px;border-bottom:1px solid #e3e9dd;background:#f4f8ed}.popover-title span{font-family:Georgia,serif;font-size:16px;font-weight:700}.popover-title b{color:#5e765f;font-size:9px;white-space:nowrap}.marker-popover ul{max-height:193px;margin:0;padding:8px 12px 7px 28px;overflow:auto;overscroll-behavior:contain}.marker-popover li{margin:0 0 6px;padding-left:2px;color:#52645a;font-size:10px;line-height:1.3}.marker-popover li::marker{color:#d99b22}.popover-close{display:block;padding:7px 12px;border-top:1px solid #e4e9de;color:#78847c;font-size:8px;text-align:center}
.popover-complete .marker-popover{width:430px;max-height:min(420px,70vh)}.popover-complete .marker-popover ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;max-height:min(330px,60vh);padding:11px 16px 7px 30px;overflow-y:auto;overscroll-behavior:contain}.popover-complete .marker-popover li{margin-bottom:8px;break-inside:avoid}

.school-map-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #c7d6bd;color:#607165;font-size:9px}.school-map-foot>span{display:flex;align-items:center;gap:7px}.school-map-foot i{width:7px;height:7px;border:2px solid #fff3c6;border-radius:50%;background:#d99b22;box-shadow:0 0 0 3px #d99b222c}.school-map-foot a{color:#66786a;text-decoration:none}.school-map-foot a:hover{text-decoration:underline}
@media(max-width:1000px){.school-map-card{padding:20px 18px 14px}.school-map-head strong{font-size:22px}.school-map-stats{flex-direction:column}.school-map-stats span{padding:5px 7px}.map-canvas{margin-top:1px}}
@media(max-width:760px){.school-map-card{max-width:560px;width:100%;margin-inline:auto;padding:22px 20px 15px}.school-map-head strong{font-size:25px}.school-map-stats{flex-direction:row}.map-canvas{width:min(100%,660px)}.marker-label{font-size:12px}.school-map-foot{font-size:9px}}
@media(max-width:430px){.school-map-card{padding:18px 13px 13px;border-radius:22px}.school-map-head{gap:8px}.school-map-head strong{font-size:21px}.school-map-head p{font-size:9px}.school-map-stats{gap:4px}.school-map-stats span{min-width:49px;padding:5px 4px;font-size:7px}.school-map-stats b{font-size:16px}.map-canvas{width:100%;margin:3px auto 0}.school-map-card:has(.popover-complete:focus-within) .map-canvas{margin-bottom:165px}.marker-label{padding:3px 5px;font-size:9px}.marker-label small{min-width:14px;height:14px;font-size:9px}.marker-dot{width:9px;height:9px;border-width:2px}.marker-popover{left:50%;right:auto;width:min(220px,70vw);max-height:248px;transform:translateX(-50%)}.pop-left .marker-popover{left:auto;right:13px;transform:none}.pop-right .marker-popover{left:13px;right:auto;transform:none}.marker-popover ul{max-height:172px}.popover-title span{font-size:14px}.popover-complete .marker-popover{left:50%;right:auto;top:13px;bottom:auto;width:min(340px,calc(100vw - 38px));max-height:390px;transform:translateX(-50%)}.popover-complete .marker-popover ul{display:block;max-height:318px;padding:10px 14px 7px 29px;overflow-y:auto;scrollbar-width:thin}.popover-complete .marker-popover li{margin-bottom:7px;font-size:10px;line-height:1.3}.school-map-foot{align-items:flex-start;flex-direction:column;gap:4px;font-size:8px}}


/* MAP POSITIONS: generated from OpenStreetMap coordinates */
.marker-01{left:42.45%;top:49.61%;--dx:-8px;--dy:-4px}
.marker-02{left:31.13%;top:67.99%;--dx:-8px;--dy:-5px}
.marker-03{left:40.20%;top:36.28%;--dx:8px;--dy:0px}
.marker-04{left:56.87%;top:44.58%;--dx:8px;--dy:-5px}
.marker-05{left:51.22%;top:73.20%;--dx:-8px;--dy:4px}
.marker-06{left:39.04%;top:31.41%;--dx:8px;--dy:-7px}
.marker-07{left:64.57%;top:76.54%;--dx:8px;--dy:-7px}
.marker-08{left:32.20%;top:79.59%;--dx:-8px;--dy:3px}
.marker-09{left:49.07%;top:62.64%;--dx:-8px;--dy:-8px}
.marker-10{left:25.55%;top:37.01%;--dx:-8px;--dy:-4px}
.marker-11{left:56.73%;top:59.68%;--dx:8px;--dy:-2px}
.marker-12{left:70.42%;top:80.80%;--dx:-8px;--dy:9px}
.marker-13{left:45.09%;top:83.89%;--dx:-8px;--dy:8px}
.marker-14{left:73.23%;top:67.69%;--dx:8px;--dy:-5px}
/* END MAP POSITIONS */

/* STOP DROGURI DÂMBOVIȚA — BLUE / YELLOW CAMPAIGN THEME */
:root{--campaign-blue:#073b8c;--campaign-blue-2:#0f5cc0;--campaign-navy:#071f4a;--campaign-yellow:#ffd21f;--campaign-pale:#eef5ff;--campaign-ink:#0b234f}
body.campaign-home{color:var(--campaign-ink);background:#f6f9ff;background-image:radial-gradient(circle at 86% 5%,#8fc1ff55,transparent 34%),radial-gradient(circle at 10% 23%,#ffe77738,transparent 26%)}
.campaign-home:before{background-image:radial-gradient(#0f5cc020 .8px,transparent .8px);mask-image:linear-gradient(120deg,#000a,transparent 72%)}
.campaign-home header{position:sticky;top:0;z-index:70;background:#ffffffed;border-bottom:1px solid #dbe7f8;backdrop-filter:blur(18px)}
.campaign-home .nav{min-height:86px}.campaign-home .brand{color:#08265c}.campaign-home .brand-mark{width:45px;height:45px;border-radius:13px;background:var(--campaign-yellow);border:0;color:#06347d;font-size:15px;font-weight:900;letter-spacing:-1px;box-shadow:0 9px 22px #073b8c22;transform:none}.campaign-home .brand small{color:#64799f;letter-spacing:.04em}.campaign-home nav a{color:#34527e;font-weight:650}.campaign-home nav a:hover{color:#0f5cc0}
.campaign-home .button{border-radius:12px;background:linear-gradient(135deg,#0f5cc0,#073b8c);box-shadow:0 12px 26px #073b8c28;color:#fff}.campaign-home .button:hover{background:linear-gradient(135deg,#1768d1,#084195);box-shadow:0 16px 32px #073b8c35}.campaign-home .button.secondary{background:#fff;color:#073b8c;border:1px solid #bfd2ef;box-shadow:none}.campaign-home .button.secondary:hover{background:#eef5ff}
.campaign-home .hero{grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:44px;padding-block:56px 64px;align-items:center}.campaign-home .hero:before{width:540px;height:540px;border-color:#0f5cc02e;box-shadow:0 0 0 32px #0f5cc00a,0 0 0 64px #ffd21f0c}.campaign-home .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #b9cdea;border-radius:999px;background:#fff;color:#0a4ca7;font-size:10px;letter-spacing:1.4px}.campaign-home .eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--campaign-yellow);box-shadow:0 0 0 4px #ffd21f2d}.campaign-home h1{color:#08265c;font-size:clamp(46px,5.4vw,72px);letter-spacing:-3.2px}.campaign-home h1 em{color:#0f5cc0}.campaign-home .lead{max-width:650px;color:#203c68;font-size:19px;line-height:1.65;font-weight:500}.campaign-home .intro{max-width:620px;color:#607395;font-size:15px}.campaign-home .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 0}.campaign-home .assurance span{background:#fff;border-color:#cfddf0;color:#476183}.campaign-home .assurance b{color:#0f5cc0}
.campaign-home .school-map-card{scroll-margin-top:110px;padding:24px 24px 17px;border:1px solid #b9d0ef;background:radial-gradient(circle at 82% 6%,#fff9cf 0,transparent 29%),linear-gradient(145deg,#f8fbff,#dceaff);box-shadow:0 30px 90px #073b8c28,inset 0 1px #fff}.campaign-home .school-map-card:before{background-image:linear-gradient(#0f5cc012 1px,transparent 1px),linear-gradient(90deg,#0f5cc012 1px,transparent 1px)}.campaign-home .school-map-head span{color:#0f5cc0}.campaign-home .school-map-head strong{color:#08265c}.campaign-home .school-map-head p{color:#60779d}.campaign-home .school-map-stats span{background:#fff;border-color:#c9d9ee;color:#5a7297}.campaign-home .school-map-stats b{color:#073b8c}.campaign-home #county-face stop:first-child{stop-color:#75acf0}.campaign-home #county-face stop:nth-child(2){stop-color:#2f74ce}.campaign-home #county-face stop:last-child{stop-color:#0a438f}.campaign-home #county-side stop:first-child{stop-color:#174f9a}.campaign-home #county-side stop:last-child{stop-color:#052759}.campaign-home .county-vector-face{stroke:#ffd21f;stroke-width:4.5}.campaign-home .county-vector-side{stroke:#063470}.campaign-home .county-vector-rim{stroke:#fff1a8;stroke-opacity:.9}.campaign-home .county-mesh path{stroke:#d8eaff;stroke-opacity:.26}.campaign-home .marker-dot{background:#ffd21f;border-color:#fff8d5;box-shadow:0 0 0 4px #ffd21f40,0 4px 11px #062c6c55}.campaign-home .map-marker:hover .marker-dot,.campaign-home .map-marker:focus-within .marker-dot{box-shadow:0 0 0 7px #ffd21f42,0 5px 15px #073b8c66}.campaign-home .marker-label{background:#fffef3eb;border-color:#d4dfef;color:#083674;box-shadow:0 5px 13px #073b8c25}.campaign-home .marker-label small{background:#e4efff;color:#0b4b9f}.campaign-home .marker-popover{border-color:#c8d8ef;background:#fff;box-shadow:0 22px 60px #062b6750}.campaign-home .popover-title{background:#edf5ff;border-bottom-color:#d4e1f2;color:#082e69}.campaign-home .popover-title b{color:#58739b}.campaign-home .marker-popover ul{list-style:none;padding-left:12px}.campaign-home .marker-popover li{margin:0;border-bottom:1px solid #edf2f9;padding:0}.campaign-home .marker-popover li:last-child{border-bottom:0}.campaign-home .marker-popover li::marker{content:""}.campaign-home .marker-popover li a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 5px;color:#304b75;text-decoration:none;border-radius:7px}.campaign-home .marker-popover li a:hover,.campaign-home .marker-popover li a:focus-visible{background:#edf5ff;color:#073b8c;outline:none}.campaign-home .marker-popover li a span{min-width:0}.campaign-home .marker-popover li a b{flex:0 0 auto;padding:3px 6px;border-radius:6px;background:#ffd21f;color:#073b8c;font-size:7px;text-transform:uppercase;letter-spacing:.5px}.campaign-home .popover-close{color:#7184a1;border-top-color:#e0e8f4}.campaign-home .school-map-foot{border-top-color:#bfd0e8;color:#5b7195}.campaign-home .school-map-foot i{background:#ffd21f;border-color:#fff6c2;box-shadow:0 0 0 3px #ffd21f3c}
.campaign-home .process-section{padding-block:70px;background:linear-gradient(180deg,#edf5ff,#f8fbff);border-block:1px solid #d9e6f7}.campaign-home .section-heading>p,.campaign-home .steps p,.campaign-home .cards p,.campaign-home .faq-section>div>p:not(.eyebrow),.campaign-home details p{color:#607395}.campaign-home h2,.campaign-home h3{color:#0a2c64}.campaign-home .four-steps{grid-template-columns:repeat(4,1fr);gap:14px}.campaign-home .steps li{min-height:190px;padding:23px;border:1px solid #d2e0f3;background:#fff;border-radius:18px;box-shadow:0 12px 35px #073b8c0b}.campaign-home .steps li:before{background:#073b8c;color:#ffd21f}.campaign-home .about{background:#fff;border-color:#dce6f4}.campaign-home .cards article{border-color:#d7e3f4;background:linear-gradient(155deg,#fff,#f1f6ff);box-shadow:0 8px 22px #073b8c09}.campaign-home .cards article>span{background:#ffd21f;color:#073b8c;font-size:13px;font-weight:900}.campaign-home .questions details{border-color:#d6e2f2;background:#fbfdff}.campaign-home .questions details[open]{background:#fff;box-shadow:0 8px 26px #073b8c0d}.campaign-home .closing{background:linear-gradient(125deg,#073b8c,#0f5cc0);border:0;color:#fff}.campaign-home .closing h2,.campaign-home .closing p{color:#fff}.campaign-home .closing .eyebrow{background:#ffffff15;border-color:#ffffff42;color:#fff}.campaign-home .closing .button{background:#ffd21f;color:#073b8c;box-shadow:0 14px 32px #021f4b50}.campaign-home footer{border-color:#d5e1f1;color:#5e7292}.campaign-home footer strong{color:#0a2c64}
@media(max-width:1100px){.campaign-home .hero{grid-template-columns:1fr 1fr;gap:30px}.campaign-home .four-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.campaign-home .hero{grid-template-columns:1fr;padding-block:34px 50px}.campaign-home .hero-copy{text-align:left}.campaign-home .hero h1{font-size:clamp(42px,12vw,58px);letter-spacing:-2.3px}.campaign-home .hero .lead{font-size:17px}.campaign-home .hero-actions{display:grid}.campaign-home .hero-actions .button{width:100%}.campaign-home .school-map-card{max-width:780px;margin-inline:auto}.campaign-home .four-steps{grid-template-columns:1fr}.campaign-home .steps li{min-height:0}.campaign-home .section-heading{grid-template-columns:1fr;gap:10px}}
@media(max-width:430px){.campaign-home .nav .brand>span:last-child{font-size:11px}.campaign-home .brand small{font-size:8px}.campaign-home .nav .button.small{font-size:0;min-width:44px}.campaign-home .nav .button.small span{font-size:16px}.campaign-home .school-map-card{padding:18px 13px 13px}.campaign-home .marker-popover li a{padding:7px 3px}.campaign-home .popover-complete .marker-popover li{font-size:10px}.campaign-home .closing{padding:25px}}

/* Lista liceelor rămâne deschisă după apăsarea pe localitate. */
.map-marker.is-open{z-index:40}
.map-marker.is-open .marker-popover{display:block}
.popover-complete.is-open .marker-popover{left:50%;right:auto;transform:translateX(-50%)}
@media(hover:hover){.map-marker:not(.is-open):hover .marker-popover{display:none}}

@media(max-width:430px){.school-map-card:has(.popover-complete.is-open) .map-canvas{margin-bottom:0}.map-marker.is-open{transform:none}.map-marker.is-open .marker-popover,.map-marker.is-open.pop-left .marker-popover,.map-marker.is-open.pop-right .marker-popover,.map-marker.is-open.popover-complete .marker-popover{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:min(390px,calc(100vh - 24px));transform:none}.map-marker.is-open .marker-popover ul{max-height:min(318px,calc(100vh - 96px));overflow-y:auto}}

/* Final responsive polish */
@media(max-width:760px){.campaign-home .steps li{padding:20px 18px 20px 66px}.campaign-home .steps li:before{left:16px;top:20px}}


body.campaign-home{min-height:100dvh;display:flex;flex-direction:column}body.campaign-home>main{flex:1 0 auto}body.campaign-home>footer{margin-top:auto}

/* On mobile the hero stacks, and the form button belongs under the map: a visitor picks a school first, then opens the form. hero-copy becomes display:contents so its children join the hero grid and can be ordered around the map card. Note the button keeps its DOM position, so on mobile it is reached by keyboard before the map's links rather than after. */
@media(max-width:760px){.campaign-home .hero{text-align:left}.campaign-home .hero-copy{display:contents}.campaign-home .hero-copy h1{order:2}.campaign-home .hero-copy .lead{order:3}.campaign-home .hero-copy .intro{order:4}.campaign-home .school-map-card{order:5}.campaign-home .hero-copy .hero-actions{order:6;margin-top:18px}}