@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');

:root { color-scheme: dark; --bg:#0b100d; --surface:#121a15; --line:#243127; --cream:#f2eddf; --muted:#9ca89f; --green:#78a87f; --gold:#d2a355; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--bg); color:var(--cream); font-family:'DM Sans',system-ui,sans-serif; }
a { color:inherit; text-decoration:none; }
.wrap { width:min(1160px,calc(100% - 48px)); margin-inline:auto; }
.nav { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.07); }
.brand { display:flex; align-items:center; gap:12px; font-size:19px; letter-spacing:.02em; }
.brand strong { color:var(--gold); }
.brand-mark { width:36px; aspect-ratio:1; display:grid; place-items:center; border:1px solid #4c5f50; transform:rotate(45deg); color:var(--gold); font:700 18px 'Playfair Display'; }
.brand-mark::first-letter { transform:rotate(-45deg); }
nav { display:flex; align-items:center; gap:25px; color:#b9c1bb; font-size:14px; }
nav a { display:flex; align-items:center; gap:7px; }
nav a:hover { color:var(--cream); }
.menu-icon { flex:none; width:17px; height:17px; color:var(--gold); }
.google-icon { width:18px; height:18px; }
.currency-picker { position:relative; display:flex; align-items:center; margin:0; }
.currency-picker > .menu-icon { position:absolute; z-index:1; left:11px; width:15px; height:15px; pointer-events:none; }
.currency-picker select { appearance:none; min-width:94px; padding:10px 28px 10px 34px; border:1px solid #465348; border-radius:999px; color:var(--cream); background:#0b100d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23d9ad54' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 11px center; font:inherit; cursor:pointer; }
.currency-picker select:focus { outline:2px solid var(--gold); outline-offset:2px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.login-link { display:flex; align-items:center; gap:8px; white-space:nowrap; color:var(--cream); }
.account-link { display:flex; align-items:center; gap:8px; max-width:180px; color:var(--cream); }
.account-link img { width:32px; height:32px; border-radius:50%; object-fit:cover; }
.account-link span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user-subnav{border-bottom:1px solid rgba(255,255,255,.07);background:#0e1510}.user-subnav nav{min-height:50px;justify-content:flex-start;gap:10px}.user-subnav a{padding:8px 14px;border-radius:8px;color:#89968d}.user-subnav a:hover,.user-subnav a.active{background:#18221b;color:var(--cream)}.user-subnav .menu-icon{width:15px;height:15px}
.user-subnav .mobile-only{display:none}
.profile-page { min-height:calc(100vh - 88px); padding-block:80px; }
.profile-card { position:relative; max-width:620px; margin:auto; padding:46px; border:1px solid #28372d; border-radius:22px; background:#101812; }
.profile-card h1 { font-size:clamp(44px,7vw,68px); }
.profile-avatar { position:absolute; right:46px; top:46px; width:72px; height:72px; border-radius:50%; object-fit:cover; }
.profile-email { color:#8f9a92; margin:14px 0 34px; }
.profile-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 28px}.profile-shortcuts a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#0d140f}.profile-shortcuts b,.profile-shortcuts small{display:block}.profile-shortcuts small{margin-top:3px;color:var(--muted);font-size:11px}
.profile-form label { display:grid; gap:9px; color:#9eaaa1; font-size:13px; text-transform:uppercase; letter-spacing:.08em; }
.profile-form input,.profile-form select { width:100%; margin-bottom:20px; padding:15px; border:1px solid #35453a; border-radius:10px; color:var(--cream); background:#0b100d; font:inherit; }.profile-form select{cursor:pointer}
.profile-form label small{margin:-12px 0 20px;color:#77847b;font-size:12px;line-height:1.5;text-transform:none;letter-spacing:0}
.profile-country>span{display:block;margin-bottom:9px;color:#9eaaa1;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.profile-country>input[type=hidden]{display:none}.country-select{position:relative;margin-bottom:20px}.country-select summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:15px;border:1px solid #35453a;border-radius:10px;background:#0b100d;cursor:pointer;list-style:none}.country-select summary::-webkit-details-marker{display:none}.country-select summary::after{content:'⌄';margin-left:auto;color:var(--gold)}.country-select img,.admin-country img{width:24px;height:18px;object-fit:cover;box-shadow:0 0 0 1px #ffffff22}.country-menu{position:absolute;z-index:20;top:calc(100% + 6px);width:100%;padding:10px;border:1px solid #35453a;border-radius:12px;background:#101812;box-shadow:0 18px 45px #000b}.country-menu .country-search{margin:0 0 8px;padding:11px}.country-options{max-height:280px;overflow-y:auto}.country-options button{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:0;border-radius:7px;color:var(--cream);background:transparent;text-align:left;cursor:pointer}.country-options button:hover,.country-options button:focus{background:#213027;outline:none}.country-options button[hidden]{display:none}.country-no-flag{display:grid;width:24px;color:var(--muted);text-align:center}.admin-country{display:flex;align-items:center;gap:8px}
.notice { margin:0 0 22px; padding:12px 15px; border-radius:8px; }.notice.success{background:#193622;color:#bfe5c9}.notice.error{background:#3b1c1c;color:#f2c1c1}
.logout-button { margin-top:28px; border:0; padding:0; color:#b7c0b9; background:transparent; text-decoration:underline; cursor:pointer; }
.admin-page{min-height:calc(100vh - 138px);padding-block:64px 90px}.admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.admin-heading h1{font-size:clamp(48px,7vw,76px)}.admin-heading p:last-child{color:var(--muted)}.admin-total{min-width:210px;padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.admin-total span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.admin-total strong{display:block;margin-top:5px;color:var(--gold);font:700 36px 'Playfair Display',serif}.admin-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.admin-table{width:100%;border-collapse:collapse;white-space:nowrap}.admin-table th,.admin-table td{padding:17px 18px;border-bottom:1px solid var(--line);text-align:left}.admin-table th{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr:hover{background:#172019}.admin-user{display:flex;align-items:center;gap:12px;min-width:225px}.admin-user img,.admin-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}.admin-avatar{display:grid;place-items:center;background:#29372d;color:var(--gold);font-weight:700}.admin-user b,.admin-user small{display:block}.admin-user small{max-width:230px;margin-top:3px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis}.admin-table time{color:#b9c1bb;font-size:13px}
.nav-cta { border:1px solid #465348; border-radius:999px; padding:11px 19px; }
.hero { min-height:700px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:60px; padding-block:72px 100px; }
.eyebrow,.section-label { color:var(--gold); font-size:12px; font-weight:700; letter-spacing:.17em; text-transform:uppercase; }
.eyebrow span { display:inline-block; width:24px; height:1px; margin:0 10px 3px 0; background:var(--gold); }
h1,h2 { font-family:'Playfair Display',Georgia,serif; margin:0; letter-spacing:-.035em; }
h1 { font-size:clamp(58px,7vw,92px); line-height:.98; }
h1 em { color:var(--green); font-weight:700; }
.lead { max-width:600px; margin:28px 0; color:#aeb8b0; font-size:18px; line-height:1.7; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; }
.button { padding:15px 22px; border-radius:8px; font-size:14px; font-weight:700; }
.primary { background:var(--cream); color:#172019; }
.primary:hover { background:white; }
.ghost { border:1px solid #344138; color:#c2cac4; }
.ghost span { margin-left:10px; }
.availability { margin-top:25px; color:#7f8d82; font-size:12px; }
.availability i { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:#6ca978; box-shadow:0 0 12px #6ca978; }
.card-scene { position:relative; min-height:510px; perspective:1000px; }
.glow { position:absolute; inset:15% 8%; border-radius:50%; background:rgba(74,121,79,.18); filter:blur(45px); }
.magic-card { position:absolute; width:270px; height:390px; border:1px solid #5c644e; border-radius:15px; padding:11px; background:linear-gradient(145deg,#c2a870,#74664d); box-shadow:0 30px 60px #0009; color:#182018; }
.card-front { left:50%; top:25px; transform:translateX(-42%) rotate(5deg); }
.card-back { left:15%; top:80px; transform:rotate(-14deg); background:#171e18; border:9px solid #242a24; }
.card-frame { height:100%; border:2px solid #6f492d; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle,#31544a 0 18%,#171d19 19% 38%,#75472d 39% 42%,#171d19 43%); }
.orb { width:65px; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 35% 30%,#d7c394,#624631 55%,#1c221d); box-shadow:0 0 0 4px #a27b49; }
.card-head,.card-type,.card-stats { display:flex; justify-content:space-between; align-items:center; background:#dfd5b6; padding:7px 9px; font:700 12px Georgia; }
.card-art { position:relative; height:185px; overflow:hidden; margin:5px 0; background:linear-gradient(#203d38 0 45%,#58725d 46% 70%,#1d2922 71%); }
.moon { position:absolute; width:64px; height:64px; border-radius:50%; background:#e3c884; right:24px; top:24px; box-shadow:0 0 35px #e3c88499; }
.mountain { position:absolute; bottom:-20px; width:220px; height:130px; background:#23392e; transform:rotate(45deg); }
.mountain.one { left:-90px; }.mountain.two { right:-120px; background:#17281f; }
.card-type { font-size:11px; }.card-text { height:115px; padding:12px; background:#e6dec7; font:11px/1.35 Georgia; }.card-text span { font-style:italic; }.card-stats { font-size:8px; }
.value-chip { position:absolute; right:-15px; bottom:36px; width:200px; padding:15px 18px; border:1px solid #3c4a3f; border-radius:12px; background:rgba(18,26,21,.94); box-shadow:0 15px 40px #0008; backdrop-filter:blur(10px); }
.value-chip span,.value-chip small { display:block; color:#829087; font-size:10px; }.value-chip strong { display:block; margin:5px 0; font-size:20px; }.value-chip small { color:#7fbd88; }
.features { padding:110px 0; background:#101712; border-block:1px solid var(--line); }
h2 { font-size:clamp(42px,5vw,66px); line-height:1.08; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:64px; background:var(--line); border:1px solid var(--line); }
.feature-grid article { min-height:260px; padding:36px; background:#101712; }
.icon { display:grid; place-items:center; width:42px; height:42px; border:1px solid #435146; border-radius:50%; color:var(--gold); font-size:22px; }
h3 { margin:38px 0 12px; font:700 21px 'Playfair Display',serif; }.feature-grid p,.tools-copy { color:var(--muted); line-height:1.7; }
.tools { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:100px; padding-block:120px; }
.tools-copy { max-width:540px; font-size:17px; }
.life-counter { padding:35px; text-align:center; border:1px solid #334038; border-radius:22px; background:radial-gradient(circle at 50% 40%,#213428,#101612 70%); box-shadow:0 30px 80px #0007; }
.life-counter>span,.life-counter small { color:#78867d; font-size:10px; letter-spacing:.22em; }.counter-row { display:flex; justify-content:center; align-items:center; gap:45px; margin:20px 0; }.counter-row strong { font:700 92px 'Playfair Display'; }.counter-row button { width:45px; height:45px; border:1px solid #4a574e; border-radius:50%; background:transparent; color:#c9d0cb; font-size:24px; cursor:pointer; }
.signup { padding:80px 0; background:#1a251e; border-block:1px solid #344237; }.signup-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }.signup h2 { font-size:48px; }.signup p:not(.section-label) { color:var(--muted); }.coming-soon { padding:14px 24px; border:1px solid #59675d; border-radius:999px; color:var(--gold); font-size:12px; letter-spacing:.15em; }
footer { min-height:120px; display:flex; align-items:center; justify-content:space-between; gap:30px; color:#68756c; font-size:11px; } footer p { max-width:620px; text-align:right; }
@media (max-width:850px) { nav a:not(.nav-cta):not(.login-link):not(.account-link){display:none}.user-subnav{position:relative}.user-subnav nav{width:100%;min-height:58px;justify-content:flex-start;gap:3px;padding-inline:15px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.user-subnav nav::-webkit-scrollbar{display:none}.user-subnav nav a{display:flex!important;flex:0 0 auto;padding:9px 11px}.user-subnav .mobile-only{display:flex}.login-link{font-size:12px}.account-link span{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.card-scene{min-height:470px}.feature-grid{grid-template-columns:1fr}.tools{grid-template-columns:1fr;gap:50px}.signup-inner{align-items:flex-start;flex-direction:column} }
@media (max-width:700px){.admin-heading{align-items:stretch;flex-direction:column}.admin-total{min-width:0}.admin-table-wrap{border:0;background:transparent;overflow:visible}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{display:block}.admin-table thead{display:none}.admin-table tr{margin-bottom:14px;padding:6px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.admin-table td{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;text-align:right}.admin-table td::before{content:attr(data-label);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.admin-table td:first-child{display:block;text-align:left}.admin-table td:first-child::before{display:none}.admin-user{min-width:0}.admin-user small{max-width:210px}}
@media (max-width:520px) { .wrap{width:min(100% - 30px,1160px)}.nav{height:72px}.nav-cta{padding:9px 13px}.hero{padding-block:52px 70px}.lead{font-size:16px}.button{width:100%;text-align:center}.card-scene{min-height:420px;transform:scale(.87);transform-origin:left top}.card-front{left:45%}.card-back{left:0}.value-chip{right:-8%}.features,.tools{padding-block:80px}.feature-grid article{min-height:auto}.counter-row{gap:24px}.counter-row strong{font-size:72px}.signup h2{font-size:39px}footer{padding-block:30px;align-items:flex-start;flex-direction:column}footer p{text-align:left;margin:0} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} }