
/* FLEVO v5.6 — Neon glass profile & contact system */
:root{--flevo-navy:#031426;--flevo-navy-2:#071f37;--flevo-teal:#12c1ca;--flevo-teal-2:#55edf0;--flevo-silver:#eef5f8;--flevo-line:rgba(165,211,229,.34)}
.profile-neon-page{min-height:100vh;background:
 radial-gradient(circle at 72% 23%,rgba(18,193,202,.15),transparent 27%),
 radial-gradient(circle at 14% 73%,rgba(18,193,202,.11),transparent 30%),
 linear-gradient(145deg,#020d1b 0%,#061a2e 52%,#082640 100%);color:#fff;overflow-x:hidden}
.profile-neon-page:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle,rgba(47,225,232,.65) 1px,transparent 1.6px);background-size:18px 18px;mask-image:linear-gradient(115deg,transparent 8%,#000 42%,transparent 73%)}
.profile-neon-hero{padding:34px 0 24px;border-top:3px solid var(--flevo-teal);position:relative;z-index:1}
.profile-neon-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.profile-neon-brand{width:min(300px,65vw);filter:drop-shadow(0 8px 25px rgba(0,0,0,.32))}
.profile-neon-copy h1{font-size:clamp(30px,4vw,52px);margin:16px 0 8px}.profile-neon-copy p{color:#c8dbe7;max-width:700px;line-height:1.9;margin:0}
.profile-neon-main{padding:18px 0 60px;position:relative;z-index:1}.profile-neon-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:30px;align-items:start}
.neon-qr-card{position:relative;isolation:isolate;background:linear-gradient(160deg,rgba(9,34,57,.96),rgba(2,14,28,.98));border:1px solid rgba(204,236,247,.62);border-radius:34px;padding:28px 26px 25px;text-align:center;box-shadow:0 0 0 3px rgba(18,193,202,.16),0 0 28px rgba(18,193,202,.34),0 28px 70px rgba(0,0,0,.36);overflow:hidden}
.neon-qr-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 55%,rgba(18,193,202,.25),transparent 36%),radial-gradient(circle at 12% 76%,rgba(18,193,202,.18),transparent 31%)}
.neon-qr-card:after{content:"";position:absolute;right:-65px;bottom:165px;width:210px;height:180px;z-index:-1;background:radial-gradient(circle,rgba(40,229,235,.9) 1px,transparent 1.8px);background-size:11px 11px;opacity:.55;transform:rotate(-12deg);mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.neon-card-logo{width:88%;max-width:290px;margin:0 auto 24px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.3))}
.neon-qr-shell{width:260px;max-width:86%;aspect-ratio:1;margin:0 auto 22px;padding:16px;background:#fff;border-radius:25px;display:grid;place-items:center;box-shadow:0 0 0 3px rgba(255,255,255,.42),0 0 0 6px rgba(18,193,202,.34),0 0 28px rgba(18,193,202,.75)}
.neon-qr-shell canvas,.neon-qr-shell img{max-width:100%;height:auto!important}.neon-qr-card h2{font-size:30px;margin:10px 0 0}.neon-qr-card .en-title{font:700 27px Montserrat,Arial;color:var(--flevo-teal);margin-top:4px}
.neon-scan-pill{margin:25px auto 0;border:1px solid rgba(255,255,255,.72);border-radius:17px;min-height:70px;padding:10px 18px;display:flex;align-items:center;justify-content:center;gap:14px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 18px rgba(18,193,202,.08)}
.neon-scan-icon{width:42px;height:42px;border:2px solid var(--flevo-teal-2);border-radius:10px;display:grid;place-items:center;font-size:24px;color:var(--flevo-teal-2)}.neon-scan-pill b{display:block;font-size:20px}.neon-scan-pill small{display:block;color:var(--flevo-teal-2);font:600 16px Montserrat,Arial}
.neon-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.neon-btn{border:1px solid rgba(255,255,255,.36);border-radius:12px;min-height:46px;padding:10px 14px;color:#fff;background:rgba(255,255,255,.05);font-family:inherit;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.neon-btn.primary{background:linear-gradient(135deg,#10aab8,#19d0d3);border-color:transparent;color:#041b2d}.neon-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(18,193,202,.2)}
.neon-profile-viewer{background:rgba(255,255,255,.97);border-radius:24px;border:1px solid rgba(222,236,243,.85);overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.25)}.neon-viewer-head{background:linear-gradient(100deg,#071c32,#0d3952);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.neon-viewer-head b{font-size:18px}.neon-viewer-head span{font-size:12px;color:#b9d4e0}.neon-profile-frame{width:100%;height:min(78vh,900px);border:0;background:#edf2f5;display:block}
.profile-neon-status{margin-top:14px;color:#9fc6d8;font-size:12px;text-align:center}.profile-lang{display:flex;gap:8px}.profile-lang button{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.07);color:#fff;border-radius:999px;padding:8px 13px;font-weight:800;cursor:pointer}.profile-lang button.active{background:var(--flevo-teal);color:#052033}
.profile-neon-footer{border-top:1px solid rgba(255,255,255,.1);padding:20px;color:#8eabbc;text-align:center;position:relative;z-index:1}
/* Contact section in the same approved QR visual language */
.cta.profile-contact-zone{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 10%,rgba(18,193,202,.2),transparent 31%),linear-gradient(120deg,#021225,#082d47);padding:52px 0;border-top:1px solid rgba(18,193,202,.35);border-bottom:1px solid rgba(18,193,202,.35)}
.profile-contact-zone:after{content:"";position:absolute;right:0;bottom:-80px;width:430px;height:330px;background:radial-gradient(circle,rgba(18,193,202,.75) 1px,transparent 1.8px);background-size:13px 13px;opacity:.3;transform:rotate(-8deg);mask-image:radial-gradient(ellipse,#000,transparent 72%);pointer-events:none}
.contact-neon-layout{display:grid;grid-template-columns:1.15fr repeat(3,.82fr) 240px;gap:14px;align-items:stretch;position:relative;z-index:1}.contact-neon-intro,.contact-neon-tile,.contact-neon-qr{background:rgba(255,255,255,.055);border:1px solid rgba(195,227,239,.26);border-radius:18px;backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.08)}.contact-neon-intro{padding:22px}.contact-neon-intro h2{margin:0 0 7px;font-size:27px}.contact-neon-intro p{color:#c7dbe5;font-size:13px;line-height:1.8;margin:0}.contact-neon-tile{padding:18px 14px;display:flex;align-items:center;justify-content:center;text-align:center;gap:11px;color:#fff;transition:.25s}.contact-neon-tile:hover{transform:translateY(-4px);border-color:rgba(54,227,232,.74);box-shadow:0 12px 28px rgba(0,0,0,.2),0 0 18px rgba(18,193,202,.16)}.contact-neon-tile .ico{width:44px;height:44px;border:1px solid var(--flevo-teal);border-radius:13px;display:grid;place-items:center;color:var(--flevo-teal-2);font-size:24px}.contact-neon-tile b{display:block;font-size:14px}.contact-neon-tile span{display:block;font-size:11px;color:#c9dce5;margin-top:3px}.contact-neon-qr{padding:14px;display:grid;grid-template-columns:96px 1fr;align-items:center;gap:11px}.contact-neon-qr-box{width:96px;height:96px;padding:7px;background:#fff;border-radius:14px;box-shadow:0 0 0 2px rgba(18,193,202,.35),0 0 20px rgba(18,193,202,.45)}.contact-neon-qr-box canvas,.contact-neon-qr-box img{max-width:100%;height:auto!important}.contact-neon-qr b{font-size:14px}.contact-neon-qr small{font-size:10px;color:#bcd4df;line-height:1.6;display:block;margin-top:4px}
@media(max-width:1100px){.contact-neon-layout{grid-template-columns:1fr 1fr}.contact-neon-intro,.contact-neon-qr{grid-column:1/-1}.contact-neon-qr{max-width:440px;justify-self:center;width:100%}}
@media(max-width:900px){.profile-neon-grid{grid-template-columns:1fr}.neon-qr-card{max-width:470px;margin:auto}.profile-neon-head{justify-content:center;text-align:center}.profile-lang{margin:auto}.neon-profile-frame{height:70vh}}
@media(max-width:620px){.profile-neon-hero{padding-top:24px}.neon-qr-card{padding:22px 16px;border-radius:25px}.neon-qr-shell{width:220px}.neon-card-actions{grid-template-columns:1fr}.contact-neon-layout{grid-template-columns:1fr}.contact-neon-intro,.contact-neon-qr{grid-column:auto}.contact-neon-qr{grid-template-columns:88px 1fr}.contact-neon-qr-box{width:88px;height:88px}}
