@font-face{font-family:"Bebas Neue";src:url("assets/bebas-neue.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url("assets/manrope-300.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:Manrope;src:url("assets/manrope-500.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url("assets/manrope-700.ttf") format("truetype");font-weight:700;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;color:#f8fafc;background:#101828}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;min-width:320px;background:radial-gradient(circle at 50% 0,#274d7e 0,transparent 44rem),#101828}
button{padding:10px 13px;border:1px solid #ffffff29;border-radius:9px;font:700 12px/1 Manrope,Arial,sans-serif;color:#fff;background:#233b5b;cursor:pointer}
button:hover{background:#2d4c74}
button:focus-visible,[contenteditable]:focus-visible{outline:2px solid #ffd400;outline-offset:3px}
.primary{border-color:#ffd400;color:#09264a;background:#ffd400}
.primary:hover{background:#ffe14c}
.quiet{color:#ffc4c4}
.toolbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;border-bottom:1px solid #ffffff1f;background:#0f2038ed;backdrop-filter:blur(14px)}
.toolbar__title{display:grid;gap:3px;white-space:nowrap}
.toolbar__title strong{font-size:15px}
.toolbar__title small{font-size:11px;font-weight:300;color:#b7c7dc}
.toolbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.workspace{display:grid;place-items:start center;padding:28px 16px 60px;overflow:auto}
.sheet{position:relative;width:min(595px,calc(100vw - 32px));aspect-ratio:595/839;overflow:hidden;isolation:isolate;container-type:inline-size;background:#174d91;box-shadow:0 30px 75px #0009;user-select:none}
.photo{position:absolute;z-index:-2;inset:0 0 13.11% 0;overflow:hidden;cursor:grab;touch-action:none}
.photo.dragging{cursor:grabbing}
.photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;pointer-events:none}
.photo__tint{position:absolute;inset:0;background:linear-gradient(180deg,#0735710f 0,#2c6ab017 50%,#021a320d 100%);pointer-events:none}
.photo__add{position:absolute;z-index:3;right:3.2cqw;bottom:3.2cqw;width:8cqw;height:8cqw;min-width:40px;min-height:40px;padding:0;border:1px solid #ffffffd9;border-radius:50%;display:grid;place-items:center;color:#ffd400;background:#071f3dd9;font:300 5.6cqw/1 Manrope,Arial,sans-serif;box-shadow:0 7px 22px #0007;backdrop-filter:blur(7px)}
.photo__hint{position:absolute;right:12.5cqw;bottom:4.5cqw;padding:.8cqw 1.4cqw;border-radius:99px;color:#fff;background:#071f3dc9;font-size:1.65cqw;opacity:0;transition:.18s;pointer-events:none}
.photo:hover .photo__hint{opacity:1}
.brand{position:absolute;z-index:3;left:50%;top:4.53%;width:26.89%;height:auto;transform:translateX(-50%);object-fit:contain}
h1{position:absolute;z-index:3;left:5%;top:13.6%;width:90%;margin:0;font:400 8.18cqw/.965 "Bebas Neue",Impact,sans-serif;letter-spacing:-.08cqw;text-align:center;text-transform:uppercase;color:#fff;text-shadow:0 .18cqw .5cqw #08234e33}
.metrics{position:absolute;z-index:4;inset:0;pointer-events:none}
.metric{position:absolute;width:19.16%;height:23.48%;border:.16cqw solid #ffffffd5;border-radius:1.65cqw;background:linear-gradient(180deg,#ffffff4d,#ffffff0d);transform:rotate(-4deg);transform-origin:center;pointer-events:auto;text-align:center;overflow:hidden}
.metric--1{left:6.72%;top:32.93%}
.metric--2{left:29.24%;top:31.86%}
.metric--3{left:51.76%;top:30.79%}
.metric--4{left:74.28%;top:29.71%}
.metric strong{position:absolute;left:2%;right:2%;top:7%;font:400 8cqw/.9 "Bebas Neue",Impact,sans-serif;white-space:nowrap;color:#ffd400}
.metric--2 strong{font-size:7.35cqw}
.metric--3 strong{font-size:6.85cqw}
.metric--4 strong{top:7.5%;font-size:6.08cqw}
.metric i{position:absolute;left:10%;right:10%;top:27.5%;height:.14cqw;background:#ffffffed}
.metric span{position:absolute;left:2%;right:2%;top:31.5%;font:700 1.82cqw/1.18 Manrope,Arial,sans-serif;color:#fff}
.metric--2 span,.metric--3 span,.metric--4 span{font-size:1.85cqw}
.sheet__footer{position:absolute;z-index:6;left:0;right:0;bottom:0;height:13.11%;padding:3.3cqw 7cqw 1.5cqw;border-top:.2cqw solid #66809c;background:radial-gradient(ellipse at 50% 0,#082f5e 0,#041e3d 55%,#03162c 100%);color:#fff}
.contacts{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:7cqw}
.contacts strong{font:400 4.75cqw/.9 "Bebas Neue",Impact,sans-serif;white-space:nowrap;text-align:center;text-shadow:.15cqw .12cqw .25cqw #0008}
.sheet__footer p{margin:2.25cqw 0 0;font:300 2.12cqw/1.17 Manrope,Arial,sans-serif;text-align:center}
[contenteditable]{min-width:1em;border-radius:.2cqw;outline:.18cqw dashed transparent;outline-offset:.45cqw;cursor:text;user-select:text}
.sheet:not(.preview) [contenteditable]:hover{outline-color:#ffd400b3;background:#082e5c38}
.sheet:not(.preview) [contenteditable]:focus{outline:.28cqw solid #ffd400;background:#082e5c66}
.sheet.preview [contenteditable]{cursor:default}
.sheet.preview .photo__add,.sheet.preview .photo__hint{display:none}
body.viewing .toolbar__actions button:not(#viewToggle){display:none}
body:has(.sheet:target) .toolbar{display:none}
body:has(.sheet:target) .workspace{display:block;padding:0}
body:has(.sheet:target) .sheet{width:595px;box-shadow:none}
body:has(.sheet:target) .photo__add,body:has(.sheet:target) .photo__hint{display:none}
@media(max-width:760px){.toolbar{align-items:flex-start;flex-direction:column;padding:12px}.toolbar__title small{display:none}.toolbar__actions{justify-content:flex-start;gap:5px}.toolbar button{padding:9px;font-size:11px}.workspace{padding:16px 8px 40px}.sheet{width:min(595px,calc(100vw - 16px))}}
@page{size:A4 portrait;margin:0}
@media print{html,body{width:210mm;height:297mm;margin:0!important;background:#fff}body{print-color-adjust:exact;-webkit-print-color-adjust:exact}.toolbar{display:none!important}.workspace{display:block;padding:0!important;margin:0!important;overflow:visible}.sheet{width:210mm!important;height:297mm!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.photo__add,.photo__hint{display:none!important}[contenteditable]{outline:none!important;background:transparent!important}}