body{background:linear-gradient(180deg,#eaf5fb 0%,#f4fbff 100%);font-family:Arial,sans-serif;color:#17324d;position:relative;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 20%, rgba(113,172,214,.12) 0 2px, transparent 2px),linear-gradient(135deg, rgba(86,153,198,.08) 25%, transparent 25%),linear-gradient(315deg, rgba(86,153,198,.06) 25%, transparent 25%);background-size:28px 28px,120px 120px,120px 120px;pointer-events:none;z-index:-2}
.navbar-glass{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(56,110,150,.08)}
.navbar-brand{font-weight:800;color:#0a4c78}
.hero{background:linear-gradient(135deg,#7fc3e9 0%,#bfe7f9 42%,#dff2fb 100%);color:#103554;padding:74px 0;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto -10% -120px auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.48) 0%, rgba(255,255,255,0) 65%)}
.eyebrow,.section-kicker{display:inline-block;background:rgba(255,255,255,.6);border:1px solid rgba(89,145,183,.25);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;color:#0d5685;letter-spacing:.03em;text-transform:uppercase;margin-bottom:12px}
.hero-note{max-width:760px;color:#1f516f;background:rgba(255,255,255,.42);display:inline-block;padding:10px 14px;border-radius:14px;border:1px solid rgba(91,156,196,.22)}
.card{border:1px solid #c9e1ee;border-radius:22px;box-shadow:0 18px 50px rgba(42,97,133,.09);background:rgba(255,255,255,.94)}
.check-card{border-top:6px solid #7cbfe2}
.form-control,.form-select{border-radius:14px;padding:.85rem 1rem;border:1px solid #bfdcec;background:#fbfeff}
.form-control:focus,.form-select:focus{border-color:#7dbce0;box-shadow:0 0 0 .2rem rgba(125,188,224,.18)}
.btn{border-radius:14px;padding:.8rem 1.15rem;font-weight:700}
.btn-primary{background:linear-gradient(45deg,#4da2d4,#7fc3e9);border:none;color:#fff}
.btn-primary:hover{background:linear-gradient(45deg,#4398c8,#70b8df)}
.btn-outline-primary{border-color:#5da8d5;color:#1b5e85}
.btn-outline-primary:hover{background:#78bde3;border-color:#78bde3}
.section-title{font-weight:800;margin-bottom:1rem;color:#123f61}
.kpi{padding:22px;border-radius:18px;color:#fff}
.kpi h3{margin:0;font-size:28px}.kpi p{margin:0;opacity:.9}
.footer{padding:25px 0;color:#537790}
.print-card{max-width:900px;margin:auto;background:rgba(255,255,255,.96);padding:28px}
.watermark{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;font-size:88px;color:rgba(84,152,196,.06);transform:rotate(-30deg);pointer-events:none;z-index:0}
.content-front{position:relative;z-index:1}.timeline{border-left:3px solid #bcdceb;padding-left:16px}.timeline-item{margin:0 0 16px 0;position:relative}.timeline-item:before{content:'';width:12px;height:12px;border-radius:50%;background:#62abd8;position:absolute;left:-23px;top:4px}
.verify-shell{position:relative;overflow:hidden}.verify-shell:before{content:"";position:absolute;inset:auto -40px -40px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(127,195,233,.18), rgba(127,195,233,0))}
.info-box{background:linear-gradient(180deg,#fafdff,#f3fbff);border:1px solid #c5deec;border-radius:16px;padding:14px 16px;height:100%}.info-box span{display:block;color:#557b95;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.info-box strong{color:#123d61;font-size:17px}
.permit-body{background:#d8eef8}.cyprus-bg{position:fixed;inset:0;background:linear-gradient(180deg,#c7e8f7 0%,#e8f8ff 100%);z-index:-3}.cyprus-bg:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(75deg, rgba(77,162,212,.09) 0 2px, transparent 2px 16px),radial-gradient(circle at 50% 28%, rgba(99,170,214,.16) 0 120px, transparent 120px);opacity:.8}
.permit-card{border:1px solid #a8cfe4;border-radius:10px;box-shadow:0 18px 40px rgba(53,104,139,.12);position:relative;overflow:hidden}.permit-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%, rgba(127,195,233,.18), transparent 35%);pointer-events:none}
.permit-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.permit-head-left h2{font-weight:800;color:#11395c;margin-bottom:6px}.permit-mini{font-size:13px;font-weight:700;letter-spacing:.04em;color:#0d5b89;text-transform:uppercase}.permit-sub{font-size:20px;font-weight:700;color:#214f6b}.permit-note{color:#5b7e95;max-width:520px}.permit-band{height:12px;border-radius:999px;background:linear-gradient(90deg,#7fc3e9,#caebfa);margin-top:18px}.qr-box{background:#fff;border:1px solid #acd3e6;border-radius:12px;padding:10px;max-width:220px}.verify-link-box{border:1px solid #c4dceb;border-radius:14px;background:#f7fcff;padding:14px}.verify-link{word-break:break-all;color:#1a618c;font-weight:700}.permit-footer-note{margin-top:18px;padding-top:16px;border-top:1px solid #cae3ef;text-align:center;color:#567a91;font-size:14px}
@media print{.d-print-none,.btn,.navbar{display:none!important}body, .permit-body{background:#fff!important}.card,.print-card{box-shadow:none!important}.cyprus-bg:before, body:before{opacity:.45!important}}