:root{--jtc-navy:#031222;--jtc-navy2:#071d34;--jtc-navy3:#0b2e4e;--jtc-gold:#d6a944;--jtc-gold2:#f0cc78;--jtc-cream:#f8f2e8;--jtc-white:#fffdf8;--jtc-muted:#d8d2c7}
*{box-sizing:border-box}.jtc-page{background:linear-gradient(180deg,#f7f4ee 0%,#eef2f7 100%);padding:42px 18px 70px;color:#07111f;font-family:"Segoe UI",Tahoma,Arial,sans-serif}.jtc-wrap{width:min(1450px,100%);margin:auto}.jtc-back{display:inline-flex;margin-bottom:22px;color:#8c671c;text-decoration:none;font-weight:800}.jtc-heading{text-align:center;margin:0 0 25px}.jtc-heading span{display:block;color:#b4872d;font-size:12px;font-weight:800;letter-spacing:.34em}.jtc-heading h1{margin:8px 0 0;color:#07111f;font-size:clamp(32px,4vw,54px);font-weight:650;line-height:1.25}
.jtc-card{width:100%;aspect-ratio:16/9;min-height:680px;display:grid;grid-template-columns:25% 43% 32%;grid-template-areas:"qr info profile";overflow:hidden;position:relative;border:2px solid var(--jtc-gold);border-radius:34px;background:radial-gradient(circle at 68% -20%,rgba(58,119,164,.18),transparent 38%),linear-gradient(135deg,#010913 0%,var(--jtc-navy) 33%,var(--jtc-navy2) 72%,#04101e 100%);box-shadow:0 26px 70px rgba(5,18,34,.24);color:var(--jtc-white);isolation:isolate}
.jtc-card:before{content:"";position:absolute;inset:auto -5% -35% 42%;height:70%;background:repeating-radial-gradient(ellipse at center,rgba(214,169,68,.12) 0 1px,transparent 1px 18px);opacity:.32;transform:rotate(-8deg);z-index:-1}.jtc-card:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 31%,rgba(214,169,68,.18) 31.1% 31.25%,transparent 31.35% 100%);pointer-events:none;z-index:-1}
.jtc-qr-panel{grid-area:qr;padding:42px 34px 36px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-inline-end:1px solid rgba(214,169,68,.34);direction:ltr}.jtc-logo{height:155px;width:100%;display:grid;place-items:center}.jtc-logo img{width:min(220px,85%);height:140px;object-fit:contain;display:block}.jtc-qr-box{width:min(300px,94%);border:1px solid rgba(214,169,68,.88);border-radius:24px;padding:14px;background:linear-gradient(180deg,#fff,#fff8e7 76%,#d9a844 77%,#c99227 100%);box-shadow:0 12px 30px rgba(0,0,0,.28)}.jtc-qr-image{display:block;width:100%;height:auto;aspect-ratio:1;background:white;border-radius:10px;image-rendering:auto}.jtc-qr-box p{margin:15px 4px 3px;color:#171006;text-align:center;font-weight:700;font-size:15px;line-height:1.45;direction:inherit}
.jtc-info-panel{grid-area:info;padding:48px 46px 38px;min-width:0;display:flex;flex-direction:column;justify-content:center}.jtc-card-rtl .jtc-info-panel{text-align:right}.jtc-card-ltr .jtc-info-panel{text-align:left}.jtc-brandline{font-size:13px;letter-spacing:.36em;color:var(--jtc-gold);font-weight:700;direction:ltr}.jtc-info-panel h2{margin:13px 0 7px;color:var(--jtc-gold2);font-size:clamp(34px,3.3vw,58px);font-weight:650;line-height:1.15}.jtc-divider{height:22px;display:flex;align-items:center}.jtc-divider span{display:block;width:70%;height:1px;background:linear-gradient(90deg,transparent,var(--jtc-gold),transparent)}.jtc-card-rtl .jtc-divider{justify-content:flex-end}.jtc-info-panel h3{margin:6px 0 26px;color:var(--jtc-cream);font-size:clamp(25px,2.3vw,39px);font-weight:600;line-height:1.25}.jtc-contact-list{display:flex;flex-direction:column;gap:0}.jtc-contact-row{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:17px;padding:14px 0;border-bottom:1px solid rgba(214,169,68,.42)}.jtc-card-rtl .jtc-contact-row{grid-template-columns:minmax(0,1fr) 58px}.jtc-card-rtl .jtc-contact-icon{grid-column:2}.jtc-card-rtl .jtc-contact-copy{grid-column:1;grid-row:1}.jtc-contact-icon{width:52px;height:52px;border:2px solid var(--jtc-gold);border-radius:50%;display:grid;place-items:center;color:var(--jtc-gold2);font-size:24px;font-weight:700;direction:ltr}.jtc-contact-icon.jtc-wa{font-size:13px}.jtc-contact-copy{min-width:0;display:flex;flex-direction:column;gap:4px;text-align:inherit}.jtc-contact-copy strong{color:var(--jtc-gold);font-size:17px;font-weight:650;line-height:1.25}.jtc-contact-value{display:block;color:var(--jtc-white);font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(18px,1.6vw,29px);font-weight:450;line-height:1.25;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jtc-card-rtl .jtc-contact-value{text-align:right}.jtc-card-ltr .jtc-contact-value{text-align:left}
.jtc-profile-panel{grid-area:profile;padding:34px 32px 30px;min-width:0;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(2,15,27,.2));border-inline-start:1px solid rgba(214,169,68,.32)}.jtc-photo{width:min(340px,96%);aspect-ratio:4/5;overflow:hidden;border:3px solid var(--jtc-gold);border-radius:36px;background:#f5f0e9;box-shadow:0 16px 36px rgba(0,0,0,.28)}.jtc-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.jtc-photo>span{height:100%;display:grid;place-items:center;color:#b4872d;font-size:96px}.jtc-identity{text-align:center;width:100%;padding:18px 8px 15px;border-bottom:1px solid rgba(214,169,68,.42)}.jtc-identity h3{margin:0;color:var(--jtc-gold2);font-size:clamp(27px,2.2vw,42px);font-weight:700;line-height:1.22}.jtc-identity p{margin:7px 0 0;color:var(--jtc-white);font-size:clamp(16px,1.25vw,22px);font-weight:500;line-height:1.35}.jtc-profile-panel address{margin-top:auto;width:100%;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:10px;color:var(--jtc-cream);font-style:normal;font-size:14px;line-height:1.55}.jtc-card-rtl .jtc-profile-panel address{grid-template-columns:minmax(0,1fr) 42px;text-align:right}.jtc-card-rtl .jtc-profile-panel address span{grid-column:2}.jtc-card-rtl .jtc-profile-panel address b{grid-column:1;grid-row:1}.jtc-profile-panel address span{width:38px;height:38px;border:1px solid var(--jtc-gold);border-radius:50%;display:grid;place-items:center;color:var(--jtc-gold);font-size:19px}.jtc-profile-panel address b{font-weight:500;overflow-wrap:anywhere}
.jtc-tools{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.jtc-tools button,.jtc-tools a{min-width:190px;border:1px solid #d5a53a;border-radius:12px;padding:13px 20px;background:#fff;color:#07111f;font:700 15px/1.2 inherit;text-decoration:none;cursor:pointer;box-shadow:0 8px 22px rgba(7,17,31,.08);display:inline-flex;align-items:center;justify-content:center;gap:10px}.jtc-tools button:first-child{background:linear-gradient(135deg,#d9aa43,#bf8420);color:#fff}.jtc-tools span{font-size:22px;color:#a8791e}.jtc-tools button:first-child span{color:#fff}
@media(max-width:1180px){.jtc-card{grid-template-columns:25% 44% 31%;min-height:600px}.jtc-qr-panel{padding:28px 20px}.jtc-logo{height:115px}.jtc-logo img{height:100px}.jtc-info-panel{padding:34px 28px}.jtc-profile-panel{padding:27px 22px}.jtc-photo{width:min(275px,94%)}.jtc-contact-row{padding:10px 0}.jtc-contact-icon{width:44px;height:44px}.jtc-card-rtl .jtc-contact-row{grid-template-columns:minmax(0,1fr) 50px}.jtc-card-ltr .jtc-contact-row{grid-template-columns:50px minmax(0,1fr)}}
@media(max-width:820px){.jtc-page{padding:26px 10px 50px}.jtc-card{aspect-ratio:auto;min-height:0;grid-template-columns:1fr;grid-template-areas:"profile" "info" "qr";border-radius:24px}.jtc-profile-panel{border-inline-start:0;border-bottom:1px solid rgba(214,169,68,.3)}.jtc-photo{width:min(300px,75%)}.jtc-profile-panel address{margin-top:20px}.jtc-info-panel{padding:30px 24px}.jtc-info-panel h2{font-size:38px}.jtc-info-panel h3{font-size:28px}.jtc-contact-value{font-size:20px}.jtc-qr-panel{border-inline-end:0;border-top:1px solid rgba(214,169,68,.3);gap:18px}.jtc-logo{height:100px}.jtc-logo img{height:90px}.jtc-qr-box{width:min(285px,90%)}}
@media(max-width:480px){.jtc-heading h1{font-size:30px}.jtc-info-panel{padding:25px 17px}.jtc-info-panel h2{font-size:31px}.jtc-info-panel h3{font-size:24px}.jtc-contact-copy strong{font-size:14px}.jtc-contact-value{font-size:16px}.jtc-contact-icon{width:40px;height:40px}.jtc-card-rtl .jtc-contact-row{grid-template-columns:minmax(0,1fr) 44px}.jtc-card-ltr .jtc-contact-row{grid-template-columns:44px minmax(0,1fr)}.jtc-tools>*{width:100%}}