:root{--bg:#080d18;--panel:#101827;--line:#253146;--muted:#98a6bb;--text:#eef3fb;--blue:#3d8bff;--cyan:#66d7f3;--purple:#7d73ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1200px)/2),5%);border-bottom:1px solid #1d293b;background:rgba(8,13,24,.95);position:sticky;top:0;z-index:50;backdrop-filter:blur(18px)}.brand{display:flex;gap:11px;align-items:center;font-weight:900;letter-spacing:.04em;line-height:1.2}.brand b{color:var(--blue)}.brand small{display:block;font-size:8px;letter-spacing:.2em;color:#8190a6;margin-top:5px}.brand-icon{height:43px;width:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#3988ff,#6a62e9);color:white;font-size:20px;box-shadow:0 8px 25px #317fff35}.nav{display:flex;align-items:center;gap:25px;font-size:12px;color:#c1cada;font-weight:600}.nav a:hover,.nav a.active{color:#71b1ff}.nav .nav-cta{padding:11px 15px;border-radius:9px;background:#317df0;color:white}.menu-toggle{display:none;background:none;color:white;border:0;font-size:23px}.hero{padding:76px max(calc((100vw - 1200px)/2),5%) 0;background:radial-gradient(ellipse at 80% 40%,#16336750,transparent 35%),linear-gradient(120deg,#080d18,#0a1223 70%,#10162b);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:450px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em;color:#70b4ff;margin-bottom:16px}.eyebrow span{display:inline-block;width:7px;height:7px;background:#68d5f5;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #68d5f5}.hero h1,.page-hero h1,.success-page h1{font-size:clamp(42px,5.2vw,70px);line-height:1.08;letter-spacing:-.055em;margin:0 0 22px;font-weight:900}.hero h1 em,.section h2 em,.page-hero h1 em,.success-page h1 em,.service-band h2 em{font-style:normal;background:linear-gradient(90deg,#72c9ff,#8581ff);color:transparent;background-clip:text}.hero-copy>p,.page-hero>p{color:#aab6c8;max-width:510px;font-size:14px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 19px;border-radius:9px;font-size:12px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(110deg,#397ff3,#665ff0);color:white;box-shadow:0 9px 26px #3879ed2b}.btn.outline{border-color:#3b4b65;color:#e1e9f5;background:#111b2d}.btn.light{background:#fff;color:#141e30}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:36px}.proof-icon{width:31px;height:31px;border-radius:50%;background:#183c48;color:#67e2bd;display:grid;place-items:center}.hero-proof b,.hero-proof small{display:block}.hero-proof b{font-size:11px}.hero-proof small{font-size:10px;color:#8190a6}.hero-visual{height:440px;position:relative;display:grid;place-items:center}.hero-glow{position:absolute;width:350px;height:350px;background:#2769f53a;filter:blur(80px);border-radius:50%}.device-card{position:relative;width:min(350px,75%);transform:rotate(-5deg);filter:drop-shadow(0 30px 40px #0009)}.device-screen{height:230px;border:9px solid #303b4c;border-bottom-width:13px;border-radius:17px;background:linear-gradient(145deg,#121c30,#11152d 60%,#293d71);padding:15px;overflow:hidden}.screen-top{display:flex;gap:5px}.screen-top span{width:5px;height:5px;border-radius:50%;background:#76839c}.screen-art{display:flex;align-items:center;justify-content:center;gap:16px;height:140px;color:#7ad4ff}.screen-art i{font-size:65px;text-shadow:0 0 30px #3889ff}.screen-art b{font-size:22px;line-height:1.1;letter-spacing:.08em;color:#e8f4ff}.screen-lines{display:flex;gap:6px}.screen-lines span{height:4px;background:#385b8b;border-radius:4px;width:25%}.screen-lines span:first-child{width:45%;background:#54b6fa}.device-base{height:17px;background:linear-gradient(#7d8795,#303a4a 50%,#1b2534);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);border-radius:0 0 7px 7px}.floating-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#111d30eF;border:1px solid #344965;border-radius:12px;box-shadow:0 15px 35px #0005}.floating-chip>i{font-size:20px;color:#71baff}.floating-chip b,.floating-chip small{display:block}.floating-chip b{font-size:10px}.floating-chip small{font-size:9px;color:#91a3bc}.chip-one{top:90px;right:0}.chip-two{bottom:65px;left:-10px}.visual-label{position:absolute;font-size:9px;letter-spacing:.18em;color:#7d91ae}.label-top{top:42px;right:20px}.label-bottom{bottom:15px;right:20px}.hero-bottom{border-top:1px solid #273247;margin-top:30px;display:flex;justify-content:space-between;gap:15px;padding:24px 0;color:#a6b3c7;font-size:11px}.hero-bottom i{color:#76baff;margin-right:8px}.section{padding:88px max(calc((100vw - 1200px)/2),5%)}.section-head{margin-bottom:36px}.section-head.centered{text-align:center}.section h2,.contact-strip h2{font-size:clamp(28px,3vw,42px);line-height:1.18;letter-spacing:-.04em;margin:0 0 12px}.section-head p{color:var(--muted);font-size:13px}.feature-grid,.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature,.service-card{border:1px solid var(--line);background:linear-gradient(140deg,#101a2b,#0c1422);border-radius:15px;padding:25px;transition:.2s}.feature:hover,.service-card:hover,.product-card:hover,.blog-card:hover{border-color:#3d7fd2;transform:translateY(-3px)}.feature-icon,.service-icon{height:43px;width:43px;border-radius:12px;display:grid;place-items:center;background:#172d4b;color:#75b9ff;font-size:19px;margin-bottom:20px}.feature h3,.service-card h3{font-size:14px;margin:0 0 8px}.feature p,.service-card p{font-size:11px;color:#96a5ba;line-height:1.8;margin:0}.product-section,.blog-preview{background:#0a101d}.split{display:flex;align-items:end;justify-content:space-between;gap:20px}.text-link{font-size:11px;color:#7dbbff;font-weight:800;padding-bottom:9px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-card{overflow:hidden;border:1px solid var(--line);background:#101827;border-radius:14px;transition:.2s}.product-image{height:175px;background:radial-gradient(circle at center,#223d67,#101827 70%);display:grid;place-items:center;color:#70baff;font-size:57px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{padding:17px}.product-tag{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#78b8ff}.product-info h3{font-size:13px;margin:7px 0}.product-info p{font-size:10px;color:#97a6ba;min-height:38px}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:17px;font-size:11px}.product-bottom b{color:#a7d9ff}.product-bottom span{background:#203b60;color:#8cc5ff;border-radius:7px;padding:7px 9px}.empty-state{grid-column:1/-1;text-align:center;padding:42px 20px;border:1px dashed #33445c;border-radius:14px;color:#a2b1c7}.empty-state>i{font-size:32px;color:#6dafff}.empty-state h3{color:#f1f5fb}.empty-state p{font-size:12px}.service-band{padding:62px max(calc((100vw - 1200px)/2),5%);background:linear-gradient(110deg,#1e4f9a,#373a9d 65%,#4d3a9c);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.service-band .eyebrow{color:#c1e5ff}.service-band h2{font-size:clamp(27px,3vw,41px);line-height:1.2;margin:0 0 14px}.service-band h2 em{background:linear-gradient(90deg,#b1e7ff,#e2d8ff);background-clip:text}.service-band p{font-size:12px;color:#d1dcf6;max-width:500px;margin-bottom:24px}.service-band-art{position:relative;width:250px;height:200px;display:grid;place-items:center;flex-shrink:0}.service-band-art>i{font-size:90px;color:#e4efff;filter:drop-shadow(0 12px 20px #0b1c6d99);z-index:1}.ring{position:absolute;border:1px solid #a5cbff66;border-radius:50%;width:170px;height:170px}.ring-b{width:230px;height:230px}.art-dot{position:absolute;background:#a4eaff;width:9px;height:9px;border-radius:50%}.dot-a{top:10px;right:35px}.dot-b{bottom:12px;left:24px}.service-card{display:flex;flex-direction:column;min-height:240px}.service-more{margin-top:auto;padding-top:20px;color:#7bbaff;font-size:10px;font-weight:800}.service-more i{margin-left:7px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#101827;transition:.2s}.blog-cover{height:150px;background:radial-gradient(circle at 60% 30%,#355b9b,#17213d 65%,#121827);display:grid;place-items:center;color:#80c4ff;font-size:45px}.blog-content{padding:20px}.blog-content small{font-size:10px;color:#8da2bd}.blog-content h3{font-size:15px;line-height:1.4}.blog-content p{font-size:11px;color:#98a7bb}.blog-content>b{font-size:10px;color:#78b7ff}.contact-strip{padding:44px max(calc((100vw - 1200px)/2),5%);display:flex;justify-content:space-between;align-items:center;gap:20px;background:#0d1626;border-top:1px solid #1e2b40}.contact-strip h2{font-size:28px}.contact-strip p{font-size:12px;color:#9daec3;margin:0}.footer{background:#070b13;border-top:1px solid #202b3c;padding:48px max(calc((100vw - 1200px)/2),5%) 0}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:38px;padding-bottom:35px}.footer-brand p,.footer-main>div>p{font-size:11px;color:#8c9ab0;max-width:270px}.footer-main h3{font-size:12px;margin:0 0 15px}.footer-main>div>a:not(.brand){display:block;font-size:11px;color:#9baac0;margin:9px 0}.footer-admin{margin-top:14px!important;color:#6fb5ff!important}.footer-bottom{border-top:1px solid #1d2838;padding:17px 0;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#718198}.page-hero{padding:95px 7% 70px;text-align:center;background:radial-gradient(ellipse at 50% 0,#1d3b7550,transparent 55%)}.page-hero h1{font-size:clamp(39px,5vw,60px)}.page-hero>p{margin:0 auto;max-width:600px}.page-hero.compact{padding:68px 5% 45px}.two-col{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.two-col p,.detail-copy p{font-size:13px;color:#a3b1c5}.about-art,.detail-image{min-height:320px;border:1px solid #304663;border-radius:20px;background:radial-gradient(circle at center,#244c7e,#111a2b 68%);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7cc5ff}.about-art i{font-size:100px}.about-art span{font-size:10px;letter-spacing:.2em;margin-top:24px}.detail-wrap{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;min-height:480px}.detail-image{padding:20px;font-size:90px}.detail-image img{max-width:100%;max-height:370px;object-fit:contain}.detail-copy h1{font-size:38px;line-height:1.15;letter-spacing:-.04em}.detail-price{font-size:22px;font-weight:800;color:#9dd7ff;margin:20px 0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-item{border:1px solid var(--line);background:#101827;border-radius:13px;overflow:hidden}.gallery-item img,.gallery-placeholder{width:100%;height:220px;object-fit:cover}.gallery-placeholder{display:grid;place-items:center;background:#172743;color:#70b8ff;font-size:45px}.gallery-item>div:last-child{padding:14px}.gallery-item h3{font-size:13px;margin:0}.gallery-item p{font-size:11px;color:#98a8bc}.article-wrap{max-width:900px;margin:auto}.article-wrap h1{font-size:clamp(32px,4vw,50px);line-height:1.15;letter-spacing:-.04em}.article-date{font-size:11px;color:#8192aa}.article-body{margin-top:35px;font-size:15px;color:#c1ccdc;line-height:2}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-info h2,.form-card h2{font-size:25px;margin-top:0}.contact-info>p,.form-card>p{font-size:12px;color:#9eacc0}.contact-line{display:flex;gap:15px;align-items:center;margin:26px 0}.contact-line>i{height:43px;width:43px;border-radius:12px;display:grid;place-items:center;background:#172c48;color:#80bfff;font-size:19px}.contact-line b,.contact-line span{display:block}.contact-line b{font-size:12px}.contact-line span{font-size:11px;color:#93a3b8}.form-card{padding:28px;background:#101827;border:1px solid #2b3b52;border-radius:16px}.form-card label{display:block;font-size:11px;font-weight:700;margin:16px 0;color:#cbd5e4}.form-card input,.form-card select,.form-card textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #34445b;border-radius:8px;background:#0a1220;color:#eef4ff;font:inherit;font-size:12px;outline:none}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#579bff}.form-card .btn{margin-top:8px}.form-card>small{display:block;color:#8294ac;font-size:10px;margin-top:14px}.booking-section{display:flex;justify-content:center}.booking-form{width:min(650px,100%)}.booking-form h2{font-size:25px}.form-notice{padding:10px;border-radius:8px;background:#4a271c;color:#ffcfb5}.success-page{text-align:center;padding:100px 5%;max-width:750px;margin:auto}.success-icon{height:66px;width:66px;border-radius:50%;background:#163f3a;color:#76e5c2;display:grid;place-items:center;font-size:28px;margin:0 auto 25px}.success-page p{font-size:13px;color:#9faec3;max-width:500px;margin:0 auto 25px}.service-detail-art{min-height:300px}
@media(max-width:1000px){.nav{gap:13px}.topbar{padding:0 4%}.hero,.section,.footer,.service-band,.contact-strip{padding-left:5%;padding-right:5%}.product-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{height:70px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:69px;left:0;right:0;padding:20px;background:#0b1220;border-bottom:1px solid #29384d;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px}.nav .nav-cta{text-align:center;margin-top:8px}.hero{padding-top:42px}.hero-grid{grid-template-columns:1fr;gap:0}.hero h1{font-size:48px}.hero-visual{height:340px}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;line-height:1.5}.chip-one{right:0;top:45px}.chip-two{left:0;bottom:40px}.section{padding-top:60px;padding-bottom:60px}.feature-grid,.service-grid{grid-template-columns:1fr 1fr}.feature,.service-card{padding:18px}.service-band{padding-top:48px;padding-bottom:48px}.service-band-art{display:none}.split{align-items:start;flex-direction:column}.blog-grid,.gallery-grid{grid-template-columns:1fr}.contact-strip{align-items:start;flex-direction:column}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom{flex-direction:column;gap:6px}.two-col,.detail-wrap,.contact-layout{grid-template-columns:1fr;gap:30px}.detail-image{min-height:230px}.about-art{min-height:240px}.page-hero{padding-top:65px}.page-hero h1{font-size:42px}}@media(max-width:420px){.product-grid,.feature-grid,.service-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.footer-main{grid-template-columns:1fr}.hero-bottom{font-size:10px}}

/* Image-focused visual updates */
.brand-icon{overflow:hidden;background:#fff}
.brand-icon img{width:100%;height:100%;object-fit:contain;display:block}
.hero-carousel{padding:0;position:relative;background:#070b13}
.hero-slides{position:relative;min-height:570px}
.hero-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:70px max(calc((100vw - 1200px)/2),5%) 90px;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .75s ease}
.hero-slide.active{opacity:1;visibility:visible;z-index:1}
.hero-slide-copy{max-width:720px;position:relative;z-index:2}
.hero-slide h1{font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-.055em;margin:0 0 22px;font-weight:900;color:#f2f6ff}
.hero-slide h1 em{font-style:normal;background:linear-gradient(90deg,#72c9ff,#8581ff);color:transparent;background-clip:text}
.hero-slide-copy>p{color:#e0e8f6;max-width:660px;font-size:16px;line-height:1.85}
.hero-slider-controls{position:absolute;z-index:3;bottom:82px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1200px)/2),5%);pointer-events:none}
.hero-slider-controls button{pointer-events:auto;border:1px solid #ffffff40;background:#101827c9;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer}
.hero-dots{display:flex;gap:9px;position:absolute;left:50%;transform:translateX(-50%)}
.hero-dots button{width:9px;height:9px;padding:0;border:0;background:#ffffff80}
.hero-dots button.active{background:#fff;transform:scale(1.2)}
.hero-carousel .hero-bottom{position:relative;z-index:2;margin:0;padding:20px max(calc((100vw - 1200px)/2),5%);background:#080d18d9;border-top:1px solid #ffffff20}
.about-photo{overflow:hidden;position:relative}
.about-photo img{width:72%;height:260px;object-fit:contain;display:block}
.about-photo span{margin-top:8px}
.product-image img,.detail-image img{width:100%;height:100%;max-height:100%;object-fit:cover;display:block}
.detail-image img{max-height:370px}
.gallery-item>img{width:100%;height:220px;object-fit:cover;display:block}
.blog-cover{overflow:hidden}
.blog-cover img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:700px){.hero-slides{min-height:510px}.hero-slide{padding:48px 6% 90px;background-position:center}.hero-slide-copy>p{font-size:13px}.hero-slider-controls{padding:0 6%;bottom:76px}.hero-carousel .hero-bottom{gap:10px;flex-wrap:wrap}.about-photo img{width:90%;height:220px}}


/* Final black-and-blue theme. Hero slide photographs remain as authored backgrounds. */
:root{--bg:#05070b;--panel:#0b111b;--line:#1d3048;--muted:#9eafc5;--text:#f3f7ff;--blue:#3d8bff;--cyan:#66d7f3;--purple:#7d73ff}
html,body{background:#05070b;color:#f3f7ff}
body{background-color:#05070b}
.topbar{background:rgba(5,7,11,.97);border-bottom-color:#18283c}
.nav{color:#c5d1e2}
.nav a:hover,.nav a.active{color:#71baff}
.section,.page-hero,.product-section,.blog-preview,.contact-strip,.footer,.success-page{background:#05070b}
.hero{background:#05070b}
.hero-carousel{background:#05070b}
.hero-bottom{background:#05070b;border-color:#1a2a3e}
.feature,.service-card,.product-card,.blog-card,.gallery-item,.form-card,.about-art,.detail-image,.empty-state{background:#0b111b;border-color:#1d3048;color:#eef5ff}
.feature p,.service-card p,.product-info p,.blog-content p,.gallery-item p,.two-col p,.detail-copy p,.contact-info>p,.form-card>p{color:#a6b9d0}
.contact-strip{border-color:#1a2a3e}
.footer{border-color:#1a2a3e}
.service-band{background:#05070b;border-top:1px solid #1a2a3e;border-bottom:1px solid #1a2a3e}
.page-hero{background:#05070b}
.product-section,.blog-preview{border-top:1px solid #0d1725;border-bottom:1px solid #0d1725}
.contact-line>i,.feature-icon,.service-icon{background:#132a46;color:#72baff}
.product-bottom span{background:#173557;color:#a1d4ff}
.hero-slide{background-color:#05070b}
/* White/light text fields over the dark pages, with blue focus rings. */
.form-card input,.form-card select,.form-card textarea,.auth-form input,.auth-form select,.auth-form textarea{background:#f8fbff!important;color:#101827!important;border:1px solid #a9c7e8!important;border-radius:9px}
.form-card input::placeholder,.form-card textarea::placeholder,.auth-form input::placeholder{color:#6b7b8e}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#3184fa!important;box-shadow:0 0 0 3px #3184fa26}
.form-card label{color:#dbe8fa}
.form-notice{background:#103a31;color:#a8f1d5;border:1px solid #1b6654}
.form-notice.form-error{background:#3b1c24;color:#ffc6c2;border-color:#72313b}
/* Customer account menu: icon and text, intentionally labelled customer-only. */
.account-menu{position:relative;flex-shrink:0}
.account-menu summary{list-style:none;display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #254366;border-radius:10px;background:#0d1d32;color:#dbeeff;cursor:pointer;white-space:nowrap}
.account-menu summary::-webkit-details-marker{display:none}
.account-menu summary i{color:#72baff}
.account-menu[open] summary{border-color:#4c9cff;background:#10294a}
.account-dropdown{position:absolute;right:0;top:calc(100% + 9px);min-width:205px;padding:10px;background:#0a111c;border:1px solid #243b57;border-radius:12px;box-shadow:0 18px 50px #0009;z-index:100}
.account-only{display:block;padding:7px 9px 9px;font-size:9px;font-weight:800;letter-spacing:.15em;color:#77baff;border-bottom:1px solid #1c3048;margin-bottom:4px}
.account-dropdown a{display:flex;align-items:center;gap:10px;padding:10px 9px;border-radius:7px;color:#d4e2f4;font-size:12px}
.account-dropdown a i{width:17px;text-align:center;color:#70b8ff}
.account-dropdown a:hover{background:#132b47;color:white}
.account-welcome{margin:8px 9px;color:#a9c7e8;font-size:11px;max-width:190px;overflow-wrap:anywhere}
.customer-auth-section{padding-top:55px;padding-bottom:75px;display:flex;justify-content:center}
.customer-auth-card{width:min(540px,100%);padding:34px;border:1px solid #213751;background:#0b111b;border-radius:22px;box-shadow:0 24px 65px #0005}
.customer-auth-card h1{font-size:clamp(32px,4vw,42px);line-height:1.12;letter-spacing:-.04em;margin:0 0 13px;color:#f4f8ff}
.customer-auth-card h1 em{font-style:normal;background:linear-gradient(90deg,#72c9ff,#8581ff);color:transparent;background-clip:text}
.customer-auth-card>p{color:#9fb3cc;font-size:13px;margin:0 0 20px}
.customer-auth-card .eyebrow{margin-bottom:13px}
.auth-form{padding:22px;background:#080d15;border-color:#1d3048}
.auth-form label{margin:11px 0 14px}
.auth-form .btn{width:100%;margin-top:7px}
.auth-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:17px}
.auth-links a,.back-home{font-size:11px;font-weight:700;color:#79bcff}
.auth-links i,.back-home i{margin-right:5px}
.back-home{display:block;text-align:center;margin-top:22px}
.reset-help{margin-top:16px!important;font-size:11px!important;color:#b3c4d8!important}
.reset-help i{color:#70b8ff;margin-right:6px}
@media(max-width:720px){.account-menu{margin-top:9px}.account-menu summary{justify-content:center}.account-dropdown{left:0;right:auto}.customer-auth-card{padding:24px}.customer-auth-section{padding-top:35px;padding-bottom:45px}}

/* Fix account dropdown layout and refresh the black/blue visual theme. */
.account-menu{position:relative;display:block;flex:0 0 auto;align-self:center;z-index:120}
.account-menu>summary{display:inline-flex!important;align-items:center!important;justify-content:center;gap:8px;white-space:nowrap;line-height:1.35;min-height:40px}
.account-menu>summary span{display:inline-block;white-space:nowrap}
.account-menu[open]{z-index:1000}
.account-menu .account-dropdown{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;width:230px;max-width:calc(100vw - 24px);min-width:205px;padding:10px!important;margin:0;background:#05070b!important;color:#f3f7ff!important;border:1px solid #2b4d74!important;border-radius:12px;box-shadow:0 18px 50px #000d;z-index:2000;white-space:normal;line-height:1.45}
.account-menu[open] .account-dropdown{display:flex!important;flex-direction:column}
.account-menu .account-dropdown .account-only{display:block!important;width:100%;padding:8px 9px 10px;font-size:9px;font-weight:800;letter-spacing:.15em;line-height:1.4;color:#77baff;border-bottom:1px solid #1c3048;margin:0 0 5px;white-space:normal}
.account-menu .account-dropdown>a{display:flex!important;flex-flow:row nowrap;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:38px;padding:10px 9px!important;margin:0!important;border:0;border-radius:7px;color:#dbe8f9!important;font-size:12px;line-height:1.4;white-space:nowrap;background:transparent}
.account-menu .account-dropdown>a i{display:inline-block;flex:0 0 18px;width:18px;text-align:center;color:#70b8ff!important;margin:0}
.account-menu .account-dropdown>a:hover{background:#132b47!important;color:#fff!important}
.account-menu .account-dropdown .account-welcome{display:block;margin:8px 9px;color:#a9c7e8;font-size:11px;max-width:190px;overflow-wrap:anywhere}

/* Keep all non-photographic page sections black, with restrained blue accents. */
html,body{background:#05070b!important;color:#f3f7ff}
main,.section,.page-hero,.product-section,.blog-preview,.contact-strip,.footer,.success-page{background-color:#05070b!important}
section:not(.hero-carousel):not(.hero-slide){background-color:#05070b!important}
.hero:not(.hero-carousel),.about-art,.detail-image,.about-photo{background-color:#05070b}
.feature,.service-card,.product-card,.blog-card,.gallery-item,.form-card,.customer-auth-card,.admin-panel{background-color:#0b111b;color:#f3f7ff;border-color:#203650}
.feature-icon,.service-icon,.contact-line>i{background:#132a46;color:#72baff}
input:not([type=checkbox]):not([type=radio]),select,textarea{color:#101827}
/* Text entry fields stay white for contrast; focus and interactive accents stay blue. */
.form-card input,.form-card select,.form-card textarea,.auth-form input,.auth-form select,.auth-form textarea{background:#f8fbff!important;color:#101827!important;border:1px solid #a9c7e8!important}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{border-color:#3184fa!important;box-shadow:0 0 0 3px #3184fa26}

@media(min-width:1121px){
  .topbar{gap:14px}
  .brand{flex:0 0 auto}
  .nav{gap:clamp(7px,.75vw,13px);font-size:11px;white-space:nowrap}
  .nav>a{white-space:nowrap}
  .nav .nav-cta{padding:10px 11px}
  .account-menu>summary{padding:10px 11px}
}
@media(max-width:1120px){
  .topbar{height:74px;padding:0 4%;gap:12px}
  .menu-toggle{display:block;flex:0 0 auto;order:3}
  .nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;max-height:calc(100vh - 74px);overflow-y:auto;padding:14px 4% 20px;background:#05070b;border-bottom:1px solid #203650;box-shadow:0 20px 35px #0008;flex-direction:column;align-items:stretch;gap:2px;font-size:13px;white-space:normal}
  .nav.open{display:flex}
  .nav>a{display:block;width:100%;padding:12px;border-radius:8px;white-space:normal}
  .nav .nav-cta{text-align:center;margin-top:7px}
  .account-menu{align-self:stretch;width:100%;margin-top:5px}
  .account-menu>summary{display:inline-flex!important;justify-content:flex-start;max-width:100%}
  .account-menu .account-dropdown{left:0!important;right:auto!important}
}
@media(max-width:720px){
  .customer-auth-card{padding:24px}
  .customer-auth-section{padding-top:35px;padding-bottom:45px}
  .account-menu .account-dropdown{width:min(260px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
}



/* User-requested final visual adjustments: white content cards with matching dark text. */
.feature,
.service-card,
.product-card,
.blog-card,
.gallery-item,
.service-price-card,
.form-card,
.customer-auth-card,
.about-art,
.detail-image,
.empty-state {
  background: #ffffff !important;
  color: #142238 !important;
  border-color: #d7e2ef !important;
  box-shadow: 0 10px 28px rgba(11, 35, 68, 0.07);
}

.feature h3,
.service-card h3,
.product-info h3,
.blog-content h3,
.gallery-item h3,
.service-price-body h3,
.form-card h2,
.customer-auth-card h1,
.detail-copy h1,
.detail-copy h2,
.empty-state h3,
.empty-state h2 {
  color: #13243a !important;
}

.feature p,
.service-card p,
.product-info p,
.blog-content p,
.gallery-item p,
.service-price-body p,
.two-col p,
.detail-copy p,
.contact-info > p,
.form-card > p:not(.form-notice),
.customer-auth-card > p,
.empty-state p {
  color: #4c5d72 !important;
}

.product-tag,
.service-tag,
.service-more,
.blog-content > b,
.product-bottom b,
.text-link {
  color: #1769cf !important;
}

.service-price-body strong {
  color: #145fc0 !important;
}

.feature-icon,
.service-icon {
  background: #e5f0ff !important;
  color: #176ed4 !important;
  border: 1px solid #d2e5ff;
}

.product-bottom span {
  background: #e5f0ff !important;
  color: #176ed4 !important;
}

.form-card label,
.auth-form label {
  color: #24364d !important;
}

.form-card > small,
.booking-form > small,
.reset-help {
  color: #53657a !important;
}

.auth-form {
  background: #f5f8fc !important;
  border-color: #d7e2ef !important;
}

.customer-auth-card h1 em {
  background: linear-gradient(90deg, #087fc9, #5650cf) !important;
  color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* About-page logo only: show the existing logo as a round badge inside the white panel. */
.about-art.about-photo {
  background: #ffffff !important;
  border-color: #d7e2ef !important;
  color: #26384f !important;
  gap: 8px;
}

.about-photo img {
  width: 260px !important;
  height: 260px !important;
  max-width: min(72vw, 260px);
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block;
  background: #ffffff;
  border: 5px solid #edf3fa;
  box-shadow: 0 8px 25px rgba(14, 39, 75, .12);
}

.about-photo span {
  color: #24364d !important;
  margin-top: 4px !important;
}

@media (max-width: 700px) {
  .about-photo img {
    width: 220px !important;
    height: 220px !important;
    max-width: min(72vw, 220px);
  }
}

.blog-content small { color: #63748a !important; }
.empty-state { color: #4c5d72 !important; }
.detail-price { color: #1769cf !important; }
.about-art.about-photo span { font-weight: 700; }