@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap');
:root{--navy:#0d2531;--blue:#173f50;--gold:#cfb17c;--gold-light:#f0dbb4;--paper:#faf9f5;--ink:#173845;--muted:#5d7175;--line:#e2e4dd;--font:'DM Sans','Noto Kufi Arabic',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#f5f1e8;font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,a{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b48d51;outline-offset:4px}[hidden]{display:none!important}button{transition:background .2s,transform .2s,color .2s}button:disabled{cursor:default}.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 15% 0%,#21495980,transparent 65%),linear-gradient(120deg,#0b202c,#102e3c)}.ambient span{position:absolute;border:1px solid #c4a76f12;width:1000px;height:1000px;border-radius:50%;top:12%;left:-32%}.ambient span+span{width:1300px;height:1300px;top:3%;left:-40%}
.topbar{height:104px;width:min(1280px,90%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:22px}.brand img{width:68px;height:76px;object-fit:contain}.brand>span{font-size:13px;color:#d2dcda;border-inline-start:1px solid #ffffff25;padding-inline-start:22px}.top-actions{display:flex;align-items:center;gap:26px}.private-label{font-size:12px;color:#a6bfc3}.language{color:#e5d0ac;background:#ffffff04;border:1px solid #c3a77766;border-radius:30px;padding:11px 19px;font-size:12px;min-height:44px}.language:hover{background:#ffffff0e}
.cover{max-width:1380px;margin:auto;min-height:calc(100svh - 104px);padding:64px 7% 100px;display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;position:relative}.eyebrow{font-size:12px;font-weight:500;color:var(--gold)}.intro h1{font-size:clamp(38px,4.1vw,62px);font-weight:500;line-height:1.75;margin:20px 0}.intro h1>em{font-style:normal;color:#e6cea3}.intro p{font-size:15px;line-height:2.3;color:#b0c6ca;max-width:440px;margin:0 0 30px}.gold-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 24px;border-radius:10px;color:#102c39;background:linear-gradient(110deg,#c7a66d,#ecd4aa);font-weight:600;font-size:14px;min-height:56px}.gold-button:hover{transform:translateY(-2px);box-shadow:0 10px 28px #c9aa6c20}.button-arrow{font-size:22px;font-weight:400}.intro-note{display:flex;gap:16px;align-items:center;font-size:11px;color:#91adb4;margin-top:27px}.note-line{width:28px;height:1px;background:#c7ae7480}
.credential-stage{perspective:1500px;position:relative;padding:18px 16px;isolation:isolate}.halo{position:absolute;width:420px;aspect-ratio:1;max-width:120%;border-radius:50%;left:50%;top:47%;transform:translate(-50%,-50%);border:1px solid #c7a76d26;z-index:-1;background:radial-gradient(ellipse,#c6aa6c0a,transparent 70%)}.halo:before,.halo:after{content:'';position:absolute;inset:20px;border:1px solid #c7a76d12;border-radius:50%}.halo:after{inset:-28px}.card-caption{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a0b6b8;width:90%;margin:0 auto 24px;gap:16px}.caption-line{height:1px;flex:1;background:#7b989c45}.folio{width:100%;max-width:352px;aspect-ratio:.76;margin:auto;display:block;position:relative;background:transparent;padding:0;border-radius:20px;transform:perspective(1400px) rotateY(-8deg) rotateX(3deg) rotate(-2deg);transform-style:preserve-3d;transition:transform .5s;box-shadow:22px 35px 45px -24px #000b}.folio-pages{position:absolute;inset:5px -7px -4px 5px;border-radius:20px;background:repeating-linear-gradient(90deg,#bca778,#e0d2b4 2px,#8c8d7c 3px,#d8c7a2 5px)}.folio-cover{display:flex;flex-direction:column;position:absolute;inset:0;border-radius:18px;padding:28px 30px;overflow:hidden;background:linear-gradient(145deg,#204353,#102c3a 55%,#183a49);border:1px solid #c9b27d90;box-shadow:inset 1px 1px 1px #e4d7af55,inset -4px 0 8px #0005;transform-origin:right;transition:transform .8s,opacity .6s;text-align:start}.card-edge{position:absolute;inset:9px;border-radius:11px;border:1px solid #d4bd8433;pointer-events:none}.folio-cover:after{content:'';position:absolute;width:230px;height:550px;top:-100px;left:5%;border-left:1px solid #d8be7326;border-radius:50%;transform:rotate(-37deg);pointer-events:none}.foil-light{position:absolute;inset:-150% -80%;pointer-events:none;background:linear-gradient(115deg,transparent 46%,#fff7dc0c 50%,transparent 54%);animation:foil-sweep 8s ease-in-out infinite;z-index:3}.folio-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#bdcfce}.identity-symbol{font-size:26px;line-height:1;color:#bba274}.emblem-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:10px 0;position:relative}.card-emblem{width:158px;max-height:100%;object-fit:contain}.folio-person{display:flex;flex-direction:column;gap:5px}.folio-person strong{font-size:36px;font-weight:500;line-height:1.6;color:#f5eddd}.folio-person>span{font-size:12px;color:#c3d0cd}.folio-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c9b98b40;padding-top:17px;margin-top:20px;gap:16px;font-size:10px;letter-spacing:.5px;color:#d6bd8f}.touch-icon{height:26px;width:26px}.touch-icon svg{width:100%;height:100%;stroke-width:1.2}.gesture-label{display:flex;align-items:center;justify-content:center;gap:12px;color:#9eb7bd;font-size:10px;margin-top:27px}.gesture-line{height:1px;width:25px;background:#b6a06b80}.cover-footer{position:absolute;bottom:28px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#8caab2}.cover.opening .folio-cover{transform:rotateY(100deg);opacity:0}.cover.opening .intro,.cover.opening .card-caption,.cover.opening .gesture-label{opacity:0;transition:opacity .4s}
.workspace{width:min(1360px,92%);margin:32px auto 48px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start;animation:workspace-in .6s both}.identity{position:sticky;top:24px;border:1px solid #bfa67555;border-radius:20px;background:linear-gradient(155deg,#204353,#102c3a 60%,#153544);padding:26px;overflow:hidden;box-shadow:0 20px 50px #0002}.identity-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.identity-top img{width:82px;height:98px;object-fit:contain}.icon-button{background:#ffffff08;border:1px solid #ffffff15;border-radius:50%;color:#ddc294;font-size:25px;width:42px;height:42px;line-height:1}.identity-art{height:40px;position:relative;overflow:hidden;margin:0 -26px -8px;opacity:.3}.identity-art span{position:absolute;height:230px;width:230px;border:1px solid #bba27155;border-radius:50%;left:calc(50% - 110px);top:10px;transform:rotateX(70deg)}.identity-art span+span{top:0;width:280px;height:280px}.identity-art span+span+span{top:-15px;width:330px;height:330px}.identity-heading{position:relative;z-index:1}.identity-heading>.eyebrow{font-size:11px;color:#a3b9bc}.identity h2{font-size:40px;line-height:1.6;font-weight:500;margin:12px 0 3px}.role{font-size:13px;color:#d0dddd;margin:0 0 18px}.reference{font-size:11px;letter-spacing:.7px;color:#d8bc8b;display:inline-block}.identity-divider{height:1px;margin:24px 0 4px;background:#b6a47b40}.contact{padding:16px 0;display:flex;flex-direction:column;gap:9px;position:relative;border-bottom:1px solid #ffffff12}.contact>span:first-child{font-size:11px;color:#9ab5bd}.contact bdi{font-family:'DM Sans',sans-serif;font-size:13px;color:#e1e9e4;align-self:flex-start;direction:ltr;overflow-wrap:anywhere;padding-inline-end:10px}.contact-arrow{position:absolute;inset-inline-end:0;top:40px;font-size:17px;color:#d5b782}.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.contact-actions>a,.contact-actions>button{border:1px solid #bfa57877;color:#e9d4af;background:#c3a7760c;border-radius:8px;padding:12px 6px;min-height:46px;font-size:11px;text-align:center}.contact-actions>a:hover,.contact-actions>button:hover{background:#b19b6d25}.identity-foot{margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff12;font-size:10px;color:#9bb8bd}.signature{font-family:Georgia,serif;letter-spacing:4px;color:#c6d4cf;font-size:18px}
.desk-area{padding:0 34px;background:var(--paper);color:var(--ink);border-radius:20px;min-width:0;box-shadow:0 25px 60px #0002}.main-nav{display:flex;align-items:stretch;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.main-nav button{background:transparent;color:#627779;font-size:13px;line-height:1.9;padding:24px 3px 20px;border-bottom:3px solid transparent;min-height:64px;white-space:nowrap}.main-nav button.active{color:#123e50;border-bottom-color:#b6965e;font-weight:600}.main-nav button:hover{color:#9b783e}#page-content{outline:none;min-height:640px;padding:32px 0}.page-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:28px}.page-head .eyebrow{font-size:11px;color:#91713c}.page-head h2{font-weight:500;font-size:28px;line-height:1.8;margin:10px 0}.page-head p{font-size:13px;line-height:2.2;color:var(--muted);max-width:560px;margin:0}.page-number{font-size:48px;font-family:Georgia,serif;font-style:italic;color:#c6c5b7;line-height:1;padding-top:8px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 16px;font-size:14px;font-weight:600}.section-label small{font-weight:400;color:#6d7f7e;font-size:11px}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.system-card{text-align:start;color:var(--ink);position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:190px;border-radius:14px;padding:22px;border:1px solid #daddd4;background:#fffefa;overflow:hidden;transition:background .25s,transform .25s,border-color .25s}.system-card:after{content:'';position:absolute;width:110px;height:110px;border:1px solid #c8b08026;border-radius:50%;inset-inline-end:-28px;bottom:-50px;pointer-events:none}.system-card:hover{transform:translateY(-3px);border-color:#b49a63;background:#173e4e;color:#f6e9ce;box-shadow:0 10px 24px #172f3815}.system-top{width:100%;display:flex;align-items:center;justify-content:space-between}.sys-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:43px;height:43px;color:#98763d;background:#f4f0e6;border:1px solid #ded2b9;border-radius:12px}.sys-icon svg{height:23px;width:23px}.sys-num{font-size:11px;color:#73847c}.system-card h3{font-weight:600;font-size:17px;margin:18px 0 7px;line-height:1.9}.system-card p{font-size:12px;line-height:2;color:#637876;margin:0;padding-inline-end:25px}.system-card:hover p,.system-card:hover .sys-num{color:#c2d4d0}.card-arrow{position:absolute;inset-inline-end:20px;bottom:20px;font-size:22px;color:#a68e5a}.task-strip{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#173d4d;color:#f3e7d1;border-radius:14px;padding:24px}.task-strip strong{font-weight:500;font-size:14px}.task-strip p{font-size:12px;line-height:2;color:#b3c9cb;margin:7px 0 0}.text-button{background:transparent;color:#e3c899;font-size:12px;white-space:nowrap;padding:10px 0;min-height:44px}.journeys{display:grid;gap:12px}.journey{border:1px solid var(--line);border-radius:12px;background:#fffefa}.journey summary{list-style:none;padding:19px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;line-height:2;gap:14px}.journey summary::-webkit-details-marker{display:none}.journey summary:after{content:'↗';font-size:20px;color:#a08552;transition:transform .2s}.journey[open] summary:after{transform:rotate(-90deg)}.journey[open]{border-color:#c8b487}.journey-body{padding:0 20px 20px;font-size:13px;color:var(--muted);line-height:2.3}.journey-body ol{padding-inline-start:22px}.journey-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.journey-links button{background:#f0ecdf;color:#785d2e;border:1px solid #ded5bd;padding:10px 15px;min-height:44px;font-size:12px;border-radius:8px}.journey-links button:hover{background:#e2d5b8}.workspace-footer{padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#74837c}
.guide-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:#eeece2;border-radius:12px;padding:6px;margin-bottom:28px}.guide-switch button{padding:12px 6px;color:#61716a;background:transparent;border-radius:8px;font-size:12px;line-height:1.8;min-height:48px}.guide-switch button.active{background:#183e4e;color:#f3ddba;box-shadow:0 2px 6px #18334022}.guide-title{display:flex;align-items:center;gap:16px}.guide-title .sys-icon{height:52px;width:52px;background:#153b4b;color:#e0c495;border:0}.guide-title h3{font-size:25px;font-weight:500;margin:0;line-height:1.8}.guide-title p{font-size:12px;color:var(--muted);margin:0}.guide-purpose{font-size:14px;color:#566d70;line-height:2.3;margin:22px 0}.account-hint{font-size:12px;line-height:2.2;background:#edf1eb;color:#496752;border-radius:9px;padding:16px 20px;border-inline-start:3px solid #8ba084}.callout{font-size:12px;line-height:2.3;padding:18px 20px;color:#80652e;background:#f5f0e2;border:1px solid #e5d8b7;border-radius:10px;margin:20px 0}.guide-launch{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px}.guide-launch .gold-button{font-size:13px;padding:14px 20px;gap:24px;min-height:48px}.guide-launch small{font-size:11px;line-height:2.1;color:#6b7e77;max-width:245px}.source-note{font-size:11px;line-height:2.2;color:#6c7e75;border-top:1px solid var(--line);padding-top:18px;margin-top:28px}.source-details{margin-top:28px;border-top:1px solid var(--line);padding-top:18px;color:#64766e;font-size:11px;line-height:2.2}.source-details summary{cursor:pointer;color:#8b6d37;padding-block:8px}.walkthrough{margin:26px 0;background:#f1efe7;border:1px solid #dedaca;border-radius:14px;overflow:hidden}.walkthrough-top{display:flex;justify-content:space-between;padding:20px 24px 0;font-size:12px;color:#806737}.walkthrough-top>span+span{color:#6e7d72}.step-picker{display:flex;padding:22px 24px 0;gap:0}.step-picker button{flex:1;text-align:start;background:transparent;color:#75816e;font-size:12px;padding:0;position:relative;min-height:44px}.step-picker button span{width:36px;height:36px;border:1px solid #cbcbb8;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;background:#f1efe7}.step-picker button i{position:absolute;top:18px;inset-inline-start:36px;inset-inline-end:0;height:1px;background:#d5d1c1}.step-picker button:last-child{flex:0}.step-picker button.selected span{background:#143c4b;color:#f0d7ad;border-color:#143c4b;box-shadow:0 0 0 4px #143c4b0b}.step-panel{padding:24px;min-height:210px;position:relative}.step-panel h4{font-size:17px;font-weight:500;margin:4px 0 12px;position:relative;z-index:1;max-width:95%;line-height:2}.step-panel p{font-size:13px;color:#566e63;line-height:2.3;position:relative;z-index:1;margin:0}.step-index{font-family:Georgia,serif;font-size:90px;color:#ddd8c344;position:absolute;inset-inline-end:20px;top:10px;line-height:1}.step-controls{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dfdbc9;padding:10px 20px}.step-controls button{color:#80632d;background:transparent;font-size:12px;padding:8px 4px;min-height:44px}.step-controls button:disabled{opacity:.4}
.checklist{display:grid}.check-item{display:flex;align-items:start;gap:16px;padding:24px 0;border-bottom:1px solid var(--line);cursor:pointer}.check-item input{accent-color:#173d4c;width:22px;height:22px;flex-shrink:0;margin-top:6px}.check-item strong{font-size:15px;font-weight:500}.check-item p{font-size:13px;color:#62786c;line-height:2.2;margin:6px 0}.check-item:has(input:checked) strong{color:#7d8f74;text-decoration:line-through}.progress-outer{height:6px;background:#e7e3d5;border-radius:6px;overflow:hidden;margin-top:24px}.progress-inner{height:100%;background:#af8d50;transition:width .3s}.progress-caption{display:flex;justify-content:space-between;gap:14px;font-size:11px;color:#71806c;margin-top:14px}.permission-row{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.permission-row strong{font-weight:500;font-size:14px}.permission-row p{font-size:13px;line-height:2.2;color:var(--muted);margin:8px 0 0}.badge{border-radius:6px;white-space:nowrap;font-size:10px;padding:9px 11px;color:#4b6a3a;background:#eaf0e4}.badge.pending{color:#83652e;background:#f2ead6}.minor-heading{font-weight:500;font-size:15px;margin:28px 0 16px}.account-email{display:flex;justify-content:space-between;align-items:center;gap:14px;direction:ltr;font-family:'DM Sans',sans-serif;font-size:14px;background:#eeece3;border-radius:10px;padding:14px 18px}.account-email span{overflow-wrap:anywhere;min-width:0}.account-email button{background:transparent;color:#82662f;font-family:var(--font);font-size:12px;min-height:44px;flex-shrink:0}.mini-list{font-size:13px;color:var(--muted);line-height:2.5;padding-inline-start:22px}.mini-list li{list-style-type:'—  ';padding-inline-start:4px}.noscript{font-size:14px;text-align:center;padding:30px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:16px 24px;border:1px solid #bda27177;border-radius:10px;background:#163a48;color:#f2ddba;font-size:13px;z-index:100;max-width:90%;transition:.25s;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
html[dir=ltr] .intro h1{font-family:Georgia,serif;line-height:1.15;font-size:clamp(48px,5vw,72px);letter-spacing:-1px;margin:25px 0}html[dir=ltr] .folio-person strong,html[dir=ltr] .identity h2{font-family:Georgia,serif;font-size:46px}html[dir=ltr] .page-head h2{font-family:Georgia,serif;font-size:34px;line-height:1.3}html[dir=ltr] .system-card h3{font-size:18px}html[dir=ltr] .system-card p{line-height:1.8}html[dir=ltr] .foil-light{transform:scaleX(-1)}
@keyframes foil-sweep{0%,30%{transform:translateX(-23%)}70%,100%{transform:translateX(23%)}}@keyframes workspace-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.workspace{grid-template-columns:265px minmax(0,1fr);width:94%;gap:20px}.identity{padding:22px}.desk-area{padding:0 24px}.main-nav{gap:12px}.main-nav button{font-size:11px}.page-head h2{font-size:25px}.cover{gap:40px;padding-inline:6%}.folio{max-width:315px}.intro h1{font-size:40px}.folio-cover{padding:26px}.card-emblem{width:140px}.system-card{padding:20px}.guide-switch{grid-template-columns:1fr 1fr}.guide-launch{align-items:start;flex-direction:column;gap:16px}.guide-launch small{max-width:100%}}
@media(max-width:800px){.topbar{height:88px;width:90%}.brand{gap:14px}.brand img{width:54px;height:66px}.brand>span{font-size:11px;padding-inline-start:14px}.private-label{display:none}.language{font-size:11px;padding:9px 15px}.cover{grid-template-columns:1fr;padding:26px 7% 85px;gap:24px;min-height:calc(100svh - 88px)}.intro{order:2;text-align:center}.intro>.eyebrow{display:none}.intro h1{font-size:32px;line-height:1.65;margin:5px 0 14px}.intro h1 br{display:none}.intro h1>em{display:block}.intro p{font-size:13px;line-height:2.2;max-width:360px;margin:0 auto 24px}.gold-button{font-size:13px;padding:14px 22px;min-height:52px}.intro-note{justify-content:center;font-size:10px;margin-top:22px}.credential-stage{order:1;padding:10px 15px 0}.card-caption{font-size:10px;max-width:270px;margin-bottom:20px}.folio{max-width:260px;aspect-ratio:.76}.folio-cover{padding:23px 25px;border-radius:16px}.card-emblem{width:116px}.folio-top{font-size:9px}.identity-symbol{font-size:22px}.folio-person strong{font-size:29px}.folio-person>span{font-size:10px}.folio-bottom{padding-top:13px;margin-top:15px;font-size:9px}.touch-icon{height:23px;width:23px}.halo{width:310px;max-width:110%}.gesture-label{font-size:9px;margin-top:24px}.cover-footer{left:7%;right:7%;bottom:26px;font-size:9px}.workspace{display:block;width:90%;margin:24px auto 32px}.identity{position:relative;top:0;padding:24px;margin-bottom:22px}.identity-top{position:absolute;inset-inline-end:24px;inset-inline-start:24px;top:22px;align-items:start}.identity-top img{width:76px;height:88px}.identity-top .icon-button{margin-top:0}.identity-heading{padding-top:101px}.identity-art{display:none}.identity h2{font-size:36px;margin:8px 0 2px}.role{font-size:13px;margin-bottom:14px}.reference{font-size:11px}.identity-divider{margin:22px 0 0}.identity-contact{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.contact{padding:17px 0}.contact bdi{font-size:13px;padding:0}.contact-arrow{display:none}.contact-actions{margin-top:18px}.contact-actions>a,.contact-actions>button{font-size:12px}.identity-foot{display:none}.desk-area{padding:0 24px}.main-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding-top:10px}.main-nav button{font-size:12px;padding:15px 6px 12px;min-height:52px}.page-head{gap:14px;margin-bottom:26px}.page-head h2{font-size:25px;margin:10px 0}.page-head p{font-size:13px}.page-number{font-size:36px}.section-label{font-size:14px;align-items:start}.section-label small{font-size:10px;padding-top:3px}.system-grid{gap:14px}.system-card{min-height:190px;padding:20px}.system-card h3{font-size:16px}.system-card p{font-size:12px}.task-strip{padding:21px;flex-wrap:wrap;gap:10px}.task-strip strong{font-size:14px}.task-strip p{font-size:12px}.text-button{font-size:12px}.workspace-footer{font-size:10px}.guide-title h3{font-size:23px}.guide-purpose{font-size:13px}.account-hint,.callout{font-size:12px}.step-panel{padding:22px;min-height:210px}.step-panel h4{font-size:16px}.step-panel p{font-size:13px}.walkthrough-top{padding-inline:20px}.step-picker{padding-inline:20px}.step-controls{padding-inline:16px}.permission-row{flex-wrap:wrap;gap:12px}.badge{font-size:11px}.account-email{font-size:13px;gap:8px;padding:12px 14px}.progress-caption{font-size:11px}.page-head .eyebrow{font-size:11px}html[dir=ltr] .intro h1{font-size:41px;line-height:1.15;margin:12px 0 18px}html[dir=ltr] .folio-person strong{font-size:34px}html[dir=ltr] .page-head h2{font-size:30px}}
@media(max-width:460px){.workspace{width:92%}.desk-area{padding:0 19px}.identity{padding:22px}.identity-contact{grid-template-columns:1fr;gap:0}.contact{padding:14px 0;gap:8px}.contact bdi{font-size:14px}.identity-top{inset-inline:22px}.identity-heading{padding-top:96px}.system-grid{grid-template-columns:1fr;gap:12px}.system-card{min-height:156px;padding:20px;padding-inline-start:81px}.system-top .sys-icon{position:absolute;inset-inline-start:20px;top:23px}.system-top{justify-content:flex-end}.system-card h3{margin:10px 0 7px;font-size:17px}.system-card p{font-size:12px;padding-inline-end:22px}.system-card:after{bottom:-60px}.sys-num{font-size:11px}.card-arrow{bottom:18px}.page-head h2{font-size:23px}.page-number{font-size:30px}.page-head p{font-size:12px}.section-label{flex-wrap:wrap;gap:6px}.guide-switch button{font-size:12px}.guide-title{gap:12px}.guide-title h3{font-size:22px}.step-panel{padding:20px}.step-panel h4{font-size:15px}.cover{padding-inline:6%}.intro h1{font-size:29px}.intro-note{font-size:9px;gap:10px}.brand>span{font-size:10px}.check-item{gap:12px}.check-item strong{font-size:14px}.check-item p{font-size:12px}.progress-caption{font-size:10px}.workspace-footer{font-size:9px}.main-nav button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.folio{transform:none!important}.cover.opening .folio-cover{transform:none}.system-card:hover{transform:none}}

/* Centre Nadia’s name on the same axis as the emblem in both identity cards. */
.folio-person{align-items:center;text-align:center}
.identity-top{position:relative;inset:auto;top:auto;justify-content:center}
.identity-top img{width:96px;height:112px}
.identity-top .icon-button{position:absolute;inset-inline-end:0;top:0}
.identity-art{display:none}
.identity-heading{text-align:center;padding-top:0;margin-top:16px}
.identity-heading h2{margin-top:0}
.identity-heading>.eyebrow{display:block;margin-top:14px}
.identity-heading .reference{margin-top:12px}

/* Match the reference’s prominent emblem above the centred name. */
.card-emblem{width:230px}
.emblem-wrap{padding:8px 0}
.identity-top img{width:180px;height:150px}
.identity-heading{margin-top:20px}
.brand img{width:80px;height:86px}
@media(max-width:1100px) and (min-width:801px){.card-emblem{width:205px}}
@media(max-width:800px){.card-emblem{width:174px}.brand img{width:64px;height:74px}}

/* Verified account identifiers and direct system links */
.connected-heading{font-size:14px;font-weight:500;margin:28px 0 15px}
.connected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block:20px}
.connection-card{min-width:0;padding:20px;background:#f0f3ed;border:1px solid #d9e1d2;border-radius:12px;color:var(--ink)}
.connection-card h3{font-size:15px;font-weight:500;margin:0 0 12px}
.connection-status{display:inline-block;font-size:10px;color:#486841;background:#e3eddd;border-radius:5px;padding:6px 9px;margin-bottom:14px}
.connection-card dl{margin:0;font-size:11px;display:grid;gap:7px}
.connection-card dt{color:#64786c}.connection-card dd{margin:0 0 8px;overflow-wrap:anywhere;font-size:12px;line-height:1.9}
.connection-id{font-family:'DM Sans',sans-serif;direction:ltr;text-align:start}
.connection-card p{font-size:11px;line-height:2;color:#5f7568;margin:15px 0 0}
.connection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:17px}
.connection-actions a,.connection-actions button{font-size:11px;min-height:44px;padding:10px 13px;border-radius:8px}
.connection-actions a{background:#173e4e;color:#f1d8af}.connection-actions button{background:transparent;color:#765b2b;border:1px solid #c9d2bf}
.connection-single{margin:22px 0}.connection-single .connection-card{background:#eff2eb}
@media(max-width:800px){.connected-grid{grid-template-columns:1fr}.connection-card{padding:18px}}