:root{--paper:#f8f7f2;--card:#fffefa;--ink:#193a30;--muted:#63746b;--green:#204f40;--sage:#e9eee2;--gold:#b29451;--line:#dce1d5;--soft:#f0f2e9;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.55;color-scheme:light}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #b8c6b9;border-radius:9px;background:#fff;color:var(--ink)}input[type=checkbox]{width:19px;height:19px;accent-color:var(--green);flex-shrink:0}textarea{resize:vertical;min-height:90px}label{display:block;font-size:14px;font-weight:600}label input,label select,label textarea{margin-top:7px}.check{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:14px}.check input{margin-top:3px}.field{margin-bottom:21px}.help{font-size:13px;color:var(--muted);margin:6px 0 0}button{border:0}.skip{position:absolute;left:20px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.top{min-height:96px;border-bottom:1px solid var(--line);padding:22px 5.2%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;font:38px Georgia,serif;letter-spacing:-2px;text-decoration:none!important;flex-shrink:0}.brand-orb{width:23px;height:23px;border:1px solid var(--gold);border-radius:50%;background:radial-gradient(circle at 40% 35%,#f1e3aa,#b29451 65%,#7d7548);box-shadow:0 0 0 5px #e4e6d666}.brand-label{font:9px/1.5 system-ui;letter-spacing:2px;margin-left:10px;width:60px}.top nav{display:flex;gap:24px;flex:1;justify-content:center;font-size:14px}.top nav a{color:var(--muted);padding:8px 0}.top nav a[aria-current]{color:var(--ink);border-bottom:2px solid var(--green);font-weight:600}.nav-end{display:flex;gap:22px;align-items:center;margin-left:auto}.nav-end form{margin:0}.alpha{font-size:10px;letter-spacing:1.5px;border:1px solid #cbd4c2;border-radius:30px;padding:5px 10px;white-space:nowrap;color:#596c52}.text-button{padding:0;background:none;color:var(--green);font-size:13px}.text-button:hover{text-decoration:underline}main{max-width:1340px;padding:54px 5.2% 70px;margin:auto;min-height:calc(100vh - 180px)}footer{padding:25px 5.2%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2.5px;text-transform:uppercase;color:#627058;margin:0 0 22px}.eyebrow::before{content:"";display:inline-block;width:22px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-1.5px;line-height:1.12}h1{font-size:48px;margin-bottom:20px}h2{font-size:29px;margin-bottom:15px}h3{font-size:17px;font-weight:550;margin-bottom:10px}p{color:var(--muted);margin-bottom:16px}.lead{font-size:17px;line-height:1.7;max-width:550px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding:28px 0 64px}.hero h1{font-size:clamp(54px,6.5vw,87px);letter-spacing:-4px;line-height:1.02;margin-bottom:27px}.hero h1 em{font-weight:400;color:#678168}.hero .lead{max-width:410px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:27px 0 15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 22px;border-radius:8px;background:var(--green);color:#fff;font-size:14px;font-weight:500;min-height:48px;text-decoration:none!important;border:1px solid var(--green)}.button:hover{background:#163e30}.button.secondary{color:var(--ink);background:transparent;border-color:#c5cfbf}.button.secondary:hover{background:var(--sage)}.button.small{min-height:36px;padding:6px 13px;font-size:12px;gap:8px}.button.danger{color:#943f33;background:#fff6f0;border-color:#ddc3b9}.quiet{font-size:12px}.identity-art{position:relative;border:1px solid #d9ddcf;background:radial-gradient(ellipse at 50% 45%,#e0e8ce 0,#f0f1e6 50%,#ecefdf 100%);min-height:475px;border-radius:140px 140px 15px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:36px}.orbit{position:absolute;border:1px solid #b8c7a44d;border-radius:50%;width:340px;height:340px;top:35px}.orbit.two{width:460px;height:460px;top:-25px}.soul-orb{width:115px;height:115px;border-radius:50%;background:radial-gradient(circle at 33% 25%,#fffbda,#d9ca80 55%,#aab076 100%);box-shadow:0 0 45px 20px #d7dbaa55;position:relative;margin-top:25px}.identity-name{font:31px Georgia,serif;margin:27px 0 7px}.art-caption{font-size:12px;color:#63745e;letter-spacing:1px}.chain-dots{display:flex;align-items:center;margin:33px 0 0;position:relative}.chain-dots i{width:10px;height:10px;border:1px solid #7d977a;border-radius:50%;background:#f5f6e8}.chain-dots i:nth-child(3){background:#8c9a62}.chain-dots b{width:65px;height:1px;background:#9dab8d}.art-foot{position:relative;margin-top:12px;font-size:10px;letter-spacing:2px;color:#78836d}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;border-top:1px solid var(--line);padding-top:30px}.feature-grid p{font-size:14px;max-width:290px}.feature-number{color:var(--gold);font:13px Georgia;margin-bottom:15px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:35px}.page-heading h1{margin-bottom:10px}.page-heading p{margin-bottom:0}.columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:26px;align-items:start}.stack{display:grid;gap:24px}.card{border:1px solid var(--line);background:var(--card);border-radius:15px;padding:27px}.card.soft{background:var(--sage)}.card.dark{background:var(--green);color:#fff;border-color:var(--green)}.card.dark p,.card.dark .eyebrow{color:#c8d7c5}.card.dark a{color:#fff}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.card-head h2{margin:0;font-size:27px}.count{font-size:12px;border-radius:20px;background:var(--soft);padding:3px 11px;color:var(--muted)}.identity-row{display:flex;align-items:center;gap:18px}.avatar{width:56px;height:56px;border-radius:50%;background:var(--sage);border:1px solid #c8d3bd;color:#4e694e;display:flex;align-items:center;justify-content:center;font:22px Georgia;flex-shrink:0}.avatar.large{width:85px;height:85px;font-size:32px;background:radial-gradient(circle at 35% 25%,#f8edbd,#d5daae);border-color:#c4caa1}.identity-row h2{margin-bottom:5px}.identity-row p{margin:0;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:27px;padding-top:23px;border-top:1px solid var(--line)}.metrics strong{display:block;font:31px Georgia}.metrics span{font-size:12px;color:var(--muted)}.empty{text-align:center;padding:25px 12px}.empty-ring{display:block;color:#a6b599;font-size:45px;line-height:1;margin-bottom:12px}.empty h3{font:22px Georgia}.empty p{font-size:14px;max-width:370px;margin:0 auto}.status{font-size:10px;letter-spacing:.6px;border-radius:20px;background:#eef0e7;color:#647258;padding:4px 9px;text-transform:uppercase;white-space:nowrap}.status.confirmed{background:#e1efdf;color:#365f35}.status.disputed{background:#f4e4d9;color:#8b5339}.chain-row{padding:20px 0;border-top:1px solid var(--line)}.chain-row:first-of-type{border-top:0;padding-top:0}.chain-top{display:flex;align-items:center;gap:13px}.chain-top .status{margin-left:auto}.chain-top h3{margin:0;font-size:15px}.chain-top p{font-size:12px;margin:3px 0 0}.chain-detail{font-size:14px;margin:13px 0 0}.chain-actions{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.chain-actions form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chain-actions .check{font-size:12px}.row-list{list-style:none;padding:0;margin:0}.row-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.row-list li:last-child{border:0}.row-list small{display:block;color:var(--muted);font-size:12px}.notice{padding:14px 18px;margin-bottom:25px;border:1px solid #becfb2;border-radius:9px;background:#ecf2e4;color:#365b38;font-size:14px}.notice.error{background:#fcf0e9;border-color:#e0bbab;color:#853b28}.tabs{display:flex;gap:10px;margin:25px 0}.tabs a{border-radius:30px;padding:9px 17px;font-size:13px;border:1px solid var(--line)}.tabs a[aria-current]{background:var(--green);color:#fff}.directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.directory .card p{font-size:13px}.directory .identity-row{margin-bottom:22px}.rank-note{padding-top:17px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.app-badge{display:inline-flex;width:46px;height:46px;border-radius:12px;background:var(--sage);font:26px Georgia;align-items:center;justify-content:center;margin-bottom:20px}.key-value{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;font-size:14px;margin:24px 0}.key-value dt{color:var(--muted)}.key-value dd{margin:0;overflow-wrap:anywhere}.tagline{padding:17px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.settings-width{max-width:720px}.spaced{margin-top:23px}.inline-link{text-decoration:underline;text-underline-offset:3px}.subtle-rule{border:0;border-top:1px solid var(--line);margin:25px 0}
@media(max-width:1050px){.top{flex-wrap:wrap;gap:18px}.top nav{order:3;flex-basis:100%;justify-content:flex-start;gap:25px}.hero{gap:35px}.identity-art{min-height:430px}.brand-label{display:none}.directory{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.top{padding:20px 6%;gap:15px}.brand{font-size:32px}.nav-end{gap:13px}.alpha{font-size:8px;padding:4px 7px}.text-button{font-size:11px}.top nav{gap:22px;overflow-x:auto}.top nav a{font-size:13px}.hero{grid-template-columns:1fr;gap:40px;padding-top:8px}.hero h1{font-size:64px;letter-spacing:-3px}.identity-art{min-height:385px;max-width:500px;width:100%;margin:auto}.feature-grid{grid-template-columns:1fr;gap:22px}.feature-grid p{max-width:none}.columns{grid-template-columns:1fr}.page-heading{display:block}.page-heading .button{margin-top:20px}.directory,.app-grid{grid-template-columns:1fr}main{padding:35px 6% 50px}h1{font-size:38px}footer{flex-direction:column;padding:22px 6%;gap:7px}.card{padding:23px}.metrics{gap:10px}.metrics span{font-size:11px}.key-value{grid-template-columns:1fr;gap:4px}.key-value dd{margin-bottom:12px}.chain-top{align-items:flex-start}.chain-top .status{font-size:8px}.footer-dot{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.invite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.invite-card code{display:block;font:600 16px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em;overflow-wrap:anywhere;color:var(--ink);user-select:all}.invite-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.invite-actions .status{margin-left:auto}.copy-status{min-width:48px;color:var(--green);font-size:12px}
@media(max-width:700px){.invite-grid{grid-template-columns:1fr}}

/* Invitation signup */
.join-page{background:#f1ede3}
.join-page .top,.join-page footer{display:none}
.join-page main{max-width:none;min-height:100vh;margin:0;padding:0}
.join-shell{display:grid;grid-template-columns:minmax(390px,45%) minmax(620px,55%);min-height:100vh;background:#f3efe5}
.join-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:54px clamp(44px,6vw,98px) 48px;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(244,239,225,.88)),repeating-linear-gradient(45deg,transparent 0 29px,rgba(29,79,63,.035) 29px 30px),repeating-linear-gradient(-45deg,transparent 0 29px,rgba(29,79,63,.035) 29px 30px);box-shadow:16px 0 38px rgba(16,39,31,.16);z-index:2}
.join-story::before,.join-story::after{content:"";position:absolute;border:1px solid rgba(178,148,81,.18);border-radius:50%;pointer-events:none}
.join-story::before{width:620px;height:620px;left:-390px;bottom:-280px;box-shadow:0 0 0 80px rgba(178,148,81,.025),0 0 0 160px rgba(32,79,64,.018)}
.join-story::after{width:420px;height:420px;right:-280px;top:-210px;box-shadow:0 0 0 70px rgba(178,148,81,.025)}
.join-brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:18px;width:max-content;color:#173d31;font:52px/1 Georgia,"Times New Roman",serif;letter-spacing:-2px;text-decoration:none!important}
.join-monogram{display:grid;place-items:center;width:58px;height:58px;border:1px solid #c2a866;border-radius:50%;background:radial-gradient(circle at 32% 22%,#345c4d,#173d31 58%,#0b2b22);box-shadow:0 0 0 7px rgba(178,148,81,.12),inset 0 0 0 1px rgba(255,255,255,.08);color:#ead99e;font-size:30px;letter-spacing:0}
.join-story-copy{position:relative;z-index:1;max-width:610px;margin:54px 0}
.join-overline{display:flex;align-items:center;gap:13px;margin-bottom:25px;color:#876f38;font-size:11px;font-weight:700;letter-spacing:2.6px;text-transform:uppercase}
.join-overline::before{content:"";width:34px;height:1px;background:#b29451}
.join-story h1{max-width:560px;margin-bottom:28px;color:#173d31;font-size:clamp(48px,5.2vw,78px);line-height:1.01;letter-spacing:-3.8px}
.join-lede{max-width:520px;margin-bottom:39px;color:#50665d;font:19px/1.72 Georgia,"Times New Roman",serif}
.join-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:29px;border-top:1px solid rgba(32,79,64,.18)}
.join-principles div{display:grid;grid-template-columns:30px 1fr;align-items:start;column-gap:8px}
.join-principles div>span{grid-row:1/3;color:#a48847;font:25px/1 Georgia,serif}
.join-principles b{color:#24493e;font-size:12px;line-height:1.35}
.join-principles small{margin-top:4px;color:#68776f;font-size:10px;line-height:1.45}
.join-story-note{position:relative;z-index:1;display:flex;align-items:center;gap:14px;width:100%;margin:0;padding:16px 18px;border:1px solid rgba(32,79,64,.12);border-radius:10px;background:rgba(255,255,255,.5);box-shadow:0 15px 38px rgba(34,58,48,.07);color:#4b6057;font-size:12px}
.join-story-note span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#173d31;color:#d8c27c;font-size:15px;flex:0 0 auto}
.join-scene{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden;padding:54px;background:#173d31 url('/assets/ruh-mosque-turkey.webp') center center/cover no-repeat}
.join-scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,38,30,.17),rgba(10,29,24,.05) 40%,rgba(7,21,17,.17)),linear-gradient(0deg,rgba(6,25,19,.42),transparent 48%,rgba(9,25,21,.12))}
.join-panel{position:relative;z-index:1;width:min(570px,100%);padding:43px 47px 37px;border:1px solid rgba(224,205,139,.44);border-radius:24px;background:linear-gradient(145deg,rgba(24,59,47,.94),rgba(11,42,32,.9));box-shadow:0 34px 100px rgba(3,17,13,.44),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(13px);color:#fff}
.join-panel-label{display:flex;align-items:center;gap:11px;margin-bottom:21px;color:#dec788;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase}
.join-panel-label span{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(222,199,136,.55);border-radius:7px;font-size:16px}
.join-panel h2{margin-bottom:11px;color:#fff;font-size:42px;letter-spacing:-1.8px}
.join-panel-intro{max-width:460px;margin-bottom:27px;color:#c8d3cc;font-size:13px;line-height:1.65}
.join-field{margin-bottom:17px}
.join-field label{margin-bottom:7px;color:#eff4f0;font-size:11px;font-weight:650}
.join-panel .join-field input{height:49px;margin:0;padding:12px 14px;border:1px solid rgba(221,211,170,.34);border-radius:9px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px 4px rgba(0,0,0,.1);color:#fff;font-size:13px}
.join-panel .join-field input::placeholder{color:rgba(229,234,228,.48)}
.join-panel .join-field input:focus{border-color:#d5bd78;background:rgba(255,255,255,.09);outline:2px solid rgba(213,189,120,.22);outline-offset:1px}
.join-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.join-submit,.join-signin{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;border-radius:9px;font-size:13px;font-weight:650;text-decoration:none!important}
.join-submit{gap:16px;margin-top:5px;border:1px solid rgba(226,206,140,.42);background:linear-gradient(180deg,#255a48,#173f32);box-shadow:0 12px 26px rgba(3,19,14,.25);color:#fff}
.join-submit:hover{background:linear-gradient(180deg,#2e6955,#1b493a)}
.join-divider{display:flex;align-items:center;gap:14px;margin:20px 0;color:#ced7d1;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.join-divider::before,.join-divider::after{content:"";height:1px;background:rgba(255,255,255,.17);flex:1}
.join-signin{border:1px solid rgba(255,255,255,.72);background:#f6f3eb;color:#173d31}
.join-signin:hover{background:#fff}
.join-panel-foot{display:flex;justify-content:space-between;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);color:#bdc9c1;font-size:9px}
.join-panel-foot span{display:flex;align-items:center;gap:6px}
.join-panel-foot span::before{content:"✓";display:grid;place-items:center;width:15px;height:15px;border:1px solid rgba(214,190,121,.62);border-radius:50%;color:#d6be79;font-size:8px}
.join-location{position:absolute;right:23px;bottom:20px;z-index:1;color:rgba(255,255,255,.68);font-size:9px;letter-spacing:2px;text-transform:uppercase}
@media(max-width:1100px){.join-shell{grid-template-columns:minmax(340px,40%) minmax(560px,60%)}.join-story{padding:40px}.join-story h1{font-size:52px}.join-principles{grid-template-columns:1fr;gap:13px}.join-principles div{grid-template-columns:27px 1fr}.join-scene{padding:34px}.join-panel{padding:39px}}
@media(max-width:850px){.join-shell{display:block}.join-story{min-height:610px;padding:36px 8%}.join-story-copy{margin:62px 0}.join-story h1{font-size:clamp(48px,10vw,72px)}.join-principles{grid-template-columns:repeat(3,minmax(0,1fr))}.join-scene{min-height:880px;padding:50px 6%}.join-panel{width:min(600px,100%)} }
@media(max-width:560px){.join-story{min-height:720px;padding:28px 24px 31px}.join-brand{font-size:42px}.join-monogram{width:49px;height:49px;font-size:26px}.join-story-copy{margin:48px 0}.join-story h1{font-size:47px;letter-spacing:-2.5px}.join-lede{font-size:17px}.join-principles{grid-template-columns:1fr;gap:14px}.join-scene{min-height:900px;padding:35px 17px}.join-panel{padding:31px 23px 29px;border-radius:19px}.join-panel h2{font-size:37px}.join-name-grid{grid-template-columns:1fr;gap:0}.join-panel-foot{flex-wrap:wrap;justify-content:flex-start}.join-location{display:none}}

/* OneRuh account portal */
.brand-word,.join-brand>span:last-child{font-weight:400;color:#648069}
.soul-orb{display:grid;place-items:center}.soul-orb span{font:30px Georgia,serif;color:#365145;letter-spacing:-2px}
.trust-line{display:flex;align-items:center;gap:8px;margin-top:23px;color:#66766d;font-size:12px}.trust-line span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e3ecdf;color:#315e42;font-weight:700}
.account-welcome{text-align:center;max-width:680px;margin:4px auto 45px}.account-avatar{display:grid;place-items:center;width:92px;height:92px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(145deg,#f4e9b9,#c6d2a0);box-shadow:0 0 0 7px #eef0e6;color:#315245;font:32px Georgia,serif}.account-welcome .eyebrow{margin-bottom:12px}.account-welcome .eyebrow::before{display:none}.account-welcome h1{margin-bottom:10px}.account-welcome>p{margin-bottom:8px}.account-email{display:inline-flex!important;padding:5px 13px;border:1px solid var(--line);border-radius:30px;background:#fff;font-size:12px;color:var(--ink)!important}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.action-card{position:relative;min-height:240px;padding:32px;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.action-card:hover{transform:translateY(-2px);border-color:#b7c6af;box-shadow:0 16px 40px rgba(30,66,52,.08)}.action-card h2{margin:18px 0 10px}.action-card .inline-link{position:absolute;left:32px;bottom:28px;color:var(--green);font-size:13px}.section-label{color:#73826d;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}
.security-card{background:linear-gradient(145deg,#214f40,#173c31);color:#fff;border-color:#214f40}.security-card p,.security-card .section-label{color:#cad8cd}.security-card .inline-link{color:#fff}.security-icon{position:absolute;right:29px;top:27px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #d5c276;border-radius:50%;color:#e9d58d}
.account-summary{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:22px}.account-summary h2{margin:12px 0 7px}.account-summary p{margin:0}.account-summary .button{flex-shrink:0}
@media(max-width:700px){.account-grid{grid-template-columns:1fr}.account-summary{display:block}.account-summary .button{margin-top:20px}.action-card{min-height:220px}.join-monogram{font-size:18px}}
