:root{--ink: #12232f;--ink-soft: #1c3442;--muted: #60727a;--blue: #2f80ed;--blue-dark: #1769cf;--blue-deep: #173f5f;--aqua: #ccefed;--sand: #f2e7d5;--paper: #f7f8f4;--orange: #ef8c64;--green: #56b99a;--line: rgba(18, 35, 47, .12);--white-line: rgba(255, 255, 255, .15)}.landing-page,.landing-page *{box-sizing:border-box}.landing-page{scroll-behavior:smooth;margin:0;color:var(--ink);background:var(--paper);font-family:DM Sans,sans-serif;line-height:1.5}.landing-page a{color:inherit;text-decoration:none}.landing-page button,.landing-page a{-webkit-tap-highlight-color:transparent}.site-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1320px;padding:26px 32px}.brand{align-items:center;display:inline-flex;font-family:Space Grotesk,sans-serif;font-size:1.2rem;font-weight:700;gap:10px;letter-spacing:.02em}.brand-mark{align-items:center;background:var(--ink);border-radius:8px;color:#fff;display:inline-flex;font-size:.95rem;height:32px;justify-content:center;transform:rotate(-8deg);width:32px}.header-nav{align-items:center;display:flex;gap:26px}.header-nav>a:not(.header-login){color:var(--muted);font-size:.82rem;font-weight:600;transition:color .18s ease}.header-nav>a:not(.header-login):hover{color:var(--blue-deep)}.project-link{color:var(--blue-deep)!important}.header-login{color:var(--blue-deep);font-size:.85rem;font-weight:700}.header-login span{margin-left:8px}h1,h2,h3{font-family:Space Grotesk,sans-serif}.eyebrow{align-items:center;color:var(--blue-deep);display:flex;font-size:.7rem;font-weight:700;gap:9px;letter-spacing:.13em;margin:0 0 22px;text-transform:uppercase}.eyebrow-dot{background:var(--blue);border-radius:50%;height:8px;width:8px}.primary-button{align-items:center;background:var(--blue);border-radius:5px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:700;padding:15px 19px;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.primary-button:hover{background:var(--blue-dark);box-shadow:0 8px 24px #2f80ed2e;transform:translateY(-2px)}.primary-button span{margin-left:10px}.quiet-link{border-bottom:1px solid var(--blue);color:var(--blue-deep);font-size:.88rem;font-weight:700;padding-bottom:3px;transition:border-color .18s ease,color .18s ease}.quiet-link:hover{border-color:var(--blue-dark);color:var(--blue)}.hero{align-items:center;display:grid;gap:clamp(50px,7vw,105px);grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);margin:0 auto;max-width:1320px;min-height:650px;padding:55px 32px 100px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:3rem;letter-spacing:-.055em;line-height:.96;margin:0;max-width:700px}.hero h1 span{color:var(--blue)}.hero-text{color:var(--muted);font-size:1.06rem;margin:30px 0 0;max-width:540px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:25px;margin-top:34px}.hero-meta{align-items:center;color:#12232f94;display:flex;font-size:.68rem;font-weight:600;gap:10px;margin-top:42px}.meta-separator{background:#12232f40;border-radius:50%;height:4px;width:4px}.hero-visual{overflow:hidden}.hero-visual img{width:100%;height:100%;display:block;object-fit:cover}.map-grid{background-image:linear-gradient(rgba(255,255,255,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.42) 1px,transparent 1px);background-size:45px 45px;height:100%;opacity:.7;position:absolute;transform:rotate(-8deg) scale(1.3);width:100%}.terrain{border:1px solid rgba(23,63,95,.08);border-radius:50%;position:absolute}.terrain-one{background:#ccefedbf;height:430px;left:-80px;top:80px;transform:rotate(-18deg);width:430px}.terrain-two{background:#f2e7d599;height:350px;right:-110px;top:-80px;transform:rotate(20deg);width:350px}.map-river{background:#a7d7d6;border:16px solid rgba(255,255,255,.5);border-radius:50%;height:145%;left:37%;position:absolute;top:-22%;transform:rotate(22deg);width:34%}.map-route{border:3px solid var(--orange);border-radius:50%;position:absolute;transform:rotate(-28deg)}.route-one{height:440px;left:3%;top:12%;width:74%}.route-two{border-color:#6e9fb0;height:290px;left:31%;top:34%;width:80%}.risk-zone{border:1px dashed rgba(239,140,100,.65);border-radius:50%;position:absolute}.risk-zone-one{background:#ef8c6421;height:190px;left:15%;top:24%;width:270px}.risk-zone-two{background:#2f80ed1c;border-color:#2f80ed8c;bottom:8%;height:150px;right:5%;width:220px}.map-pin{align-items:center;background:var(--orange);border:4px solid white;border-radius:50%;box-shadow:0 4px 12px #12232f26;color:#fff;display:flex;font-size:1.1rem;height:27px;justify-content:center;position:absolute;width:27px;z-index:3}.pin-one{left:25%;top:29%}.pin-two{background:var(--blue);bottom:23%;right:20%}.map-label{background:#ffffffdb;color:var(--blue-deep);font-size:.68rem;font-weight:700;padding:6px 9px;position:absolute;z-index:4}.label-one{left:11%;top:20%}.label-two{bottom:25%;right:8%}.map-card{background:#ffffffed;bottom:25px;left:25px;padding:15px 18px;position:absolute;width:205px;z-index:5}.map-card-kicker,.map-card-status{color:var(--muted);display:block;font-size:.6rem;letter-spacing:.08em}.map-card strong{display:block;font-family:Space Grotesk,sans-serif;font-size:1.35rem;margin:4px 0 9px}.map-card-status{align-items:center;display:flex;gap:5px;letter-spacing:0}.map-card-status i{background:var(--green);border-radius:50%;height:6px;width:6px}.simulation-bar{align-items:center;bottom:18px;color:#12232f99;display:flex;font-size:.58rem;gap:8px;position:absolute;right:20px;z-index:5}.simulation-track{background:#ffffffb3;height:4px;overflow:hidden;position:relative;width:130px}.simulation-track span{background:var(--blue);display:block;height:100%;width:65%}.coordinates{bottom:8px;color:#12232f8c;font-size:.58rem;position:absolute;right:15px}.intro{align-items:end;display:grid;gap:70px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1320px;padding:65px 32px 75px}.intro h2,.section-heading h2,.workflow-intro h2,.impact-copy h2,.project-copy h2,.closing-cta h2{font-size:clamp(2rem,3.5vw,3.5rem);letter-spacing:-.045em;line-height:1;margin:0}.intro-text{color:var(--muted);font-size:1rem;margin:0;max-width:510px}.capabilities{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1320px;padding:0 32px 125px}.capability{min-height:325px;padding:27px;position:relative}.capability-number{font-size:.7rem;font-weight:700;opacity:.65}.capability-icon{font-size:2.2rem;margin-top:42px}.capability h3{font-size:1.35rem;margin:20px 0 9px}.capability p{font-size:.91rem;margin:0;max-width:310px}.capability-dark{background:var(--ink);color:#fff}.capability-blue{background:var(--aqua);color:var(--blue-deep)}.capability-sand{background:var(--sand);color:var(--ink)}.hazards-section{background:#edf1ed;padding:110px 32px 125px}.section-heading{align-items:end;display:grid;gap:80px;grid-template-columns:1fr .65fr;margin:0 auto 60px;max-width:1256px}.section-heading>p{color:var(--muted);font-size:.98rem;margin:0;max-width:470px}.hazards-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1256px}.hazard-card{min-height:285px;overflow:hidden;padding:25px;position:relative}.hazard-number{font-size:.7rem;font-weight:700;opacity:.65}.hazard-symbol{font-family:Space Grotesk,sans-serif;font-size:4rem;line-height:1;opacity:.3;position:absolute;right:28px;top:20px}.hazard-content{bottom:28px;left:28px;max-width:430px;position:absolute;right:28px}.hazard-tag{font-size:.62rem;font-weight:700;letter-spacing:.1em;opacity:.65}.hazard-card h3{font-size:1.6rem;margin:8px 0}.hazard-card p{font-size:.9rem;margin:0;max-width:410px}.hazard-flood{background:#ccefed;color:var(--blue-deep)}.hazard-debris,.hazard-climate{background:var(--ink);color:#fff}.hazard-wildfire{background:#f6d9c8;color:#7a2e12}.hazard-erosion{background:var(--sand);color:var(--ink)}.hazard-future{grid-column:1 / -1;min-height:0;background:#dbe5e7;color:var(--blue-deep)}.workflow-section{margin:0 auto;max-width:1320px;padding:120px 32px}.workflow-intro{margin-bottom:70px}.workflow{align-items:stretch;display:flex;flex-direction:column;max-width:900px}.workflow-step{align-items:flex-start;display:grid;gap:28px;grid-template-columns:40px 1fr}.workflow-step>span{color:var(--blue);font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700}.workflow-step strong{display:block;font-family:Space Grotesk,sans-serif;font-size:1.25rem}.workflow-step p{color:var(--muted);font-size:.9rem;margin:5px 0 0}.workflow-line{background:var(--line);height:38px;margin-left:17px;width:1px}.impact-section{align-items:center;background:var(--blue-deep);color:#fff;display:grid;gap:80px;grid-template-columns:1fr 1fr;padding:110px max(32px,calc((100vw - 1256px)/2))}.impact-section .eyebrow{color:#b9e8e6}.impact-copy h2{max-width:600px}.impact-copy>p:not(.eyebrow){color:#ffffffb3;font-size:.98rem;margin:30px 0 0;max-width:540px}.impact-note{color:#ffffff80;display:block;font-size:.65rem;font-weight:600;margin-top:25px}.impact-stat{align-items:center;display:grid;gap:25px;grid-template-columns:1fr auto 1fr;position:relative}.stat-before,.stat-after{display:flex;flex-direction:column}.stat-before span,.stat-after span{color:#ffffff8c;font-size:.68rem;font-weight:600;margin-bottom:6px}.stat-before strong,.stat-after strong{font-family:Space Grotesk,sans-serif;font-size:clamp(4rem,6vw,6.5rem);letter-spacing:-.06em;line-height:.9}.stat-before small,.stat-after small{color:#ffffff8c;font-size:.72rem;margin-top:7px}.stat-arrow{font-size:2rem;opacity:.5}.stat-after strong{color:#b9e8e6}.stat-reduction{bottom:-55px;display:flex;flex-direction:column;left:50%;position:absolute;transform:translate(-50%)}.stat-reduction strong{font-family:Space Grotesk,sans-serif;font-size:1.8rem}.stat-reduction span{color:#ffffff80;font-size:.62rem;white-space:nowrap}.project-section{align-items:start;display:grid;gap:100px;grid-template-columns:1fr .75fr;margin:0 auto;max-width:1320px;padding:125px 32px}.project-copy h2{font-size:clamp(2.3rem,4vw,4rem)}.project-text{padding-top:35px}.project-text p{color:var(--muted);font-size:.98rem;margin:0 0 24px;max-width:510px}.project-button{align-items:center;border-bottom:1px solid var(--blue);color:var(--blue-deep);display:inline-flex;font-size:.88rem;font-weight:700;margin-top:15px;padding-bottom:5px}.project-button span{margin-left:9px}.closing-cta{align-items:end;background:var(--ink);color:#fff;display:flex;justify-content:space-between;padding:80px max(32px,calc((100vw - 1256px)/2))}.closing-cta .eyebrow{color:#b9e8e6}.closing-cta h2{font-size:clamp(2.4rem,4vw,4rem)}.light-button{background:#fff;color:var(--blue-deep)}.light-button:hover{background:#e6f5f4}.site-footer{align-items:center;color:var(--muted);display:flex;font-size:.7rem;justify-content:space-between;margin:0 auto;max-width:1320px;padding:28px 32px}.footer-brand,.footer-right{align-items:center;display:flex;gap:16px}.footer-logo{color:var(--ink);font-family:Space Grotesk,sans-serif;font-weight:700}.footer-right a{color:var(--blue-deep);font-weight:700}@media (max-width: 1000px){.header-nav{gap:15px}.header-nav>a:not(.header-login){display:none}.hero{gap:55px;grid-template-columns:1fr;padding-top:40px}.hero-copy{max-width:720px}.hero-visual{height:430px;max-width:750px;width:100%}.section-heading{gap:40px}.impact-section,.project-section{gap:60px}}@media (max-width: 850px){.intro{gap:30px;grid-template-columns:1fr}.capabilities{grid-template-columns:1fr}.capability{min-height:260px}.section-heading,.hazards-grid{grid-template-columns:1fr}.workflow-section{padding-bottom:100px;padding-top:100px}.impact-section{grid-template-columns:1fr}.impact-stat{max-width:650px}.project-section{grid-template-columns:1fr}}@media (max-width: 560px){.site-header{padding:20px}.brand{font-size:1.05rem}.header-login{font-size:.78rem}.hero,.intro,.capabilities,.workflow-section,.project-section{padding-left:20px;padding-right:20px}.hero{padding-bottom:80px}.hero h1{font-size:3.05rem}.hero-text{font-size:.98rem}.hero-meta{align-items:flex-start;flex-direction:column;gap:5px}.meta-separator{display:none}.hero-visual{box-shadow:9px 9px #e5ded0;height:340px}.map-card{bottom:18px;left:18px}.simulation-bar,.coordinates{display:none}.intro{padding-bottom:60px;padding-top:60px}.capabilities{padding-bottom:85px}.hazards-section{padding:80px 20px 85px}.hazards-grid{gap:10px}.hazard-card{min-height:300px}.hazard-content{bottom:24px;left:24px;right:24px}.workflow{width:100%}.workflow-section{padding-bottom:85px;padding-top:85px}.impact-section{gap:90px;padding:85px 20px 110px}.impact-stat{gap:12px;grid-template-columns:1fr auto 1fr}.stat-before strong,.stat-after strong{font-size:4rem}.stat-arrow{font-size:1.5rem}.stat-reduction{bottom:-60px}.project-section{gap:20px;padding-bottom:90px;padding-top:90px}.project-text{padding-top:10px}.closing-cta{align-items:flex-start;flex-direction:column;gap:35px;padding:70px 20px}.site-footer{align-items:flex-start;flex-direction:column;gap:18px;padding:25px 20px}.footer-brand,.footer-right{align-items:flex-start;flex-direction:column;gap:6px}}.landing-page .lang-switcher{display:inline-flex;background:#12232f0f;border-radius:6px;padding:3px;gap:2px;margin-left:15px}.landing-page .lang-btn{border:none;background:transparent;padding:4px 8px;font-size:.75rem;font-weight:700;color:var(--muted);cursor:pointer;border-radius:4px;transition:all .18s ease}.landing-page .lang-btn.active{background:var(--blue-deep);color:#fff}html{-webkit-text-size-adjust:100%}img,video,canvas,svg{max-width:100%}@media (pointer: coarse){html input:not([type=checkbox]):not([type=radio]):not([type=range]),html select,html textarea{font-size:16px}}html:root{--topbar-height: 48px}html .map-page #map{top:var(--topbar-height)}html .map-page #tiff-style-panel,html .map-page #vector-style-panel{top:var(--topbar-height);height:calc(100vh - var(--topbar-height))}.map-page .map-topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);z-index:1200;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:0 12px;background:#fff;border-bottom:1px solid #9ec9ff;box-shadow:0 2px 8px #0000001f;font-family:Arial,sans-serif;color:#034078}.map-page .topbar-title{display:flex;align-items:center;gap:8px;flex:0 1 auto;min-width:0;max-width:28%;font-weight:700;font-size:15px}.map-page .topbar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-page .topbar-tools{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;padding:4px 2px}.map-page .topbar-tools::-webkit-scrollbar{display:none}.map-page .topbar-tools .ol-control{position:static;flex:0 0 auto;padding:0;background:transparent;border-radius:0}.map-page .topbar-tools .ol-control button{width:36px;height:36px;margin:0;padding:0;font-size:18px;line-height:1;border:1px solid #c7d6e6;border-radius:6px;background:#f8fbff}.map-page .topbar-tools .ol-control button:hover{background:#dbeafe}.map-page .map-topbar #btn-back-projects{position:static;flex:0 0 auto;margin-left:auto;padding:7px 12px;box-shadow:none;white-space:nowrap}html:root{--sidebar-width: var(--sidebar-user-width, 370px)}html .map-page #tiff-style-panel,html .map-page #vector-style-panel{width:var(--style-panel-width, 340px)}.resize-handle{z-index:9999;width:10px;cursor:col-resize;touch-action:none;background:transparent;transition:background .15s}.resize-handle:hover,.resize-handle:focus-visible,.resize-handle:active{background:#0366d659;outline:none}.resize-handle-right{position:absolute;top:0;bottom:0;right:0}.resize-handle-left{position:fixed;top:0;bottom:0;right:calc(var(--style-panel-width, 340px) - 5px)}html .map-page #map-status-bar{position:fixed;right:10px;bottom:10px;z-index:1000;display:flex;align-items:flex-end;gap:10px;max-width:calc(100vw - 20px)}html .map-page #map-scale{pointer-events:none}html .map-page #map-scale .ol-scale-line{position:static;display:block;padding:2px 6px;background:#ffffffe6;border-radius:4px;box-shadow:0 1px 3px #0003}html .map-page #map-scale .ol-scale-line-inner{color:#034078;border:2px solid #034078;border-top:none;font:600 11px Arial,sans-serif;text-align:center;margin:1px}html .map-page #mouse-coordinates{position:static;left:auto;bottom:auto}html .map-page #map{bottom:var(--profile-height, 0px)}html .map-page #map-status-bar{bottom:calc(10px + var(--profile-height, 0px))}html .map-page #simulation-minimized-bar{bottom:calc(16px + var(--profile-height, 0px))}.map-page .profile-panel{position:fixed;left:var(--sidebar-width);right:0;bottom:0;height:var(--profile-height, 300px);z-index:1100;display:flex;flex-direction:column;box-sizing:border-box;background:#fff;border-top:2px solid #9ec9ff;box-shadow:0 -4px 16px #00000026;font-family:Arial,sans-serif;color:#034078}.map-page .profile-resize{position:absolute;top:-5px;left:0;right:0;height:10px;cursor:row-resize;touch-action:none;z-index:2}.map-page .profile-resize:hover{background:#0366d659}.map-page .profile-header{display:flex;align-items:center;gap:12px;padding:6px 10px;border-bottom:1px solid #e2e8f0;background:#f4f9ff;flex:0 0 auto}.map-page .profile-info{flex:1 1 auto;min-width:0;font-size:12px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-page .profile-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.map-page .profile-actions button{padding:4px 8px;font-size:12px;border:1px solid #9ec9ff;border-radius:4px;background:#fff;color:#034078;cursor:pointer}.map-page .profile-actions button:hover:not(:disabled){background:#a6d1ff}.map-page .profile-actions button:disabled{opacity:.5;cursor:default}.map-page .profile-actions .profile-close{border:none;background:transparent;font-size:22px;line-height:1;padding:0 4px;color:#0366d6}.map-page .profile-body{display:flex;flex:1 1 auto;min-height:0}.map-page .profile-chart-col{position:relative;flex:1 1 auto;min-width:0}.map-page .profile-chart-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.map-page .profile-canvas{display:block;touch-action:none;cursor:crosshair}.map-page .profile-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:12px;text-align:center;font-size:13px;color:#64748b}.map-page .profile-empty-over{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;pointer-events:none}.map-page .profile-loading{position:absolute;top:6px;right:14px;font-size:11px;color:#64748b}.map-page .profile-tooltip{position:absolute;top:6px;left:62px;display:flex;gap:10px;padding:2px 8px;font-size:11px;font-weight:700;background:#ffffffeb;border:1px solid #e2e8f0;border-radius:4px;pointer-events:none}.map-page .profile-tooltip i,.map-page .profile-swatch{display:inline-block;width:10px;height:10px;margin-right:4px;border-radius:2px;flex:0 0 auto}.map-page .profile-layers{flex:0 0 260px;width:260px;box-sizing:border-box;padding:8px 10px;border-left:1px solid #e2e8f0;background:#f8fbfd;overflow-y:auto;font-size:12px}.map-page .profile-layers-title{margin-bottom:6px;font-weight:700}.map-page .profile-layers ul{list-style:none;margin:0;padding:0}.map-page .profile-layers li{margin-bottom:4px}.map-page .profile-layers li label{display:flex;align-items:center;gap:4px;cursor:pointer}.map-page .profile-layers li.is-disabled label{opacity:.5;cursor:default}.map-page .profile-layer-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-page .profile-layer-none{color:#64748b}.map-page .profile-normalize{display:flex;align-items:center;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0;cursor:pointer}.map-page .profile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990}.map-page .profile-menu{position:fixed;z-index:9991;margin:0;padding:4px;list-style:none;min-width:200px;background:#fff;border:1px solid #9ec9ff;border-radius:6px;box-shadow:0 6px 18px #00000040}.map-page .profile-menu button{display:block;width:100%;padding:8px 10px;text-align:left;font-size:13px;color:#034078;background:transparent;border:none;border-radius:4px;cursor:pointer}.map-page .profile-menu button:hover{background:#e6f1ff}@media (max-width: 900px){html .map-page .profile-panel{left:0}html .map-page .profile-body{flex-direction:column}html .map-page .profile-layers{flex:0 0 auto;width:auto;max-height:36%;border-left:none;border-top:1px solid #e2e8f0}html .map-page .profile-layers ul{display:flex;flex-wrap:wrap;gap:4px 12px}html .map-page .profile-header{flex-wrap:wrap;gap:6px}html .map-page .profile-info{flex-basis:100%;order:3}html .map-page .profile-btn-text{display:none}html .map-page .sidebar-toggle{z-index:9400}}.map-page .sidebar-toggle,.map-page .sidebar-backdrop{display:none}@media (max-width: 1200px){html:root{--sidebar-width: var(--sidebar-user-width, 320px)}html .map-page #simulation-form-container .modal-content{min-width:min(700px,94vw)}}@media (max-width: 900px){html:root{--sidebar-width: 0px}html .map-page .sidebar{width:min(88vw,360px);height:100vh;height:100dvh;transform:translate(-102%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;z-index:9600;box-shadow:none;padding-bottom:calc(1em + env(safe-area-inset-bottom,0px))}html .map-page .sidebar.is-open{visibility:visible;transition-delay:0s;transform:translate(0);box-shadow:6px 0 24px #0000004d}.resize-handle{display:none}html .map-page .sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9550;background:#0006}html .map-page .map-topbar{left:0;padding-left:56px}html .map-page .topbar-title{max-width:30%}html .map-page .sidebar-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:4px;left:8px;z-index:9400;width:40px;height:40px;padding:0;font-size:20px;color:#034078;background:#fff;border:1px solid #034078;border-radius:6px;box-shadow:0 2px 6px #0000004d;cursor:pointer}html .map-page .sidebar-toggle.is-open{left:auto;right:10px;top:4px;z-index:9700}html .map-page .ol-zoom{left:auto;right:10px;top:10px}html .map-page #map-status-bar{right:8px;bottom:8px;gap:6px}html .map-page #mouse-coordinates{font-size:11px;padding:3px 6px}html .map-page #simulation-minimized-bar{left:10px;right:10px;bottom:44px}html .map-page .fvcover-min-bar{left:10px;right:10px}html .tool-minibar{left:10px;max-width:calc(100vw - 20px);bottom:44px}html .map-page #draw-options-container{width:min(300px,calc(100vw - 80px))}html .map-page #draw-options-container[style]{left:56px!important}html .map-page #tiff-style-panel,html .map-page #vector-style-panel{width:min(360px,100vw);height:100vh;height:100dvh}html .map-page .assistant-panel{right:8px;bottom:8px;width:calc(100vw - 16px);max-width:420px;height:min(580px,78dvh)}}@media (max-width: 600px){html .ol-control button{min-width:36px;min-height:36px}html .map-page .map-topbar #btn-back-projects{font-size:12px;padding:7px 8px}html .map-page .topbar-title{max-width:none}html .map-page .modal-content,html .map-page .modal-content.series-modal,html .map-page .modal-content.series-modal.tool-modal,html .map-page #simulations-modal .modal-content,html .map-page #simulation-form-container .modal-content{width:96vw!important;min-width:0!important;max-width:96vw!important;max-height:92vh;max-height:92dvh;box-sizing:border-box;padding:16px 14px;overflow-y:auto}html .map-page #simulation-form-container .modal-content{height:92dvh;min-height:0}html .map-page .field-group{flex-direction:column;align-items:stretch;gap:4px}html .map-page .field-group label{width:auto;min-width:0;text-align:left}html .map-page #sim-title{font-size:1.3em;margin-bottom:14px}html .tool-stations,html .series-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}html .tool-preview img{height:auto;max-height:45vh}html .map-page .modal-content.series-modal.tool-modal .tool-table input[type=number]{width:70px}html .tool-footer-end{width:100%;justify-content:flex-end}html .map-page .assistant-panel{height:78dvh}}@media (max-width: 480px){html .map-page .topbar-name{display:none}}@media (max-width: 380px){html .map-page #btn-back-projects{padding:6px 8px}}@media (max-height: 480px) and (orientation: landscape){html .map-page .modal-content{max-height:94vh;overflow-y:auto}html .map-page .assistant-panel{height:90vh}}@media (max-width: 600px){html .page-projects{padding:48px 12px 12px}html .page-projects .container{padding:18px 14px}html .page-projects .header{flex-wrap:wrap;gap:10px}html .page-projects #projectsList li{flex-direction:column;align-items:stretch;gap:10px}html .page-projects #projectsList li .actions{display:flex;flex-wrap:wrap;gap:6px}html .page-projects #projectsList li .actions button{margin-left:0;flex:1 1 auto}html .page-projects .modal-content{width:92%;box-sizing:border-box;max-height:90vh;overflow-y:auto}html .page-login .login-container{width:100%;max-width:350px;margin:16px;padding:28px 20px;box-sizing:border-box}html .page-register .register-container{margin:24px 12px;padding:22px 16px;max-width:none}html .page-admin .wrap{margin:12px auto}html .page-admin .row{grid-template-columns:1fr}html .page-admin .card{overflow-x:auto}}@media (max-width: 900px){html .landing-page .guide-modes-section{padding:28px 16px 0}html .landing-page .guide-content-section{padding:36px 16px 70px}html .landing-page .mode-tabs{gap:6px}html .landing-page .mode-tab{padding:12px 14px;font-size:.85rem}html .landing-page .guide-content-section img,html .landing-page .guide-content-section table{max-width:100%}html .landing-page .guide-content-section table{display:block;overflow-x:auto}html .landing-page .guide-content-section pre{overflow-x:auto}}@media (max-width: 560px){html .landing-page .site-header{gap:8px;flex-wrap:wrap}html .landing-page .lang-switcher{margin-left:6px}html .landing-page .hero h1{font-size:clamp(2.2rem,11vw,3.05rem);word-break:break-word}}.page-login{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f2f5;margin:0}.page-login .login-container{background:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 20px #0000001a;width:350px;text-align:center}.page-login .login-container h2{margin-bottom:30px;color:#333;font-size:28px}.page-login .form-group{margin-bottom:20px;text-align:left}.page-login .form-group label{display:block;margin-bottom:8px;color:#555;font-weight:700}.page-login .form-group input{width:calc(100% - 24px);padding:12px;border:1px solid #ccc;border-radius:6px;font-size:16px}.page-login .btn-login{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:18px;font-weight:700;transition:background-color .3s ease}.page-login .btn-login:hover{background-color:#0056b3}.page-login .error-message{color:red;margin-top:15px;font-size:14px}.page-login #lang-selector{position:absolute;top:10px;right:10px;z-index:2000;padding:5px}.page-register .register-container{max-width:400px;margin:100px auto;padding:30px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.page-register .register-container h2{text-align:center;margin-bottom:30px;color:#333}.page-register .form-group{margin-bottom:20px}.page-register .form-group label{display:block;margin-bottom:5px;color:#555;font-weight:500}.page-register .form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.page-register .form-group input:focus{outline:none;border-color:#4caf50}.page-register .btn-register{width:100%;padding:12px;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;margin-top:10px}.page-register .btn-register:hover{background:#45a049}.page-register .error-message{color:#d32f2f;padding:10px;margin-bottom:15px;background:#ffebee;border-radius:4px;display:none}.page-register .success-message{color:#388e3c;padding:10px;margin-bottom:15px;background:#e8f5e9;border-radius:4px;display:none}.page-register .login-link{text-align:center;margin-top:20px;color:#666}.page-register .login-link a{color:#4caf50;text-decoration:none}.page-register .login-link a:hover{text-decoration:underline}.page-register .password-requirements{font-size:12px;color:#666;margin-top:5px}