:root{--ink:#151817;--navy:#182722;--gold:#d7b879;--gold-light:#f0dfb7;--paper:#f6f5f1;--white:#fff;--muted:#7c827d;--line:#e4e4de;--green:#657d6d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,92px);background:#111b17;color:#fff;border-bottom:1px solid #ffffff18;position:relative;z-index:3}.brandmark{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:.13em}.brandmark small{display:block;font-size:8px;letter-spacing:.22em;color:var(--gold);font-weight:600}.brand-icon{width:38px;height:38px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:25px;font-weight:400}.nav-links{display:flex;align-items:center;gap:clamp(14px,2.5vw,34px);font-size:12px;color:#e1e5df}.nav-links>a:not(.nav-cta):hover{color:var(--gold)}.nav-cta{padding:11px 16px;border:1px solid #d7b87999;color:var(--gold)}.inline-form{display:inline}.nav-button{background:none;border:0;color:inherit;cursor:pointer}.hero{min-height:620px;background:#111b17;color:#fff;padding:105px clamp(22px,10vw,150px) 26px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.hero:before{content:"";position:absolute;width:560px;height:560px;border:1px solid #d7b87920;border-radius:50%;right:-40px;top:0;box-shadow:0 0 0 70px #d7b87908,0 0 0 140px #d7b87905}.hero-glow{position:absolute;right:10%;top:10%;width:270px;height:270px;border-radius:50%;background:#d7b8790b;filter:blur(40px)}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:9px}.eyebrow-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;display:inline-block}.dark-eyebrow{color:#7b8c7d}.hero h1,.section h2,.closing-cta h2,.auth-card h1,.dashboard-heading h1{font-size:clamp(42px,6.2vw,78px);line-height:1.06;letter-spacing:-.055em;font-weight:500;margin:26px 0}.hero h1 em,.section h2 em,.closing-cta h2 em,.auth-card h1 em,.dashboard-heading h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold);letter-spacing:-.045em}.hero-copy{max-width:520px;color:#bdc5bf;font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:13px;margin-top:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 19px;border:1px solid transparent;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#18211c}.button-ghost{border-color:#ffffff55;color:#fff}.button-dark{background:#19241e;color:#fff}.button-outline{border-color:#c8cec6;color:#26332a;background:white}.hero-bottom{display:flex;align-items:center;gap:18px;margin-top:auto;padding-top:70px;color:#a4ada5;font-size:8px;letter-spacing:.18em}.hero-line{width:34px;height:1px;background:#59665d}.section{padding:95px clamp(22px,9vw,132px)}.section-light{background:var(--paper)}.section-dark{background:#19241e;color:#fff}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:45px}.section h2{font-size:clamp(37px,4.7vw,58px);margin:16px 0 0}.section-light h2 em{color:#738574}.section-heading>p{max-width:360px;color:#8d948e;font-size:13px;line-height:1.9;margin:0 0 4px}.section-light .section-heading>p{color:#6d756f}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value-card{border:1px solid var(--line);padding:28px;min-height:190px}.value-card>span{color:#879588;font-size:11px;letter-spacing:.15em}.value-card h3{font-size:18px;font-weight:600;margin:28px 0 8px}.value-card p,.brand-card p{color:#858c85;font-size:12px;line-height:1.8;margin:0}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.brand-card{border:1px solid #ffffff1d;padding:25px;min-height:245px;background:#ffffff04;transition:border-color .2s,transform .2s}.brand-card:hover{border-color:#d7b87980;transform:translateY(-3px)}.brand-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.brand-logo,.brand-logo-placeholder{width:52px;height:52px;object-fit:contain;background:#ffffff0a;border:1px solid #ffffff1b;padding:6px}.brand-logo-placeholder{display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:28px}.external-mark{color:var(--gold)}.brand-card h3{font-size:18px;font-weight:600;margin:0 0 7px}.brand-card p{min-height:45px}.text-link{display:inline-flex;gap:18px;color:var(--gold);font-size:11px;font-weight:700;margin-top:22px}.empty-state{text-align:center;padding:55px 20px;border:1px solid #ffffff20}.empty-icon{font-size:28px;color:var(--gold)}.empty-state h3{font-size:21px;font-weight:500;margin:13px 0}.empty-state p{color:#a4ada5;font-size:12px;max-width:430px;margin:0 auto}.light-empty{border-color:var(--line)}.light-empty p{color:#7d857e}.founder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.founder-card{display:grid;grid-template-columns:38% 1fr;border:1px solid var(--line);background:#fff}.founder-photo{width:100%;height:100%;min-height:290px;object-fit:cover;background:#e5e7e0}.founder-placeholder{display:grid;place-items:center;font-size:58px;font-family:Georgia,serif;color:#738574}.founder-info{padding:25px 22px}.founder-info h3{font-size:20px;margin:12px 0 2px}.founder-info>p:not(.founder-title){font-size:12px;color:#777f78;line-height:1.8}.founder-title{font-size:11px;color:#7b8c7d;margin:0;font-weight:700}.social-link{display:inline-block;margin:8px 12px 0 0;font-size:10px;color:#536b59;font-weight:700}.closing-cta{padding:85px 22px;background:#25352b;color:white;text-align:center}.closing-cta .eyebrow{justify-content:center}.closing-cta h2{font-size:clamp(38px,5vw,60px);margin:22px 0 30px}.site-footer{background:#101914;color:#dfe4df;padding:45px clamp(22px,7vw,100px) 25px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-brand{width:max-content}.site-footer p,.site-footer a:not(.brandmark),.site-footer span{font-size:11px;color:#a0aaa1}.site-footer>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:8px}.site-footer strong{font-size:12px;margin-bottom:7px;color:#fff}.copyright{grid-column:1/-1;border-top:1px solid #ffffff1a;padding-top:18px;margin-top:10px;font-size:10px;color:#7f8b81}.auth-wrap{padding:75px 20px;display:flex;justify-content:center;align-items:center;min-height:65vh;background:#f4f4ef}.auth-card{width:min(100%,480px);padding:clamp(25px,5vw,48px);background:white;border:1px solid var(--line)}.auth-card h1,.dashboard-heading h1{font-size:43px;color:var(--ink);margin:13px 0}.auth-card h1 em,.dashboard-heading h1 em{color:#738574}.muted{color:#818981;font-size:12px}.form-stack{display:flex;flex-direction:column;gap:16px;margin-top:25px}.form-stack label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#3a443c}.form-stack input:not([type=checkbox]),.form-stack textarea{width:100%;border:1px solid #dfe2dc;background:#fbfbf9;padding:12px 13px;outline:none;color:#202a23;font-size:13px;border-radius:0}.form-stack input:focus,.form-stack textarea:focus{border-color:#7d927e;box-shadow:0 0 0 2px #7d927e20}.form-stack textarea{resize:vertical}.full-button{width:100%;margin-top:4px}.form-note,.field-help{font-size:10px;color:#858c85;font-weight:400}.form-note{line-height:1.8;margin-top:18px}.alert{padding:12px 14px;margin:18px 0;font-size:12px}.alert-error{background:#fff0ed;color:#9b3526;border:1px solid #f0c5bd}.alert-success{background:#edf7ef;color:#2e6d3b;border:1px solid #c7e5cd}.dashboard-wrap{padding:55px clamp(20px,6vw,85px) 80px}.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px}.dashboard-heading h1{font-size:clamp(34px,4vw,49px)}.dark-ghost{color:#26332a;border-color:#cbd1ca}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.panel{background:white;border:1px solid var(--line);padding:clamp(18px,3vw,30px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:15px}.panel-heading h2{font-size:16px;margin:0;font-weight:650}.panel-step{font-size:8px;color:#899187;letter-spacing:.13em}.preview-card{padding:20px 0 24px}.preview-photo{width:100%;height:190px;object-fit:cover;display:block;margin-bottom:22px;background:#e6e9e2}.preview-card h3{font-size:24px;margin:8px 0 2px}.preview-card>p:not(.founder-title){font-size:12px;color:#727b73;white-space:pre-wrap;line-height:1.8}.preview-note{margin-top:20px;padding:11px;background:#f5f6f1;font-size:10px;color:#747e75}.social-heading{margin-top:10px}.checkbox-row{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.security-note{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:15px 18px;background:#e9eee7;color:#516452;font-size:11px}.security-note p{margin:0}.hidden{display:none!important}@media(max-width:900px){.brand-grid{grid-template-columns:repeat(2,1fr)}.founder-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.section-heading>p{max-width:600px}.hero{min-height:580px}.hero-bottom{flex-wrap:wrap}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1/-1}}@media(max-width:600px){.site-header{height:auto;min-height:76px;padding:16px 18px;align-items:flex-start;gap:15px;flex-direction:column}.nav-links{width:100%;gap:14px;flex-wrap:wrap;font-size:11px}.nav-cta{padding:7px 10px}.hero{padding-top:75px;min-height:560px}.hero h1{font-size:45px}.hero-bottom{gap:10px;font-size:7px}.hero-line{width:18px}.section{padding:65px 20px}.value-grid,.brand-grid{grid-template-columns:1fr}.value-card{min-height:150px}.founder-card{grid-template-columns:1fr}.founder-photo{height:240px;min-height:0}.site-footer{grid-template-columns:1fr 1fr;gap:25px}.site-footer>div:first-child{grid-column:1/-1}.dashboard-heading{align-items:flex-start;flex-direction:column}.auth-wrap{padding:35px 14px}.auth-card{padding:25px 20px}}


/* FMROJ 2026 visual refresh — logo-matched electric blue, responsive motion */
:root{--blue:#0878f9;--blue2:#1649d8;--ink:#101827;--gold:#1682ff;--paper:#f7f9fc;--line:#e4eaf2;--green:#738574}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{overflow-x:hidden}
.site-header{position:sticky;top:0;backdrop-filter:blur(18px);background:rgba(12,20,35,.94);box-shadow:0 8px 28px #06132a20;animation:headerIn .65s ease both}
.brandmark{gap:11px;transition:transform .25s ease;color:#fff}
.brandmark:hover{transform:translateY(-2px)}
.brand-logo-image{display:block;width:48px;height:48px;object-fit:contain;border-radius:12px;background:#fff;padding:3px;box-shadow:0 0 0 1px #1682ff55,0 0 24px #1682ff25}
.brandmark small{color:#55a5ff}
.nav-links a,.nav-button{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
.nav-cta{border-color:#1682ff99;color:#7ebaff;border-radius:9px}
.nav-cta:hover{background:#0878f9;color:#fff;transform:translateY(-2px)}
.hero{isolation:isolate;background:radial-gradient(ellipse at 82% 22%,#0a65e52b,transparent 36%),linear-gradient(130deg,#0b1424 0%,#111d33 56%,#0a1427 100%)}
.hero:before{border-color:#1682ff27;animation:orbit 32s linear infinite}
.hero-glow{background:#0878f92b;animation:glowPulse 5s ease-in-out infinite alternate}
.eyebrow{color:#5ca8ff}.eyebrow-dot{background:#1682ff;box-shadow:0 0 0 5px #1682ff20;animation:dotPulse 2.2s ease-in-out infinite}
.hero h1{animation:riseIn .8s .08s both}.hero-copy{animation:riseIn .8s .2s both}.hero-actions{animation:riseIn .8s .32s both}.hero-bottom{animation:riseIn .8s .45s both}
.hero h1 em,.section h2 em,.closing-cta h2 em{background:linear-gradient(100deg,#8dc5ff,#1682ff 60%,#3157e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.button{border-radius:10px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.button-gold{background:linear-gradient(115deg,#2a9aff,#0868ef);color:white;box-shadow:0 8px 25px #0878f92c}
.button-gold:hover,.button-dark:hover{box-shadow:0 12px 30px #0878f94d;transform:translateY(-3px)}
.button-ghost{border-color:#ffffff42;border-radius:10px}.button-ghost:hover{border-color:#1682ff;background:#1682ff15}
.section{position:relative}.section-light{background:linear-gradient(180deg,#fbfcff,#f1f5fb)}.section-dark{background:radial-gradient(ellipse at 90% 10%,#0878f916,transparent 35%),#111c2d}
.dark-eyebrow{color:#1679e9}.value-card,.brand-card,.founder-card,.panel,.auth-card{border-radius:16px;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.value-card{background:#ffffffb8}.value-card:hover,.brand-card:hover,.founder-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px #071a3510;border-color:#1682ff80}
.brand-card{background:linear-gradient(145deg,#ffffff08,#1682ff07);position:relative;overflow:hidden}
.brand-card:after{content:"";position:absolute;inset:auto -40px -65px auto;width:130px;height:130px;border-radius:50%;background:#1682ff0c;transition:transform .4s ease}.brand-card:hover:after{transform:scale(1.7)}
.brand-logo,.brand-logo-placeholder{border-radius:12px}.founder-card{overflow:hidden;box-shadow:0 7px 22px #13284a08}.founder-photo{transition:transform .5s ease}.founder-card:hover .founder-photo{transform:scale(1.025)}
.auth-wrap{background:radial-gradient(ellipse at 15% 15%,#1682ff12,transparent 35%),linear-gradient(135deg,#f7faff,#edf3fb)}
.auth-card{box-shadow:0 20px 70px #0e2b5510}.form-stack input:not([type=checkbox]),.form-stack textarea{border-radius:9px;transition:border-color .2s,box-shadow .2s}.form-stack input:focus,.form-stack textarea:focus{border-color:#1682ff;box-shadow:0 0 0 4px #1682ff18}
.dashboard-wrap{background:linear-gradient(180deg,#f7f9fc,#eef3fa)}.panel{box-shadow:0 12px 38px #0c25450a}.preview-photo{border-radius:12px}.site-footer{background:#0b1321}.footer-brand .brand-logo-image{width:42px;height:42px}
.text-link,.social-link{transition:color .2s ease}.text-link:hover,.social-link:hover{color:#1682ff}
@keyframes headerIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes riseIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes glowPulse{from{transform:scale(.9);opacity:.55}to{transform:scale(1.12);opacity:1}}
@keyframes dotPulse{0%,100%{box-shadow:0 0 0 4px #1682ff16}50%{box-shadow:0 0 0 8px #1682ff08}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media(max-width:600px){.brand-logo-image{width:40px;height:40px}.site-header{position:relative}.hero:before{width:360px;height:360px;right:-170px;top:80px}.hero h1{font-size:clamp(39px,10vw,48px)}.hero-bottom{padding-top:45px}.section-heading{gap:18px}}
/* Auth accessibility and recovery links */
.form-note a { color: #145ee8; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.alert-success { border: 1px solid #86efac; background: #f0fdf4; color: #166534; padding: 12px 14px; border-radius: 12px; margin: 14px 0; }

/* FMROJ motion system + administrator CMS */
:root{--motion-blue:#0878f9;--motion-cyan:#47c8ff}
.hero{overflow:hidden}.hero:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 78px,#4aa4ff09 79px 80px,transparent 81px 150px);mask-image:linear-gradient(90deg,transparent,#000 45%,#000)}
.hero-glow{filter:blur(3px)}.hero h1 em{background-size:200% auto;animation:gradientFlow 7s linear infinite}
.hero-actions .button{will-change:transform}.brand-card,.value-card,.founder-card{will-change:transform}.brand-card:hover{transform:translateY(-8px) scale(1.01)}
.section-heading h2,.closing-cta h2{letter-spacing:-.035em}.site-header{z-index:50}
.admin-wrap{min-height:75vh}.admin-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.admin-form-panel{position:sticky;top:100px}.admin-brand-list{display:flex;flex-direction:column}.admin-brand-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);animation:riseIn .45s both}.admin-brand-row:last-child{border-bottom:0}.admin-brand-identity{display:flex;align-items:center;gap:13px;min-width:0}.admin-brand-identity>img,.admin-brand-identity>.brand-logo-placeholder{width:52px;height:52px;object-fit:contain;border-radius:12px;background:#f3f7fc;flex-shrink:0}.admin-brand-identity h3{font-size:14px;margin:0 0 3px}.admin-brand-identity p{font-size:10px;color:#7c8796;margin:0 0 7px;overflow-wrap:anywhere}.status-pill{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800}.status-live{background:#dcfce7;color:#166534}.status-draft{background:#e9edf4;color:#4b5563}.admin-row-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.admin-row-actions form{margin:0}.small-button{padding:8px 11px;font-size:10px;min-height:34px}.button-danger{border:1px solid #fecaca;background:#fff1f2;color:#be123c;border-radius:9px;cursor:pointer;transition:all .2s}.button-danger:hover{background:#be123c;color:white;transform:translateY(-2px)}.form-stack input[type=url],.form-stack input[type=number],.form-stack input:not([type=checkbox]){max-width:100%}.admin-form-panel .form-stack{margin-top:18px}.admin-form-panel .form-stack input[type=checkbox]{accent-color:#0878f9}.admin-wrap .panel{min-width:0}
@keyframes gradientFlow{to{background-position:200% center}}
@media(max-width:980px){.admin-grid{grid-template-columns:1fr}.admin-form-panel{position:static}}
@media(max-width:560px){.admin-brand-row{align-items:flex-start;flex-direction:column}.admin-row-actions{width:100%;justify-content:flex-end}.admin-brand-identity{width:100%}}
@media(prefers-reduced-motion:reduce){.hero h1 em{animation:none}}