/* RubrikJodoh — premium maroon, gold and ivory */
:root{--maroon:#641e32;--maroon-dark:#421323;--maroon-soft:#8b4056;--gold:#c6a15b;--gold-light:#e7d4a5;--ivory:#faf7f0;--paper:#fffdf9;--ink:#30252a;--muted:#81747a;--line:#e9e0d9;--green:#47745c;--shadow:0 22px 65px rgba(65,19,35,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(233,224,217,.85)}.header-inner{max-width:1200px;margin:auto;padding:14px 28px;display:flex;align-items:center;gap:34px;min-height:82px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-symbol{width:43px;height:43px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:italic 30px "Playfair Display",serif;color:var(--maroon);position:relative}.brand-symbol span{font:16px "DM Sans";color:var(--gold);position:absolute;right:-3px;top:-4px}.brand-name{font:600 19px/1.05 "Playfair Display",serif;letter-spacing:-.4px;color:var(--maroon)}.brand-name>span{color:var(--gold)}.brand-name small{display:block;font:600 8px/1.7 "DM Sans",sans-serif;letter-spacing:2px;color:#8e777b}.main-nav{display:flex;align-items:center;justify-content:center;gap:26px;margin-left:auto}.main-nav a,.header-login{font-size:12px;font-weight:600;color:#64565c;transition:color .2s}.main-nav a:hover,.header-login:hover{color:var(--maroon)}.header-actions{display:flex;align-items:center;gap:18px}.inline-form{display:inline}.inline-form button{border:0;background:none;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 20px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.1px;border:1px solid transparent;transition:transform .2s,background .2s;min-height:46px}.btn:hover{transform:translateY(-2px)}.btn-small{min-height:39px;padding:9px 15px}.btn-dark{background:var(--maroon);color:white}.btn-dark:hover{background:var(--maroon-dark)}.btn-gold{background:var(--gold);color:#321c20}.btn-gold:hover{background:#d8b979}.btn-outline{border-color:#d7c7c2;color:var(--maroon);background:transparent}.btn-outline:hover{background:#f8f0ed}.mobile-menu-toggle{display:none;border:0;background:none;font-size:24px;color:var(--maroon)}.hero{max-width:1200px;margin:auto;padding:70px 28px 66px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;min-height:570px}.hero-copy{padding:10px 0 22px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--maroon-soft);display:inline-flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);display:inline-block}.hero h1,.section h2,.closing-cta h2{font:500 clamp(40px,5vw,64px)/1.12 "Playfair Display",serif;letter-spacing:-1.7px;color:var(--maroon-dark);margin:22px 0}.hero h1 em,.section h2 em,.closing-cta h2 em{color:#a17b43;font-weight:500}.hero-copy>p{max-width:480px;color:#796d72;font-size:14px;line-height:1.95;margin:0 0 27px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-trust{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:25px;color:#8b7c80;font-size:10px}.trust-mark{width:17px;height:17px;display:grid;place-items:center;background:#e5eee6;color:#47745c;border-radius:50%;font-size:10px}.trust-sep{color:var(--gold)}.hero-art{position:relative;min-height:430px;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid rgba(198,161,91,.35);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:420px;height:350px}.orbit-two{width:370px;height:450px;transform:rotate(30deg)}.art-card{position:relative;z-index:2;width:min(310px,75%);background:white;border:1px solid #eee4da;border-radius:5px;padding:11px;box-shadow:var(--shadow);transform:rotate(-3deg)}.portrait-placeholder{height:315px;position:relative;overflow:hidden;background:linear-gradient(155deg,#e9d8c6 0%,#c4a18e 52%,#8d5d62 100%)}.portrait-sun{position:absolute;width:170px;height:170px;border-radius:50%;background:#e8c78d;top:28px;right:24px;opacity:.8}.portrait-person{position:absolute;bottom:-20px;width:155px;height:240px;border-radius:80px 80px 20px 20px;background:linear-gradient(90deg,#49303b,#70444a);box-shadow:inset 12px 0 25px rgba(255,255,255,.1)}.person-one{left:35px;transform:rotate(5deg)}.person-two{right:23px;bottom:-32px;height:210px;background:linear-gradient(90deg,#b67b66,#71454a);transform:rotate(-8deg)}.portrait-person:before{content:"";position:absolute;width:78px;height:95px;border-radius:48% 48% 43% 43%;background:#b87960;top:-56px;left:37px;box-shadow:0 -13px 0 5px #30222b}.person-two:before{background:#d4a083;box-shadow:0 -13px 0 5px #3d2b31}.portrait-caption{position:absolute;left:14px;bottom:13px;color:white;font-size:8px;font-weight:700;letter-spacing:2px;z-index:2;text-shadow:0 1px 5px #513a3a}.art-card-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 7px 5px}.art-card-footer strong,.floating-note strong{display:block;font:600 14px "Playfair Display",serif;color:var(--maroon)}.art-card-footer small,.floating-note small{display:block;color:#95858a;font-size:9px;margin-top:3px}.heart-medallion{width:35px;height:35px;border:1px solid #e5d5b5;border-radius:50%;display:grid;place-items:center;color:#b38a4b;font-size:22px}.floating-note{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;background:rgba(255,253,249,.96);padding:13px 16px;border:1px solid #eee4da;box-shadow:0 10px 30px rgba(65,19,35,.08);border-radius:4px}.note-top{top:45px;right:0}.note-bottom{bottom:47px;left:-4px}.note-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f5ebd7;color:#9a753d}.online-dot{width:8px;height:8px;background:#6d9b78;border-radius:50%;margin:0 10px}.decor-star{position:absolute;color:var(--gold);font-size:23px}.star-a{top:72px;left:50px}.star-b{bottom:73px;right:30px}.stats-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbf8f2;display:grid;grid-template-columns:repeat(4,1fr);padding:23px max(28px,calc((100% - 1144px)/2));gap:18px}.stats-strip>div{display:flex;align-items:center;gap:12px}.stats-strip strong{font:italic 25px "Playfair Display",serif;color:#b48a4a}.stats-strip span{font-size:11px;color:#786b70}.section{max-width:1200px;margin:auto;padding:88px 28px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}.section-heading h2{font-size:43px;margin:12px 0 0}.section-heading>p{max-width:390px;color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{padding:29px 27px 28px;border:1px solid var(--line);background:white;min-height:280px;display:flex;flex-direction:column;align-items:flex-start}.service-card-featured{background:var(--maroon);color:white;border-color:var(--maroon);box-shadow:0 20px 50px rgba(100,30,50,.15)}.service-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #e7d7bd;border-radius:50%;color:#b48a4a;font-size:23px;margin-bottom:24px}.service-card-featured .service-icon{border-color:#956275;color:#e2c27d}.card-kicker{font-size:8px;letter-spacing:1.7px;font-weight:700;color:#a4824d}.service-card h3{font:600 22px/1.3 "Playfair Display",serif;color:var(--maroon);margin:12px 0}.service-card-featured h3{color:#fff7ed}.service-card p{font-size:11px;line-height:1.9;color:#81747a;margin:0 0 24px}.service-card-featured p{color:#ddcbd0}.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:auto;font-size:10px;font-weight:700;color:var(--maroon)}.service-card-featured .text-link{color:#e7c982}.featured-section{padding-top:15px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.profile-card{border:1px solid var(--line);background:white;overflow:hidden}.profile-photo{width:100%;height:245px;display:block;object-fit:cover;background:#e9ded5}.profile-photo-empty{display:grid;place-items:center;background:linear-gradient(145deg,#f2e7da,#e4cfc9)}.profile-photo-empty span{font:70px "Playfair Display",serif;color:#b48a4a}.profile-info{padding:17px 19px 20px}.profile-title{display:flex;align-items:center;gap:8px}.profile-title h3{font:600 20px "Playfair Display",serif;color:var(--maroon);margin:0}.verified-mark{width:17px;height:17px;display:grid;place-items:center;background:#e6efe8;color:#47745c;border-radius:50%;font-size:10px}.profile-info p{font-size:10px;color:#95858a;margin:5px 0 9px}.profile-headline{font-size:11px;color:#685b61}.empty-state{text-align:center;padding:50px 20px;border:1px dashed #d9c8bf;background:#fcf8f3}.empty-heart{font:46px "Playfair Display",serif;color:var(--gold)}.empty-state h3{font:24px "Playfair Display",serif;color:var(--maroon);margin:10px 0}.empty-state p{font-size:12px;color:var(--muted);margin:0 auto 22px;max-width:420px}.closing-cta{max-width:1144px;margin:0 auto 80px;padding:45px 50px;background:var(--maroon-dark);display:flex;align-items:center;justify-content:space-between;gap:30px;color:white}.closing-cta .eyebrow{color:#d8b879}.closing-cta h2{color:#fff7ed;font-size:40px;margin:14px 0 0}.site-footer{background:#2d111c;color:#e8dce0;padding:52px max(28px,calc((100% - 1144px)/2)) 0}.footer-main{display:grid;grid-template-columns:1.5fr .8fr .9fr 1fr;gap:45px;padding-bottom:42px}.brand-light .brand-symbol{color:#f4e7d0;border-color:#bd9858}.brand-light .brand-name{color:#fff7ed}.brand-light .brand-name>span{color:#d5b56d}.brand-light .brand-name small{color:#b99da6}.footer-brand p,.footer-note p{max-width:255px;font-size:11px;line-height:1.9;color:#bdaab1;margin-top:18px}.footer-main h4{font-size:11px;letter-spacing:.5px;color:#e7c982;margin:8px 0 18px}.footer-main>div:not(:first-child):not(.footer-note) a{display:block;font-size:11px;color:#c8b7bd;margin:10px 0}.footer-main a:hover{color:#f2d99b}.footer-flower{font-size:28px;color:#d0ac66}.footer-note p{font:italic 18px/1.5 "Playfair Display",serif;color:#f5e8df}.footer-note small{font-size:9px;color:#a99099}.footer-bottom{border-top:1px solid #4a2a36;display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:9px;color:#a9929a}.footer-bottom b{color:#d6b66c}.notice{max-width:1144px;margin:16px auto 0;padding:12px 16px;font-size:12px;border-radius:3px}.notice-success{background:#edf5ee;color:#315d3f;border:1px solid #cfe2d2}.notice-error{background:#faeded;color:#8b2637;border:1px solid #ebc9cd}.page-shell{max-width:1144px;margin:auto;padding:60px 28px 90px}.page-heading{margin-bottom:30px}.page-heading h1{font:500 clamp(34px,4vw,48px)/1.15 "Playfair Display",serif;color:var(--maroon-dark);margin:12px 0}.page-heading p{color:var(--muted);max-width:650px;font-size:13px}.auth-layout{max-width:1020px;margin:45px auto 75px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:0;box-shadow:var(--shadow);border:1px solid var(--line);background:white}.auth-aside{background:var(--maroon-dark);padding:48px 42px;color:#fff7ed;position:relative;overflow:hidden}.auth-aside:after{content:"♡";position:absolute;right:-22px;bottom:-80px;font:250px "Playfair Display",serif;color:rgba(231,212,165,.08)}.auth-aside h1{font:500 39px/1.15 "Playfair Display",serif;margin:22px 0}.auth-aside p{color:#d8c5cc;font-size:12px;line-height:1.9;max-width:330px}.auth-aside .eyebrow{color:#dfc17d}.auth-points{list-style:none;padding:0;margin-top:30px;font-size:11px;color:#e8dce0}.auth-points li{margin:12px 0}.auth-points li:before{content:"✓";color:#dfc17d;margin-right:10px}.auth-form-wrap{padding:43px 42px}.auth-form-wrap h2{font:600 27px "Playfair Display",serif;color:var(--maroon);margin:0 0 5px}.form-intro{font-size:11px;color:var(--muted);margin:0 0 23px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:11px;font-weight:700;color:#57474e;margin-bottom:7px}.form-control{width:100%;border:1px solid #ded3cf;border-radius:3px;padding:12px 13px;background:#fffdfb;color:var(--ink);outline:none;min-height:45px}.form-control:focus{border-color:#b48a4a;box-shadow:0 0 0 3px rgba(198,161,91,.12)}.form-help{font-size:10px;color:var(--muted);margin-top:6px}.check-row{display:flex;align-items:flex-start;gap:9px;font-size:10px;color:#76666d;margin:15px 0}.check-row input{margin-top:3px;accent-color:var(--maroon)}.auth-submit{width:100%;margin-top:8px}.auth-switch{font-size:11px;color:var(--muted);text-align:center;margin-top:20px}.auth-switch a{color:var(--maroon);font-weight:700}.form-error{font-size:10px;color:#a3263d;margin-top:5px}.dashboard-layout{max-width:1144px;margin:auto;padding:42px 28px 80px;display:grid;grid-template-columns:245px 1fr;gap:28px}.dashboard-sidebar{border:1px solid var(--line);background:white;padding:18px;height:max-content}.dashboard-sidebar h3{font:600 19px "Playfair Display",serif;color:var(--maroon);margin:7px 10px 18px}.dashboard-sidebar a{display:block;padding:10px 12px;font-size:11px;color:#75656b;border-radius:3px;margin:3px 0}.dashboard-sidebar a.active,.dashboard-sidebar a:hover{background:#f7f0eb;color:var(--maroon)}.dashboard-main{min-width:0}.dashboard-title h1{font:500 35px "Playfair Display",serif;color:var(--maroon-dark);margin:0}.dashboard-title p{font-size:12px;color:var(--muted);margin:6px 0 22px}.dashboard-panel{background:white;border:1px solid var(--line);padding:24px;margin-bottom:20px}.dashboard-panel h2{font:600 21px "Playfair Display",serif;color:var(--maroon);margin:0 0 14px}.dashboard-panel p{font-size:12px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.metric-card{background:white;border:1px solid var(--line);padding:20px}.metric-card strong{display:block;font:28px "Playfair Display",serif;color:var(--maroon)}.metric-card span{font-size:10px;color:var(--muted)}.status-pill{display:inline-block;border-radius:20px;background:#f4eddd;color:#84612c;font-size:9px;padding:5px 9px}.site-footer a:focus-visible,.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:980px){.header-inner{gap:18px}.main-nav{gap:15px}.main-nav a{font-size:11px}.hero{gap:20px}.hero h1{font-size:51px}.footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:28px}.footer-note{display:none}.auth-aside{padding:38px 30px}.auth-form-wrap{padding:38px 30px}}
@media(max-width:760px){.header-inner{min-height:70px;padding:12px 18px;flex-wrap:wrap;justify-content:space-between}.brand-symbol{width:38px;height:38px;font-size:27px}.brand-name{font-size:17px}.mobile-menu-toggle{display:block;margin-left:auto}.main-nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 3px}.main-nav.is-open{display:flex}.main-nav a{padding:11px 4px;border-top:1px solid var(--line);font-size:12px}.header-actions{gap:12px}.header-actions .header-login{display:none}.header-actions .btn{padding:8px 11px;min-height:35px}.hero{padding:45px 21px 38px;grid-template-columns:1fr;gap:18px}.hero h1{font-size:clamp(42px,10vw,56px)}.hero-copy{padding:0}.hero-art{min-height:380px}.orbit-one{width:320px;height:285px}.orbit-two{width:290px;height:370px}.art-card{width:250px}.portrait-placeholder{height:260px}.note-top{right:0;top:26px}.note-bottom{left:0;bottom:23px}.floating-note{padding:10px 12px}.stats-strip{grid-template-columns:repeat(2,1fr);padding:22px 21px;gap:20px 12px}.stats-strip strong{font-size:22px}.stats-strip span{font-size:10px}.section{padding:62px 21px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.section-heading h2{font-size:36px}.service-grid{grid-template-columns:1fr}.service-card{min-height:unset}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-photo{height:190px}.profile-info{padding:13px}.profile-title h3{font-size:17px}.closing-cta{margin:0 15px 55px;padding:30px 24px;align-items:flex-start;flex-direction:column}.closing-cta h2{font-size:34px}.footer-main{grid-template-columns:repeat(2,1fr);gap:28px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}.page-shell{padding:40px 20px 65px}.auth-layout{grid-template-columns:1fr;margin:25px 15px 50px;padding:0}.auth-aside{padding:32px 27px}.auth-aside h1{font-size:32px}.auth-points{display:none}.auth-form-wrap{padding:30px 25px}.dashboard-layout{padding:28px 16px 60px;grid-template-columns:1fr;gap:16px}.dashboard-sidebar{display:flex;overflow:auto;gap:5px;padding:9px}.dashboard-sidebar h3{display:none}.dashboard-sidebar a{white-space:nowrap;margin:0}.metric-grid{grid-template-columns:1fr 1fr}.notice{margin:12px 15px 0}}
@media(max-width:420px){.profile-grid{grid-template-columns:1fr}.profile-photo{height:250px}.hero-actions .btn{width:100%}.hero-trust{font-size:9px}.metric-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}}