.app-shell{border-left:1px solid rgba(199,164,92,.35);border-right:1px solid rgba(199,164,92,.35)}
.app-head{position:relative;overflow:hidden;border-top:4px solid var(--gold);background:radial-gradient(circle at 92% 18%,rgba(199,164,92,.18),transparent 32%),linear-gradient(150deg,#06172c,#0b2c50)}
.app-head:after{content:"";position:absolute;width:285px;height:285px;right:-95px;bottom:-115px;background:url("assets/crest.png") center/contain no-repeat;opacity:.055;filter:grayscale(1);pointer-events:none}
.app-brand,.app-greeting{position:relative;z-index:1}.app-brand img{padding:5px;border:1px solid rgba(199,164,92,.65);outline:1px solid rgba(199,164,92,.18);outline-offset:4px;border-radius:50%}.app-brand strong{color:#fff6df}.app-brand span{color:#d3bd86}
.app-greeting small:before{content:"◆";margin-right:9px}.app-greeting h1{color:#fffaf0}
.app-principles{position:relative;z-index:2;display:flex;justify-content:center;gap:14px;padding:11px 14px;background:#061426;color:#d8bd7c;border-top:1px solid rgba(199,164,92,.34);border-bottom:3px double rgba(199,164,92,.7);font:700 9px/1.2 "DM Sans",sans-serif;letter-spacing:.13em;text-transform:uppercase}.app-principles i{width:4px;height:4px;background:var(--gold);transform:rotate(45deg);align-self:center}
.meeting-card{margin-top:16px;border:3px double rgba(7,28,54,.6);box-shadow:0 9px 24px rgba(7,28,54,.14)}
.quick-section h2:after,.install-card h2:after,.payment-strip h2:after{content:"";display:block;width:54px;height:3px;margin-top:10px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.quick-card{position:relative;border-color:#d8d0c0;box-shadow:0 7px 20px rgba(7,28,54,.055);transition:border-color .2s,transform .2s}.quick-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.quick-card:hover{border-color:rgba(199,164,92,.75);transform:translateY(-2px)}
.quick-card .icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(199,164,92,.5);margin:1px 0 11px;font-size:19px}
.payment-strip{position:relative;border:1px solid rgba(199,164,92,.48);box-shadow:inset 0 0 0 5px var(--navy2),inset 0 0 0 6px rgba(199,164,92,.22)}
.bottom-nav{border-top:4px double var(--gold);box-shadow:0 -7px 24px rgba(7,28,54,.12)}.bottom-nav .active b{color:#9a783b}.bottom-nav .active:after{content:"";display:block;width:5px;height:5px;background:var(--gold);transform:rotate(45deg);margin:3px auto 0}
@media(max-width:420px){.app-principles{gap:9px;font-size:8px;letter-spacing:.08em}}
