:root{--navy:#112f2c;--green:#21695b;--gold:#e9be6b;--bg:#f5f6f2;--muted:#7e8984}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'Be Vietnam Pro',sans-serif;color:#1c342d}button,input,select{font:inherit}button{cursor:pointer}header{height:86px;background:white;border-bottom:1px solid #e4e8e2;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,20px)}.logo{font-size:32px;font-weight:800;letter-spacing:-2px}.logo i{font-style:normal;color:#bb9853}.tag{font-size:10px;letter-spacing:3px;font-weight:500}.header-right{display:flex;gap:20px;align-items:center;font-size:12px}.avatar{border-radius:50%;background:#e8eee8;color:var(--green);padding:13px;font-weight:700}main{max-width:1190px;margin:30px auto 115px;padding:0 25px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700}h1{font-size:30px;letter-spacing:-1px;margin:12px 0}h2{font-size:22px;letter-spacing:-.6px}.muted{color:var(--muted);font-size:12px;line-height:1.8}.hero{background:var(--navy);border-radius:22px;padding:35px 40px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;color:white;position:relative;overflow:hidden}.hero:after{content:'◎';position:absolute;right:30%;top:-90px;font-size:320px;color:#ffffff06;pointer-events:none}.hero h1{font-size:36px;max-width:500px;line-height:1.35}.hero p{color:#b7ccc4;max-width:430px;font-size:13px;line-height:1.9}.hero .eyebrow{color:var(--gold)}.balance{border:1px solid #ffffff20;background:#ffffff08;padding:24px;border-radius:16px;align-self:center}.balance strong{display:block;font-size:30px;margin:13px 0 20px}.actions{display:flex;gap:10px}.btn{border:0;border-radius:10px;background:var(--green);color:white;padding:13px 20px;font-weight:600;font-size:12px}.gold{background:var(--gold);color:#263d30}.outline{background:transparent;border:1px solid #cbd7cc;color:var(--green)}.hero .outline{color:white;border-color:#ffffff40}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0;background:#fff;border-radius:15px;padding:22px}.stat{padding:0 25px;border-right:1px solid #e8ebe6}.stat:last-child{border:0}.stat strong{display:block;margin-top:8px;font-size:20px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.chip{font-size:10px;background:#e8efe8;color:var(--green);padding:7px 11px;border-radius:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{background:white;border:1px solid #e1e6de;border-radius:17px;padding:23px}.card-top{display:flex;align-items:center;gap:13px}.symbol{width:48px;height:48px;display:grid;place-items:center;background:#edf1e9;border-radius:13px;font-size:24px;color:#61816a}.card h3{margin:0 0 5px;font-size:18px}.card .number{margin-left:auto;font-size:11px;color:#a0aaa2}.price{font-size:27px;font-weight:700;margin:23px 0 20px;letter-spacing:-1px}.price small{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0}.row{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:14px 0}.row span{color:var(--muted)}.profit{color:var(--green);font-weight:700}.card .btn{width:100%;margin-top:10px}.rule{border:0;border-top:1px solid #edf0ea}.note{font-size:11px;line-height:1.8;border-left:3px solid var(--gold);padding:10px 15px;background:#f3eee2;margin:20px 0;color:#77643e}nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(15px);border-top:1px solid #e1e7de;display:flex;justify-content:center;padding:12px 10px max(12px,env(safe-area-inset-bottom));z-index:5;gap:12px}nav button{border:0;background:none;min-width:125px;color:#8b968e;padding:5px 10px;font-size:10px}nav b{display:block;font-size:21px;margin-bottom:7px;font-weight:400}nav .active{color:var(--green)}.panel{background:#fff;border:1px solid #e0e7de;padding:27px;border-radius:17px;margin:18px 0}.empty{text-align:center;padding:45px 10px;color:#8a968c;font-size:13px}.circles{display:flex;justify-content:space-around;margin:30px 0;gap:10px}.circle{border:1px solid #d5e3d3;background:#ecf3e9;border-radius:100%;width:125px;height:125px;color:var(--green)}.circle strong{font-size:25px;display:block;margin:8px}.task{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #edf0e9;gap:15px}.task strong{font-size:14px}.task p{font-size:11px;color:var(--muted)}input,select{width:100%;padding:14px;border:1px solid #dce3d7;border-radius:10px;margin:7px 0 16px;background:#fafbf8;color:#243c30}label{font-size:12px}dialog{border:0;border-radius:20px;padding:30px;width:440px;max-width:94vw;color:#203e30;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#0e2728aa;backdrop-filter:blur(5px)}dialog h2{margin-top:0}.close{float:right;border:0;background:none;font-size:23px}.link{background:none;border:0;color:var(--green);padding:10px;text-decoration:underline;font-size:12px}.wide{width:100%}.bank{background:linear-gradient(120deg,#164238,#2a6653);color:white;border-radius:18px;padding:28px;max-width:550px;min-height:180px}.bank .muted{color:#c1d1c4}.bank h2{letter-spacing:3px}.listbtn{display:flex;justify-content:space-between;width:100%;background:white;border:0;border-bottom:1px solid #edf0e9;padding:22px 0;text-align:left;font-size:13px;color:#294637}.timer{font-size:25px;letter-spacing:3px;color:var(--green);margin:15px 0}.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#1a4137;color:#fff;border-radius:12px;padding:15px 23px;z-index:30;font-size:12px;max-width:90vw}.progress{height:5px;background:#edf1e7;border-radius:8px;overflow:hidden}.progress i{display:block;background:#b9ceaa;height:100%}footer{margin:30px 0;font-size:10px;color:#9aa398;text-align:center}@media(min-width:1000px){.grid .card:first-child{border-color:#b7cdb1}}@media(max-width:700px){header{height:72px;padding:0 20px}.header-right .desktop{display:none}main{padding:0 16px;margin-top:20px}.hero{padding:26px;grid-template-columns:1fr;gap:15px}.hero h1{font-size:29px}.balance{padding:20px}.grid{grid-template-columns:repeat(2,1fr);gap:11px}.card{padding:16px}.card-top{gap:8px}.symbol{width:35px;height:35px;font-size:18px}.card h3{font-size:15px}.card .number{display:none}.price{font-size:20px}.row{font-size:10px}.card .btn{padding:12px 4px;font-size:11px}.stats{padding:18px 5px}.stat{padding:0 12px}.stat strong{font-size:15px}.muted{font-size:10px}nav{gap:0}nav button{min-width:0;flex:1;padding:3px 0;font-size:8px}nav b{font-size:19px}h2{font-size:19px}.section-head{align-items:center}.circle{width:95px;height:95px}.circle strong{font-size:22px}.task strong{font-size:12px}.panel{padding:20px}.task .btn{padding:10px;font-size:10px}}

:root{--navy:#150d10;--green:#f54050;--gold:#ff5665;--bg:#08090d;--muted:#96939f;color-scheme:dark}body{color:#f5f2f4;background:#08090d;background-image:linear-gradient(#ffffff02 1px,transparent 1px);overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 12%,#e01a2920,transparent 45%),radial-gradient(ellipse at 94% 70%,#80182514,transparent 40%);z-index:-1}header{background:#0c0c11e8;border-color:#ffffff0d;height:84px;backdrop-filter:blur(20px)}.brandmark{width:74px;height:46px;object-fit:contain;mix-blend-mode:screen;filter:invert(1) hue-rotate(180deg) saturate(2)}.brandwrap{display:flex;align-items:center;gap:15px}.brandcaption{font-size:9px;letter-spacing:3px;color:#c5b8c0;border-left:1px solid #ffffff20;padding-left:15px;line-height:1.8}.header-right{color:#9d95a0}main{max-width:1240px;margin-top:26px}.eyebrow{font-size:10px;letter-spacing:3px;color:#fb4959}h1,h2{color:#faf7f9}.hero{min-height:340px;border:1px solid #ed364c33;background:radial-gradient(ellipse at 80% 30%,#8d183c40,transparent 60%),linear-gradient(120deg,#1a0c13,#0d0c12);box-shadow:0 16px 70px #0004;padding:42px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#0c090ff0 10%,#170711aa 60%,#100b10c9),var(--hero-img);background-size:cover;background-position:center;z-index:-1}.hero:after{content:'';width:300px;height:300px;right:30%;top:20px;border:1px solid #ff365222;border-radius:50%;box-shadow:0 0 0 40px #ff365205,0 0 0 80px #ff365205;animation:orbit 18s linear infinite;background:conic-gradient(from 0deg,transparent 60%,#ff344511);z-index:-1}.hero h1{font-size:41px;letter-spacing:-1.6px}.hero p{color:#b0a3af}.hero .eyebrow{color:#ff5a69}.hero .chip{background:#ff324515;color:#ff8892;border:1px solid #ff52632e}.balance{background:linear-gradient(135deg,#ffffff08,#ffffff02);border:1px solid #ffffff16;backdrop-filter:blur(12px);box-shadow:0 10px 35px #0003}.balance strong{font-size:33px;color:#fff;font-variant-numeric:tabular-nums}.btn{background:linear-gradient(120deg,#e51e37,#ff4657);box-shadow:0 6px 22px #e9233620;border:1px solid #ff657530;color:white;transition:transform .22s,box-shadow .22s,filter .22s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 30px #f52a3c45;filter:brightness(1.12)}.btn:active{transform:scale(.98)}.outline{background:#ffffff04;color:#fcb4bc;border:1px solid #ffffff25;box-shadow:none}.gold{background:linear-gradient(120deg,#f33447,#ff6c72);color:white}.chip{background:#f1324710;color:#ed6a79;border:1px solid #ec53602a}.card{padding:0;overflow:hidden;background:linear-gradient(140deg,#16161d,#101015);border:1px solid #ffffff13;border-radius:19px;position:relative;transition:transform .35s,border-color .35s,box-shadow .35s}.card:hover{transform:translateY(-6px);border-color:#ef3b5755;box-shadow:0 25px 50px #0006,0 0 30px #f22a3a0b}.grid .card:first-child{border-color:#ffffff18}.product-art{height:auto;aspect-ratio:2.1;position:relative;background-image:linear-gradient(0deg,#121117 0%,transparent 65%),var(--product-img);background-size:100% auto;background-position:center 63%;background-repeat:no-repeat;overflow:hidden}.product-art:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#ff334215 50%,transparent 70%);transform:translateX(-100%);animation:shine 8s ease-in-out infinite}.product-badge{position:absolute;top:15px;left:17px;font-size:8px;letter-spacing:2px;padding:7px 9px;background:#101016b8;border:1px solid #ffffff2a;border-radius:6px;backdrop-filter:blur(9px)}.product-title{position:absolute;left:23px;bottom:17px;z-index:1}.product-title h3{font-size:23px;letter-spacing:1px;margin:0;color:white}.product-title small{font-size:8px;color:#d5c8ce;letter-spacing:2px}.card-body{padding:20px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{aspect-ratio:1.9;min-height:84px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff03;border:1px solid #ffffff0c;border-radius:10px;padding:12px 5px;text-align:center}.metric:nth-child(even){background:#f7334610;border-color:#fb3c5228}.metric span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#a39aa4;margin-bottom:10px}.metric b{font-size:18px;letter-spacing:-.5px;color:#f4f1f4}.metric:nth-child(even) b{color:#ff6674}.card .btn{margin-top:16px;letter-spacing:1px;text-transform:uppercase}.product-foot{font-size:8px;color:#817681;display:flex;justify-content:space-between;margin-top:14px}.section-head{margin-top:35px;margin-bottom:22px}.note{background:#211319;border-left-color:#e34b5d;color:#ad8996;font-size:10px;border-radius:0 9px 9px 0}.panel{background:linear-gradient(120deg,#141319,#101016);border-color:#ffffff12}.row span,.muted{color:#9e929f}.circle{background:radial-gradient(circle at 40% 30%,#a7253d33,#121116 70%);border-color:#ec3a5140;color:#ff6574;box-shadow:inset 0 0 30px #c4233608}.bank{background:radial-gradient(ellipse at 95% 0%,#ac2643aa,transparent 65%),linear-gradient(130deg,#23101a,#15121b);border:1px solid #b4344e55}.bank .muted{color:#bd9ca9}.task,.listbtn{border-color:#ffffff0d}.listbtn{background:transparent;color:#d6cbd3}.avatar{background:#ff344518;color:#ff7081;border:1px solid #f4324524}.progress{background:#ffffff08}.progress i{background:linear-gradient(90deg,#b0233b,#ff5969)}input,select{background:#0c0b11;color:#f1e8f0;border-color:#ffffff16;outline:none}input:focus,select:focus{border-color:#ed465b80;box-shadow:0 0 0 3px #ed465b10}dialog{background:#161119;color:#eaddE9;border:1px solid #f33a4930}dialog::backdrop{background:#030307c9;backdrop-filter:blur(12px)}.close{color:#e9d8e4}.link{color:#fa7c89}.toast{background:#2b1520;border:1px solid #ff526540;box-shadow:0 10px 40px #0009}nav{background:#0e0c12eb;border-color:#ffffff12;padding-top:10px;padding-bottom:13px;box-shadow:0 -12px 40px #0005;gap:15px}nav button{color:#716a77;transition:color .3s,background .3s;position:relative;border-radius:12px;padding:8px 12px}nav .active{color:#ff586c;background:#ff3b5010}nav .active:after{content:'';position:absolute;bottom:-8px;width:20px;left:calc(50% - 10px);height:3px;border-radius:4px;background:#fa4156;box-shadow:0 0 15px #fa4156}nav b svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.6;fill:none}.page-enter{animation:pageIn .5s cubic-bezier(.16,1,.3,1) both}.carousel{position:relative;margin:24px 0 30px;height:235px;overflow:hidden;border-radius:19px;border:1px solid #ffffff17;background:#120d14}.slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity 1s ease,transform 5s linear;pointer-events:none;background-size:cover;background-position:center}.slide.current{opacity:1;transform:scale(1);pointer-events:auto}.slide:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09080be8,transparent 85%),linear-gradient(0deg,#0e0b10d0,transparent 60%)}.slide.photo{background-size:100% auto;background-position:center 25%}.slide.logo-slide{background-size:contain;background-repeat:no-repeat;background-position:right center;background-color:#100d12}.slide.logo-slide:before{background:linear-gradient(90deg,#09080bf5,#0d090dbb)}.slide-copy{position:absolute;left:34px;top:42px;max-width:60%}.slide-copy small{color:#ff7480;font-size:9px;letter-spacing:3px}.slide-copy h2{font-size:28px;line-height:1.4;margin:13px 0}.slide-copy p{font-size:11px;color:#ac9eac}.slider-dots{position:absolute;bottom:20px;left:34px;display:flex;gap:7px;z-index:2}.slider-dots button{width:21px;height:4px;padding:0;border:0;border-radius:8px;background:#ffffff35;transition:width .4s,background .4s}.slider-dots button.on{width:40px;background:#f7465d;box-shadow:0 0 10px #fa304750}.slide-controls{position:absolute;right:20px;bottom:17px;z-index:2;display:flex;gap:8px}.slide-controls button{background:#101016a0;color:#e1d5df;border:1px solid #ffffff25;border-radius:50%;width:28px;height:28px;font-size:12px}.media-settings{margin-top:22px}.media-settings summary{cursor:pointer;font-size:11px;color:#b7a3b4}.media-settings p{font-size:10px;color:#9e899a;line-height:1.8}.media-field{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border-top:1px solid #ffffff0d;padding:14px 0}.media-field label{font-size:11px}.media-field button{padding:8px 12px}.media-field input{margin:0;font-size:10px;max-width:230px}.hero-decoration{position:absolute;right:39%;top:30px;font-size:8px;color:#ff71827a;letter-spacing:3px;writing-mode:vertical-rl}.empty{color:#9b8a9c}.timer{color:#ff6375}.profit{color:#ff6375}footer{color:#625566}.scan-line{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ff687650,transparent);animation:scan 7s linear infinite;pointer-events:none;z-index:1}@keyframes pageIn{from{opacity:0;transform:translateY(16px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes shine{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes scan{from{top:0}to{top:100%}}@media(min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){header{height:72px}.brandmark{width:60px;height:38px}.brandcaption{font-size:7px;letter-spacing:2px;padding-left:11px}.header-right .btn{font-size:10px;padding:10px}.hero{padding:26px;min-height:0}.hero h1{font-size:30px}.hero .balance{margin-top:8px}.hero-decoration{display:none}.grid{grid-template-columns:1fr;gap:22px;max-width:520px;margin:auto}.product-art{aspect-ratio:2.05}.card-body{padding:18px}.metric{min-height:78px;aspect-ratio:2}.metric b{font-size:20px}.metric span{font-size:9px}.card .btn{padding:15px}.product-title h3{font-size:25px}.carousel{height:205px;margin-top:19px}.slide-copy{left:24px;top:27px;max-width:80%}.slide-copy h2{font-size:23px}.slider-dots{left:24px}.section-head h2{font-size:19px}.section-head .chip{font-size:8px}.hero .balance strong{font-size:30px}nav{gap:0}nav button{padding:7px 1px;font-size:8px}nav .active:after{bottom:-8px}.media-field{grid-template-columns:1fr}.media-field input{max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.page-enter{opacity:1;filter:none;transform:none}}
::view-transition-old(root){animation:pageOut .2s ease both}::view-transition-new(root){animation:pageIn .45s ease both}@keyframes pageOut{to{opacity:0;transform:translateY(-8px)}}
.product-art{background-size:72% auto!important;background-position:center 30%!important;background-color:#fff}.product-art:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d0a10 0%,transparent 47%)}.slide.photo{background-size:contain;background-position:right center;background-repeat:no-repeat;background-color:#120d14}.test-toolbar{border:1px dashed #e3495f70;padding:16px;border-radius:12px;margin:20px 0;background:#ff304708}.test-toolbar p{font-size:10px;color:#bfa0af;line-height:1.8}.test-toolbar .btn{margin:4px;font-size:10px}.brandmark{filter:none;mix-blend-mode:normal;background:white;border-radius:5px;padding:3px}
/* Full-frame imagery. Original user assets, no screenshot crops. */
.carousel{height:auto;aspect-ratio:16/9;max-height:none;border-radius:20px;border:1px solid #ff59702b;box-shadow:0 18px 70px #0008,0 0 40px #db243a0c;isolation:isolate}.slide{background:none!important;transform:none;overflow:hidden;transition:opacity 1.05s cubic-bezier(.4,0,.2,1);z-index:0}.slide.current{z-index:1}.slide:before{display:none}.banner-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;cursor:zoom-in;transform:scale(1);transition:transform 6s linear}.slide.current .banner-image{transform:scale(1.025)}.slide-counter{position:absolute;top:18px;right:20px;z-index:3;background:#08091090;color:#fffbff;border:1px solid #ffffff30;border-radius:8px;padding:9px 12px;font-size:10px;letter-spacing:2px;backdrop-filter:blur(12px)}.slide-counter span{font-size:16px;font-weight:700}.slider-dots{z-index:3;background:#08091060;padding:11px;border-radius:12px;left:20px;bottom:18px;backdrop-filter:blur(10px)}.slider-dots button{height:5px;width:22px;background:#ffffff75}.slider-dots button.on{background:#ff324c;width:42px}.slide-controls{z-index:3}.slide-controls button{width:35px;height:35px;background:#0d0d14b8;font-size:15px;backdrop-filter:blur(12px)}.product-art{background-size:cover!important;background-position:center!important;aspect-ratio:1024/643;isolation:isolate}.product-art:before,.product-art:after{display:none}.product-title{display:none}.product-badge{top:10px;left:10px;z-index:1;background:#10070dbb;letter-spacing:1px;font-size:7px;padding:6px}.product-name{font-size:21px!important;letter-spacing:1px;margin:0 0 18px!important;color:#fff}.hero:before{background-image:linear-gradient(90deg,#10090ee8 0%,#180b14a8 55%,#120b1488),var(--hero-img)}.photo-dialog{width:min(1200px,96vw);max-width:96vw;padding:12px;background:#09090e;border-radius:15px}.photo-dialog .close{position:absolute;right:22px;top:19px;background:#0009;border-radius:50%;width:35px;height:35px;z-index:2}.photo-view img{display:block;max-height:83vh;width:100%;object-fit:contain;border-radius:10px}.photo-view p{text-align:center;color:#ad9caa;font-size:10px}.card{will-change:auto}.card:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff4668aa,transparent);z-index:2;opacity:0;transition:opacity .3s}.card:hover:before{opacity:1}.btn{position:relative;overflow:hidden}.btn:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#ffffff20,transparent 70%);transform:translateX(-120%);transition:transform .7s}.btn:hover:after{transform:translateX(120%)}.card:hover .product-art{filter:brightness(1.03)}@media(max-width:700px){.carousel{aspect-ratio:3/2;border-radius:14px;margin:20px 0 26px}.slide-counter{right:12px;top:12px;padding:6px 9px;font-size:8px}.slide-counter span{font-size:12px}.slider-dots{left:12px;bottom:12px;padding:9px}.slide-controls{right:12px;bottom:12px;gap:5px}.slide-controls button{width:28px;height:28px;font-size:12px}.banner-image{object-fit:cover}.product-art{aspect-ratio:1024/643}.product-name{font-size:23px!important}.hero{border-radius:18px}}@media(prefers-reduced-motion:reduce){.banner-image,.slide.current .banner-image{transform:none;transition:none}.btn:after{display:none}}

/* V3: compact account summary, compact image carousel. */
.account-summary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 27px;border:1px solid #ff53652b;background:linear-gradient(115deg,#21101a,#120e16);border-radius:17px;box-shadow:0 12px 35px #0003}.account-identity{display:flex;align-items:center;gap:14px;min-width:0}.account-identity>div:last-child{min-width:0}.account-identity h2{font-size:20px;margin:8px 0 0;overflow-wrap:anywhere}.account-identity .avatar{font-size:20px;width:52px;height:52px;display:grid;place-items:center;flex-shrink:0;padding:0}.account-summary .balance{background:none;box-shadow:none;border:0;backdrop-filter:none;display:grid;grid-template-columns:auto auto;gap:6px 30px;padding:0;align-items:center;min-width:330px}.account-summary .balance .muted{grid-column:1;grid-row:1}.account-summary .balance strong{grid-column:1;grid-row:2;font-size:27px;margin:0}.account-summary .actions{grid-column:2;grid-row:1/3}.account-summary .actions .btn{white-space:nowrap;padding:12px 15px}.carousel{height:280px;aspect-ratio:auto;margin:20px 0 25px;border-radius:15px}.banner-image{object-position:center 52%}.section-head{margin-top:24px}.header-right .desktop{display:none}.row b{overflow-wrap:anywhere}.row span{flex-shrink:0}@media(max-width:700px){main{margin-top:16px}.account-summary{padding:19px;gap:18px;align-items:stretch;flex-direction:column}.account-identity h2{font-size:18px}.account-identity .avatar{height:44px;width:44px;font-size:18px}.account-summary .balance{display:block;min-width:0;border-top:1px solid #ffffff0e;padding-top:17px}.account-summary .balance strong{font-size:28px;margin:9px 0 15px}.account-summary .actions{display:flex}.account-summary .actions .btn{flex:1;padding:12px}.carousel{height:180px;aspect-ratio:auto;margin:17px 0 20px;border-radius:13px}.section-head h2{font-size:18px}.row{gap:10px}.row b{max-width:60%}}

/* V4: preserve the compact frame, show complete image without cropping. */
.carousel{background:#0d0c12}.carousel .slide{padding:8px 12px 44px;box-sizing:border-box;transform:none!important}.carousel .banner-image,.carousel .slide.current .banner-image{width:100%;height:100%;object-fit:contain!important;object-position:center!important;transform:none!important;transition:none!important;border-radius:5px}.slide-counter{display:none}.slider-dots{bottom:10px}.slide-controls{bottom:7px}.product-art{background-image:var(--product-img)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat;background-color:white}.product-art:before,.product-art:after{display:none!important}@media(max-width:700px){.carousel .slide{padding:6px 8px 40px}.slider-dots{bottom:9px}.slide-controls{bottom:7px}}

/* V5: fill the existing frame with the complete source image. */
.carousel{overflow:visible;margin-bottom:62px}.carousel .slide{padding:0!important;border-radius:inherit;overflow:hidden}.carousel .banner-image,.carousel .slide.current .banner-image{display:block;width:100%;height:100%;object-fit:fill!important;object-position:center!important;border-radius:inherit;transform:none!important}.carousel .slider-dots{bottom:-42px;left:0;background:transparent}.carousel .slide-controls{bottom:-42px;right:0}.carousel .slide-counter{display:none}@media(max-width:700px){.carousel{margin-bottom:57px}.carousel .slide{padding:0!important}.carousel .slider-dots{bottom:-37px;left:0}.carousel .slide-controls{bottom:-37px;right:0}}

.personal-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:22px 0}.personal-tiles .listbtn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;aspect-ratio:1;padding:18px 9px;text-align:center;border:1px solid #ffffff16;border-radius:16px;background:linear-gradient(145deg,#21121d,#121017);box-shadow:0 12px 30px #0003;transition:transform .25s,border-color .25s;color:#efdfeb;font-size:12px;line-height:1.6}.personal-tiles .listbtn>span{display:none}.personal-tiles .listbtn svg{width:33px;height:33px;stroke:#ff687f;fill:none;stroke-width:1.5;padding:0;filter:drop-shadow(0 0 9px #ff385340)}.personal-tiles .listbtn:hover{transform:translateY(-4px);border-color:#fa42645e}.member-scroll{max-height:330px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ba304c #17121c;padding:0 12px 0 0;scrollbar-gutter:stable}.member-scroll::-webkit-scrollbar{width:6px}.member-scroll::-webkit-scrollbar-track{background:#17121c;border-radius:6px}.member-scroll::-webkit-scrollbar-thumb{background:#ba304c;border-radius:6px}.member-scroll .row{min-height:46px;align-items:center;margin:0;padding:12px 0;border-bottom:1px solid #ffffff0d}.support-bubble{position:fixed;z-index:35;width:62px;height:66px;border-radius:22px;border:1px solid #ff799155;background:linear-gradient(145deg,#f82e55,#a80d3d);color:white;box-shadow:0 8px 30px #e8205145,inset 0 1px 0 #ffffff35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.support-bubble svg{width:32px;height:32px;fill:none;stroke:white;stroke-width:1.7}.support-bubble span{font-size:8px;font-weight:700;letter-spacing:1px}.support-bubble.dragging{cursor:grabbing;box-shadow:0 12px 40px #ff274e70;transform:scale(1.06)}.support-bubble:focus-visible{outline:3px solid #ffc4d2;outline-offset:4px}.support-title{display:flex;gap:15px;align-items:center}.support-title svg{width:34px;height:34px;stroke:#ff6687;fill:none;stroke-width:1.7}.support-title h2{margin:8px 0}.support-settings{font-size:11px;margin:20px 0;cursor:pointer;color:#d89ab0}.support-link{display:block;text-align:center;text-decoration:none}.personal-tiles+.panel{margin-top:15px}@media(max-width:900px){.personal-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.personal-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.personal-tiles .listbtn{font-size:12px;gap:14px;padding:15px 8px}.personal-tiles .listbtn svg{width:34px;height:34px}.member-scroll{max-height:275px}.support-bubble{width:60px;height:64px}}[hidden]{display:none!important}

.portfolio-head{padding:30px;border-radius:22px;background:radial-gradient(ellipse at 95% 0%,#f13b5740,transparent 60%),linear-gradient(130deg,#27101d,#13101a);border:1px solid #fd5f762a;box-shadow:0 18px 45px #0004}.portfolio-head h1{font-size:30px;margin-bottom:8px}.portfolio-head>p{font-size:12px;color:#bb9cab;line-height:1.8}.portfolio-total{padding:24px 0 23px}.portfolio-total>span{font-size:11px;color:#cbb2c0}.portfolio-total strong{display:block;font-size:37px;margin:13px 0 10px;letter-spacing:-1px}.portfolio-total small{font-size:10px;color:#ac8e9e}.portfolio-stats{display:grid;grid-template-columns:1fr 1fr;padding-top:21px;border-top:1px solid #ffffff12;gap:15px}.portfolio-stats>div{display:flex;flex-direction:column;gap:11px}.portfolio-stats>div+div{border-left:1px solid #ffffff12;padding-left:24px}.portfolio-stats span{font-size:10px;color:#aa8c9e}.portfolio-stats b{font-size:17px;font-weight:600}.auto-info{display:flex;gap:13px;align-items:flex-start;margin:19px 0 24px;padding:18px;background:#16231e70;border:1px solid #63ae8030;border-radius:14px}.live-dot{flex-shrink:0;width:8px;height:8px;background:#69d19e;border-radius:50%;margin-top:4px;box-shadow:0 0 0 5px #69d19e10}.auto-info strong{font-size:12px;color:#92d6b2}.auto-info p{font-size:10px;color:#90a89e;line-height:1.8;margin:7px 0 0}.portfolio-tabs{display:flex;gap:8px;margin:25px 0 20px;overflow-x:auto;scrollbar-width:none}.portfolio-tabs button{white-space:nowrap;border-radius:20px;border:1px solid #ffffff12;background:#151119;color:#aa93a5;padding:11px 17px;font-size:11px}.portfolio-tabs button.selected{color:#ffb2c0;background:#e72f4c20;border-color:#e72f4c60}.portfolio-tabs small{background:#ffffff0a;border-radius:5px;padding:3px 5px;margin-left:4px}.owned-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.owned-card{border:1px solid #ffffff12;border-radius:22px;background:linear-gradient(140deg,#1c141f,#100f15);padding:25px;box-shadow:0 15px 40px #0003;overflow:hidden}.owned-top{display:flex;align-items:center;gap:12px}.owned-icon{width:45px;height:45px;display:grid;place-items:center;color:#ff6f8e;font-size:24px;border:1px solid #ed456137;border-radius:13px;background:#ed456112}.owned-top h2{font-size:19px;margin:0;letter-spacing:1px}.owned-top p{font-size:10px;color:#8e7a90;margin:7px 0 0}.status-pill{margin-left:auto;font-size:8px;color:#9cd8b3;border:1px solid #7fd49a30;background:#7fd49a0d;border-radius:20px;padding:7px 9px;white-space:nowrap}.status-pill.ended{color:#b3a4bd;background:#ffffff05;border-color:#ffffff13}.owned-income{padding:26px 0 23px}.owned-income>span{font-size:10px;color:#ac92a7}.owned-income strong{display:block;font-size:31px;margin:11px 0 10px;letter-spacing:-1px;color:#ff738e}.owned-income small{font-size:9px;color:#82718a}.owned-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.owned-metrics>div{padding:14px;border:1px solid #ffffff0b;background:#ffffff02;border-radius:12px;display:flex;flex-direction:column;gap:10px}.owned-metrics span{font-size:9px;color:#9d839b}.owned-metrics b{font-size:14px;font-weight:600}.cycle-progress{display:grid;grid-template-columns:1fr auto;gap:12px;margin:24px 0;font-size:10px;color:#a68ca3}.cycle-progress>b{color:#e4c4da;font-weight:500}.cycle-progress .progress{grid-column:1/3;height:6px}.cycle-next{border:1px solid #d93c5927;background:#d93c5909;border-radius:13px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.cycle-next>div:first-child{display:flex;flex-direction:column;gap:8px}.cycle-next span{font-size:9px;color:#b98d9f}.cycle-next small{font-size:10px;color:#e3bdcb}.cycle-next .timer{font-size:22px;font-variant-numeric:tabular-nums;margin:0;letter-spacing:2px;white-space:nowrap}.cycle-next.done{font-size:11px;color:#b6c8bb;justify-content:center;padding:22px}.owned-dates{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#766278;margin-top:18px}.auto-guide h2{font-size:18px}.auto-guide>div{display:flex;align-items:flex-start;gap:14px;margin:18px 0}.auto-guide b{font-size:11px;color:#fc728d;padding:9px;background:#d73e5b12;border:1px solid #d73e5b25;border-radius:8px}.auto-guide p{font-size:11px;color:#a78e9f;line-height:1.9;margin:4px 0}.auto-guide .link{padding-left:0}.portfolio-empty{grid-column:1/-1;text-align:center;padding:35px}.portfolio-empty>div{font-size:35px;color:#ff5b7d}.portfolio-empty h2{font-size:18px}.wallet-panel{margin-top:20px;padding:23px;border-radius:20px;border:1px solid #fd5f7627;background:radial-gradient(ellipse at 90% 0%,#ed345326,transparent 60%),#17111c}.wallet-panel .balance{border:0;background:none;box-shadow:none;padding:0;backdrop-filter:none}.install-header{text-align:center}.install-header img{width:82px;height:82px;border-radius:22px;box-shadow:0 10px 40px #e52e5c30}.install-header h2{margin:18px 0 10px}.install-header p{font-size:11px;color:#a18b9e}.install-features{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:23px 0}.install-features span{font-size:8px;text-align:center;background:#ffffff05;padding:14px 6px;border:1px solid #ffffff0b;border-radius:10px}.personal-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.personal-tiles .listbtn{max-height:190px;aspect-ratio:1.25}main{padding-bottom:10px}nav{padding-bottom:max(13px,env(safe-area-inset-bottom))}@media(max-width:700px){main{padding:0 14px;margin-bottom:108px}header{padding:0 16px}.portfolio-head{padding:23px;border-radius:20px}.portfolio-head h1{font-size:25px}.portfolio-head>p{font-size:10px}.portfolio-total strong{font-size:33px}.portfolio-stats b{font-size:14px}.portfolio-stats span{font-size:9px}.portfolio-stats>div+div{padding-left:15px}.portfolio-total{padding:21px 0}.portfolio-tabs{gap:6px}.portfolio-tabs button{padding:10px 11px;font-size:9px}.owned-grid{grid-template-columns:1fr;gap:17px}.owned-card{padding:21px;border-radius:20px}.owned-income strong{font-size:32px}.owned-metrics>div{padding:14px}.owned-metrics b{font-size:14px}.cycle-next .timer{font-size:21px}.owned-dates{font-size:8px}.personal-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-tiles .listbtn{aspect-ratio:1;max-height:none}.panel{border-radius:17px}.auto-guide p{font-size:10px}.wallet-panel{padding:23px}.support-bubble{box-shadow:0 8px 25px #e8205130}}@media(max-width:360px){.cycle-next .timer{font-size:18px}.owned-card{padding:17px}.portfolio-stats b{font-size:12px}.status-pill{font-size:7px;padding:6px}.owned-dates{font-size:7px}}

.participation-date{display:flex;flex-direction:column;gap:10px;padding:17px;border:1px solid #e5456427;background:#d93c5909;border-radius:13px;margin-top:20px}.participation-date span{font-size:10px;color:#b98d9f}.participation-date strong{font-size:15px;color:#e9c9d7;font-weight:500;font-variant-numeric:tabular-nums}.participation-date+.cycle-next{margin-top:14px}

.carousel{margin-bottom:24px!important;overflow:hidden}.carousel .banner-image{cursor:default}.slider-dots,.slide-controls,.slide-counter{display:none!important}@media(max-width:700px){.carousel{margin-bottom:20px!important}}

body{font-size:15px}.btn{font-size:14px;padding:14px 20px}label{font-size:14px}input,select{font-size:16px;min-height:49px}h1{font-size:30px}h2{font-size:23px}.muted{font-size:13px}.row{font-size:14px}.note{font-size:12px}.page-form{max-width:600px;margin:20px auto}.page-back{display:inline-block;color:#eaa4bb;text-decoration:none;font-size:14px;padding:12px 0 17px}.page-form .panel{padding:28px}.page-form .panel h2{margin-top:0}.auth-page>header,.auth-page>nav{display:none}.auth-page main{max-width:520px;padding:25px 20px;margin:0 auto;min-height:100svh;display:grid;align-items:center}.auth-shell{width:100%;padding:20px 0}.auth-brand{display:flex;justify-content:center;margin:0 0 25px}.auth-brand img{width:140px;height:90px;object-fit:contain;background:white;border-radius:16px;padding:10px;box-shadow:0 15px 60px #ea2e4e25}.auth-card{padding:30px;border-radius:22px;background:linear-gradient(145deg,#1c1320,#110e17);border:1px solid #f6527730;box-shadow:0 20px 60px #0005}.auth-card h2{text-align:center;font-size:26px;margin:0 0 15px}.auth-card>.muted{text-align:center;margin-bottom:25px;font-size:12px}.auth-switch{width:100%;text-align:center;font-size:13px;margin-top:14px}.auth-card .btn{padding:16px;font-size:15px}.auth-card input{margin:9px 0 21px}.auth-card label{font-size:14px}.personal-tiles .listbtn{font-size:14px}.owned-metrics span{font-size:11px}.owned-metrics b{font-size:16px}.participation-date span{font-size:12px}.participation-date strong{font-size:16px}.card .metric span{font-size:11px}.card .product-foot{font-size:10px}.portfolio-tabs button{font-size:12px}.portfolio-head>p{font-size:13px}.portfolio-stats span{font-size:12px}.owned-top p,.owned-income small{font-size:12px}.owned-income>span{font-size:12px}nav button{font-size:12px}nav b{margin-bottom:8px}.member-scroll .row{font-size:14px}.auth-page .support-bubble{width:55px;height:60px}@media(max-width:700px){main{padding:0 15px}h1{font-size:27px}h2{font-size:22px}.muted{font-size:12px;line-height:1.8}.page-form{margin:5px auto}.page-form .panel{padding:23px}.auth-page main{padding:20px 18px}.auth-card{padding:25px 22px}.auth-brand img{width:125px;height:82px}.auth-card h2{font-size:25px}.row{font-size:13px}.card .metric span{font-size:10px}.card .btn{font-size:13px}.personal-tiles .listbtn{font-size:14px}.portfolio-tabs button{font-size:11px}.owned-metrics span{font-size:11px}.owned-metrics b{font-size:16px}.portfolio-head>p{font-size:12px}.portfolio-stats span{font-size:11px}.portfolio-stats b{font-size:15px}.owned-top p{font-size:11px}.status-pill{font-size:10px}.owned-income small{font-size:11px}.owned-income>span{font-size:12px}.participation-date span{font-size:12px}.participation-date strong{font-size:16px}nav button{font-size:9px;padding:8px 0}nav b svg{width:24px;height:24px}.chip{font-size:11px}.note{font-size:11px}}

/* V13: abstract architectural background, glass account surfaces. */
body{background:#080a11 url('assets/omd-background.svg') center center/cover fixed no-repeat;isolation:isolate}body:before{background:linear-gradient(180deg,#0809127a,#080912aa);z-index:-1}body.auth-page{background:#080a11 url('assets/omd-background.svg') center center/cover fixed no-repeat}.auth-page:before{background:radial-gradient(ellipse at center,#0b07134d 0%,#0608120d 55%,#06081044 100%);z-index:-1}.auth-page:after{content:'';position:fixed;left:-20vw;top:-50vh;width:75vw;height:130vh;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#ff335215 50%,transparent 60%);transform:rotate(15deg);animation:ambient-beam 18s ease-in-out infinite;z-index:-1}.auth-page main{max-width:530px;position:relative;z-index:1}.auth-shell{padding:35px 0}.auth-brand{margin-bottom:28px;position:relative}.auth-brand:after{content:'';position:absolute;bottom:-13px;width:65px;height:1px;background:linear-gradient(90deg,transparent,#f64a72,transparent)}.auth-brand img{border:1px solid #ffffffcc;box-shadow:0 0 0 7px #ffffff04,0 15px 50px #ff294729}.auth-card{background:linear-gradient(150deg,#1f1724d9,#0c0e18e8);border:1px solid #d979952e;border-top-color:#ff93b348;border-radius:24px;box-shadow:0 24px 85px #0007,inset 0 1px 0 #ffffff0a;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);position:relative;overflow:hidden}.auth-card:before{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#ff6d8aaa,transparent)}.auth-card h2{font-size:27px;font-weight:700;letter-spacing:-.8px;color:#fff}.auth-card>p.muted{color:#ab9ba9;line-height:1.8}.auth-card label{color:#e7dce7;font-weight:500}.auth-card input{border-color:#ffffff17;background:#080b14ba;color:#f4edf7;border-radius:12px;transition:background .2s,border-color .2s,box-shadow .2s}.auth-card input:focus{background:#0d0e19;border-color:#ff527b8a;box-shadow:0 0 0 4px #ff365c0d}.auth-card .btn{border-radius:12px;background:linear-gradient(110deg,#c51842,#fc3556 65%,#ff5a70);box-shadow:0 8px 30px #e7254c30;border-color:#ff799744;min-height:51px}.auth-card .auth-switch{color:#e4a5ba;text-decoration:none}.auth-card .auth-switch:hover{color:white;text-decoration:underline}.auth-page .support-bubble{border-radius:19px;box-shadow:0 10px 30px #fc315347}.account-summary,.portfolio-head,.panel,.owned-card{box-shadow:0 15px 42px #0003}header{background:#090c14dc;border-bottom-color:#ffffff0b}nav{background:#090c14ed}.page-enter{animation-duration:.45s}@keyframes ambient-beam{0%,100%{translate:-10vw 0;opacity:.35}50%{translate:65vw 0;opacity:.8}}@media(max-width:700px){body,body.auth-page{background-position:38% center;background-attachment:scroll}.auth-page{min-height:100svh}.auth-page:before{background:linear-gradient(180deg,#090a1355,#090a1388)}.auth-page main{padding:25px 20px}.auth-shell{padding:15px 0}.auth-card{padding:27px 23px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.auth-brand{margin-bottom:26px}.auth-brand img{width:128px;height:83px}.auth-card h2{font-size:26px}.auth-page:after{display:none}}@media(prefers-reduced-motion:reduce){.auth-page:after{animation:none;opacity:.35}}

.welcome-dialog{padding:0;width:560px;max-width:calc(100vw - 28px);max-height:calc(100svh - 28px);overflow-y:auto;border:1px solid #f46b8545;border-radius:23px;background:#14101b;color:#f8edf4;box-shadow:0 30px 110px #000b}.welcome-dialog::backdrop{background:#03050bc4;backdrop-filter:blur(9px)}body.welcome-open{overflow:hidden}.welcome-close{position:absolute;right:13px;top:13px;z-index:3;display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#070811b5;border:1px solid #ffffff3a;color:white;font-size:26px;line-height:1;backdrop-filter:blur(10px)}.welcome-close:hover{background:#bf2448}.welcome-close:focus-visible{outline:2px solid white;outline-offset:3px}.welcome-art{position:relative;min-height:220px;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 80%,#bc174a70,transparent 60%),linear-gradient(135deg,#24152b,#0c0e19);overflow:hidden;border-bottom:1px solid #fd5e7920}.welcome-art:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.welcome-art img{width:220px;height:145px;object-fit:contain;background:white;padding:12px;border-radius:18px;box-shadow:0 18px 65px #e9285350;z-index:1}.welcome-orbit{position:absolute;width:340px;height:340px;border:1px solid #f7567c30;border-radius:50%;box-shadow:0 0 0 32px #f7567c08,0 0 0 65px #f7567c04;transform:rotate(-20deg)}.welcome-image-label{position:absolute;left:21px;bottom:15px;font-size:9px;letter-spacing:4px;color:#e3acbc}.welcome-body{padding:25px 26px 21px}.welcome-kicker{font-size:9px;letter-spacing:2px;color:#fc7992;margin-bottom:10px}.welcome-body h2{font-size:24px;margin:0 0 8px;overflow-wrap:anywhere}.welcome-description{font-size:12px;color:#a88da1;margin:0 0 22px}.welcome-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.welcome-metric{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;border-radius:13px;background:#ffffff03;border:1px solid #ff6d891c;padding:15px 6px}.welcome-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#e3315717;color:#ff7691}.welcome-symbol svg,.welcome-join svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.welcome-metric span{font-size:10px;color:#b39aad}.welcome-metric strong{font-size:15px;white-space:nowrap;color:#f8d9e3;letter-spacing:-.4px}.welcome-condition{display:flex;gap:8px;align-items:center;font-size:10px;line-height:1.7;color:#ae92a4;margin:19px 0}.welcome-condition svg{flex-shrink:0;width:17px;height:17px;fill:none;stroke:#f47793;stroke-width:1.5}.welcome-join{display:flex;justify-content:center;align-items:center;gap:15px;min-height:49px;border-radius:12px;font-size:14px}.welcome-disclosure{font-size:9px;color:#8f758a;text-align:center;margin:13px 0 0}@media(max-width:600px){.welcome-dialog{border-radius:20px}.welcome-art{min-height:185px}.welcome-art img{width:187px;height:120px;border-radius:15px}.welcome-body{padding:23px 18px 18px}.welcome-body h2{font-size:23px}.welcome-metrics{gap:7px}.welcome-metric{padding:13px 4px;gap:9px}.welcome-metric strong{font-size:12px}.welcome-metric span{font-size:9px}.welcome-condition{font-size:10px}.welcome-symbol{width:31px;height:31px}.welcome-join{font-size:14px}.welcome-description{font-size:11px}}@media(max-height:650px){.welcome-art{min-height:145px}.welcome-art img{width:160px;height:100px}.welcome-body{padding-top:19px}.welcome-metric{padding-top:10px;padding-bottom:10px}}