:root{color:#101226;font-synthesis:none;--blue:#076bd8;--navy:#041a31;--cyan:#16c3c1;--muted:#737e90;--line:#e3e8ee;background:#f4f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}*{box-sizing:border-box}body{background:#f4f7fa;min-width:320px;min-height:100vh;margin:0}button,select,textarea{font:inherit}button{cursor:pointer}.dapp-shell{background:#f7f9fb;width:min(100%,820px);min-height:100vh;margin:0 auto;padding-bottom:94px;box-shadow:0 0 60px #10243b12}.app-header{z-index:30;background:#fff;border-bottom:1px solid #edf0f3;grid-template-columns:34px 1fr auto;align-items:center;height:74px;padding:0 20px;display:grid;position:sticky;top:0}.back-button{color:#0a64c9;text-align:left;background:0 0;border:0;padding:0;font-size:32px}.app-brand{text-align:left;color:#0e1830;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.logo-g{color:#fff;background:linear-gradient(145deg,#0c72e4,#14c2c1);border-radius:13px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.app-brand b,.app-brand small{display:block}.app-brand small{letter-spacing:.12em;color:#7b8494;margin-top:2px;font-size:9px}.header-actions{align-items:center;gap:8px;display:flex}.header-actions select{color:#30506f;background:#f0f5fa;border:0;border-radius:10px;width:42px;padding:8px 4px}.account-chip{color:#0d5aa8;text-overflow:ellipsis;white-space:nowrap;background:#edf4fb;border:0;border-radius:999px;align-items:center;gap:7px;max-width:130px;padding:9px 12px;display:flex;overflow:hidden}.account-dot{background:#24bd78;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #24bd7820}.review-banner{color:#5d6d80;text-align:center;background:#edf5fc;border-bottom:1px solid #dcebf7;padding:9px 18px;font-size:12px}.app-content{padding:22px 28px 40px}.member-hero{color:#fff;background:linear-gradient(140deg,#063577 0%,#0757a4 45%,#087d88 100%);border-radius:32px;min-height:410px;padding:42px 38px;position:relative;overflow:hidden;box-shadow:0 20px 50px #075ca92c}.member-hero:after{content:"";background:#18c9c72e;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-90px}.hero-glow{border:1px solid #5ae4de55;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-260px;right:-280px}.member-hero>p{color:#b9e4fa;letter-spacing:.08em;margin:0 0 18px;font-size:13px;font-weight:700;position:relative}.member-hero h1{letter-spacing:-.04em;max-width:560px;margin:0;font-size:46px;line-height:1.14;position:relative}.hero-copy{color:#d8eef7;max-width:550px;margin:18px 0 28px;line-height:1.7;position:relative}.hero-action{color:#0759a8;background:#fff;border:0;border-radius:14px;padding:14px 24px;font-weight:800;position:relative}.hero-price{text-align:right;position:absolute;bottom:42px;right:38px}.hero-price strong{font-size:25px;display:block}.hero-price>span,.hero-price small{color:#cceaf2;font-size:12px;display:block}.hero-price small{opacity:.75;margin-top:4px}.section-title{justify-content:space-between;align-items:end;margin:34px 2px 18px;display:flex}.section-title h2{margin:0;font-size:22px}.section-title small{color:#8791a0;margin-top:5px;display:block}.section-title button{color:#086bd5;background:0 0;border:0}.membership-preview{text-align:left;background:#fff;border:1px solid #e1e7ed;border-radius:23px;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;width:100%;padding:18px;display:grid;box-shadow:0 10px 30px #1a2a3b0b}.member-monogram,.avatar{color:#0868d1;background:#e2f2ff;border-radius:50%;place-items:center;width:54px;height:54px;font-size:22px;font-weight:900;display:grid}.membership-preview b,.membership-preview small{display:block}.membership-preview small{color:#7b8798;margin-top:5px}.membership-preview em,.profile-card em{color:#268654;background:#e7f6ec;border-radius:999px;padding:7px 10px;font-size:12px;font-style:normal}.quick-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.quick-grid button{color:#22273b;background:#fff;border:1px solid #e3e7eb;border-radius:19px;padding:20px 8px}.quick-grid span{color:#086ed4;background:#e8f4ff;border-radius:14px;place-items:center;width:42px;height:42px;margin:0 auto 10px;font-size:20px;display:grid}.quick-grid b{font-size:13px;display:block}.agent-card{color:#fff;text-align:left;background:linear-gradient(130deg,#4430b8,#086eb4 70%,#008e9d);border:0;border-radius:23px;grid-template-columns:52px 1fr auto;align-items:center;gap:16px;width:100%;padding:20px;display:grid;box-shadow:0 18px 40px #263c9b2a}.agent-card>span,.agent-profile>span{background:#ffffff20;border:1px solid #fff5;border-radius:17px;place-items:center;width:52px;height:52px;font-size:20px;font-weight:900;display:grid}.agent-card small,.agent-card b{display:block}.agent-card small{color:#cfd5ff}.agent-card b{margin:4px 0}.agent-card p{color:#dbe9f7;margin:0;font-size:12px}.agent-card i{font-size:28px;font-style:normal}.feature-list{gap:12px;display:grid}.feature-list>button{text-align:left;background:#fff;border:1px solid #e3e7eb;border-radius:19px;grid-template-columns:68px 1fr auto;align-items:center;gap:14px;width:100%;padding:12px;display:grid}.feature-art{color:#fff;background:linear-gradient(140deg,#0b7bd9,#14bbae);border-radius:16px;place-items:center;width:68px;height:68px;display:grid}.art-1{background:linear-gradient(140deg,#6c43bd,#da6ca5)}.art-2{background:linear-gradient(140deg,#c78c3f,#f1cf85)}.feature-list strong,.feature-list small,.feature-list em{display:block}.feature-list small{color:#7a8494;margin:4px 0}.feature-list em{color:#0872cf;font-size:12px;font-style:normal}.feature-list i{color:#9ca5b2;font-size:24px;font-style:normal}.main-nav{z-index:40;width:min(100%,820px);height:82px;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-top:1px solid #dfe5ea;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.main-nav button{color:#747e8e;background:0 0;border:0;padding:9px 4px}.main-nav span,.main-nav small{display:block}.main-nav span{height:26px;font-size:19px}.main-nav small{font-size:11px}.main-nav button.active{color:#096cd5;font-weight:800}.screen-page{padding:12px 0}.page-lead{margin:12px 2px 30px}.page-lead p{color:#07857f;letter-spacing:.14em;margin:0 0 9px;font-size:10px;font-weight:900}.page-lead h1{letter-spacing:-.04em;margin:0 0 10px;font-size:38px}.page-lead span{color:#778294;line-height:1.6}.benefit-cards{grid-template-columns:1fr 1fr;gap:14px;display:grid}.benefit-cards article{background:#fff;border:1px solid #e1e7eb;border-radius:23px;min-height:260px;padding:22px;position:relative;overflow:hidden}.benefit-icon{color:#076dd2;background:#e7f5ff;border-radius:16px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.benefit-cards article>span{color:#cfdae3;font-size:26px;font-weight:900;position:absolute;top:17px;right:18px}.benefit-cards h2{margin:32px 0 8px;font-size:19px}.benefit-cards p{color:#7b8594;min-height:44px;font-size:13px;line-height:1.6}.benefit-cards button{color:#0870d5;background:0 0;border:0;padding:10px 0;font-weight:700}.service-promise{color:#fff;background:linear-gradient(130deg,#073b6d,#087d85);border-radius:20px;margin-top:18px;padding:22px}.service-promise p{color:#d4ecf2;margin:7px 0 0;line-height:1.6}.chat-panel{background:#fff;border:1px solid #e1e6eb;border-radius:25px;overflow:hidden}.agent-profile{border-bottom:1px solid #e8ecef;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:18px;display:grid}.agent-profile>span{color:#fff;background:linear-gradient(135deg,#5c43c7,#10a4b1)}.agent-profile b,.agent-profile small{display:block}.agent-profile small{color:#7e8998;margin-top:3px}.agent-profile em{color:#228251;background:#e6f6ed;border-radius:999px;padding:6px 9px;font-size:11px;font-style:normal}.chat-history{background:#f7f9fb;flex-direction:column;gap:12px;min-height:290px;padding:24px;display:flex}.bubble{border-radius:17px;max-width:80%;padding:13px 16px;font-size:14px;line-height:1.55}.assistant-bubble{background:#fff;border:1px solid #e1e6eb;border-top-left-radius:5px}.user-bubble{color:#fff;background:#086bd4;border-bottom-right-radius:5px;align-self:flex-end}.suggestion-row{gap:8px;padding:14px 16px 4px;display:flex;overflow:auto}.suggestion-row button{color:#28628f;background:#f7fbfe;border:1px solid #d9e5ef;border-radius:999px;flex:none;padding:8px 11px;font-size:12px}.composer{grid-template-columns:58px 1fr 58px;align-items:stretch;gap:10px;padding:14px 16px;display:grid}.voice-button{color:#086ad1;background:#e9f4ff;border:0;border-radius:15px;font-size:20px}.voice-button small{font-size:8px;display:block}.composer textarea{resize:none;border:1px solid #dce3e9;border-radius:15px;outline:none;min-height:64px;padding:11px}.send-button{color:#fff;background:#086bd5;border:0;border-radius:15px;font-weight:800}.human-note{color:#7b8795;padding:0 18px 17px;font-size:11px}.nft-card{color:#fff;background:linear-gradient(145deg,#04172e,#075582 65%,#079b9c);border-radius:31px;height:370px;padding:28px;position:relative;overflow:hidden;box-shadow:0 26px 60px #043d6c3b}.nft-orbit{border:1px solid #3de0d971;border-radius:50%;position:absolute}.orbit-a{width:330px;height:330px;top:-130px;right:-130px}.orbit-b{width:260px;height:260px;bottom:-170px;left:-150px}.nft-top{grid-template-columns:40px 1fr auto;align-items:center;gap:10px;display:grid;position:relative}.nft-top small{color:#cbe8ef;font-size:10px;line-height:1.4}.nft-top em{letter-spacing:.12em;font-size:10px;font-style:normal}.nft-center{position:absolute;bottom:88px;left:28px}.nft-center small{color:#b8e3e9}.nft-center h2{margin:7px 0;font-size:31px}.nft-center p{color:#69e0dc;margin:0}.nft-bottom{border-top:1px solid #ffffff32;justify-content:space-between;align-items:center;padding-top:17px;display:flex;position:absolute;bottom:25px;left:28px;right:28px}.nft-bottom small,.nft-bottom b{display:block}.nft-bottom small{color:#a9cbd6;font-size:10px}.nft-bottom strong{background:#ffffff21;border-radius:999px;padding:7px 10px;font-size:12px}.credential-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.credential-grid article{background:#fff;border:1px solid #e1e6ea;border-radius:18px;padding:18px}.credential-grid small,.credential-grid b{display:block}.credential-grid small{color:#7b8696}.credential-grid b{margin:7px 0;font-size:18px}.credential-grid p{color:#18835a;margin:0;font-size:12px}.renew-card{background:#eef6ff;border-radius:22px;justify-content:space-between;align-items:end;gap:15px;margin-top:16px;padding:22px;display:flex}.renew-card small{color:#55728e}.renew-card h2{margin:6px 0}.renew-card p{color:#728093;margin:0;font-size:12px}.renew-card button{color:#fff;background:#086bd5;border:0;border-radius:13px;padding:12px 16px}.category-row{gap:8px;margin-bottom:18px;display:flex;overflow:auto}.category-row button{color:#6e7a8c;background:#fff;border:1px solid #dae3ea;border-radius:999px;flex:none;padding:9px 14px}.category-row button.active{color:#fff;background:#0870d8;border-color:#0870d8}.store-list{grid-template-columns:1fr 1fr;gap:14px;display:grid}.store-list article{background:#fff;border:1px solid #e1e6ea;border-radius:22px;overflow:hidden}.product-cover{color:#fff;background:linear-gradient(135deg,#07568b,#11aaa0);justify-content:space-between;align-items:start;height:145px;padding:16px;display:flex}.cover-1{background:linear-gradient(135deg,#553394,#c06199)}.cover-2{background:linear-gradient(135deg,#91632b,#e0b45e)}.product-cover span{color:#18334a;background:#ffffffd9;border-radius:999px;padding:6px 9px;font-size:10px}.product-cover b{letter-spacing:.14em;opacity:.75;align-self:end;font-size:11px}.product-info{padding:17px}.product-info>small{color:#068d86;text-transform:uppercase}.product-info h3{margin:6px 0;font-size:17px}.product-info p{color:#7b8696;min-height:38px;margin:0;font-size:12px;line-height:1.5}.product-info>div{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.product-info strong{font-size:18px}.product-info strong small{color:#778294;font-size:10px}.product-info button{color:#0869ce;background:#eaf4ff;border:0;border-radius:10px;padding:8px 10px}.profile-card{color:#fff;background:linear-gradient(135deg,#072844,#09758a);border-radius:22px;grid-template-columns:56px 1fr auto;align-items:center;gap:13px;padding:20px;display:grid}.profile-card .avatar{color:#fff;background:#ffffff20}.profile-card b,.profile-card small{display:block}.profile-card small{color:#b9dbe2;margin-top:4px}.agent-console{color:#fff;background:linear-gradient(135deg,#5031b9,#086fae);border-radius:20px;grid-template-columns:1fr auto;gap:8px;margin:16px 0;padding:20px;display:grid}.agent-console div{grid-row:span 2}.agent-console small{color:#d8d7ff}.agent-console h2{margin:7px 0}.agent-console p{color:#d1e4ef;margin:0;font-size:12px}.agent-console button{color:#fff;background:#ffffff17;border:1px solid #fff5;border-radius:11px;padding:8px 12px}.mine-menu{background:#fff;border:1px solid #e1e6eb;border-radius:20px;margin-top:16px;overflow:hidden}.mine-menu button,.mine-menu label{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f2;grid-template-columns:38px 1fr auto;align-items:center;width:100%;min-height:58px;padding:9px 16px;display:grid}.mine-menu button:last-child,.mine-menu label:last-child{border-bottom:0}.mine-menu span{color:#0870d7;background:#eaf5ff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.mine-menu i{color:#a5acb5;font-size:20px;font-style:normal}.mine-menu select{color:#778294;background:#fff;border:0}.disconnect{color:#cb4d4d;background:0 0;border:0;width:100%;padding:22px}.admin-shell{background:#f2f5f8;grid-template-columns:238px 1fr;min-height:100vh;display:grid}.admin-side{color:#b4c5d5;background:#051a30;height:100vh;padding:24px 16px;position:sticky;top:0}.admin-brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:0 8px 26px;display:flex}.admin-brand b,.admin-brand small{display:block}.admin-brand small{color:#7895ad;margin-top:2px;font-size:10px}.admin-side nav{gap:5px;display:grid}.admin-side nav button{color:#a9bdce;text-align:left;background:0 0;border:0;border-radius:11px;gap:12px;padding:12px;display:flex}.admin-side nav button span{color:#66859e;width:22px}.admin-side nav button.active{color:#fff;background:#0b6ed4}.member-return{color:#7fa2bc;background:0 0;border:0;position:absolute;bottom:25px;left:20px}.admin-main{min-width:0;padding:36px}.admin-main>header{justify-content:space-between;align-items:center;display:flex}.admin-main header p{color:#078984;letter-spacing:.15em;margin:0;font-size:10px;font-weight:900}.admin-main header h1{margin:5px 0;font-size:32px}.admin-user{gap:10px;display:flex}.admin-user select,.admin-user span{background:#fff;border:1px solid #dae2e8;border-radius:12px;padding:10px 12px}.metric-row{grid-template-columns:repeat(4,1fr);gap:13px;margin:26px 0;display:grid}.metric-row article{background:#fff;border:1px solid #dde4e9;border-radius:17px;padding:20px}.metric-row small,.metric-row b,.metric-row em{display:block}.metric-row small{color:#748194}.metric-row b{margin:12px 0;font-size:28px}.metric-row em{color:#078982;font-size:11px;font-style:normal}.admin-grid{grid-template-columns:2fr 1fr;gap:14px;display:grid}.admin-panel{background:#fff;border:1px solid #dde4e9;border-radius:18px;padding:20px;overflow:auto}.panel-title{justify-content:space-between;align-items:center;display:flex}.panel-title h2{font-size:18px}.panel-title button{color:#076bd4;background:#eaf4ff;border:0;border-radius:10px;padding:8px 10px}.admin-panel table{border-collapse:collapse;width:100%;font-size:12px}.admin-panel th,.admin-panel td{text-align:left;border-top:1px solid #edf0f2;padding:14px 9px}.admin-panel th{color:#7a8595}.tag{border-radius:999px;padding:5px 8px}.tag.green{color:#208151;background:#e6f6ec}.tag.amber{color:#9b650c;background:#fff1d5}.integration{border-top:1px solid #edf0f2;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:15px 0;display:grid}.integration span{border-radius:50%;width:11px;height:11px}.integration .ready{background:#28b977}.integration .pending{background:#e3a43a}.integration em{color:#7d8896;font-size:11px;font-style:normal}@media (width<=760px){.dapp-shell{width:100%;box-shadow:none}.app-content{padding:18px 18px 34px}.member-hero{min-height:430px;padding:36px 25px}.member-hero h1{font-size:38px}.hero-price{text-align:left;bottom:34px;left:25px;right:auto}.hero-action{margin-bottom:78px}.quick-grid{gap:8px}.quick-grid button{padding:16px 3px}.benefit-cards,.store-list{grid-template-columns:1fr}.admin-shell{display:block}.admin-side{height:auto;padding:12px 15px;position:static}.admin-brand{padding-bottom:10px}.admin-side nav{display:flex;overflow:auto}.admin-side nav button{flex:none}.member-return{display:none}.admin-main{padding:22px 15px}.metric-row{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.admin-user span{display:none}.admin-main>header h1{font-size:26px}}@media (width<=430px){.app-header{grid-template-columns:26px 1fr auto;padding:0 13px}.app-brand span:last-child{display:none}.account-chip{max-width:104px;padding:8px 9px}.review-banner{font-size:10px}.member-hero h1{font-size:33px}.hero-copy{font-size:14px}.quick-grid b{font-size:11px}.membership-preview{grid-template-columns:48px 1fr}.membership-preview em{display:none}.member-monogram{width:48px;height:48px}.agent-card{grid-template-columns:44px 1fr auto;padding:16px}.agent-card>span{width:44px;height:44px}.benefit-cards article{min-height:235px}.nft-card{height:330px}.credential-grid{grid-template-columns:1fr}.renew-card{display:block}.renew-card button{width:100%;margin-top:14px}.composer{grid-template-columns:48px 1fr}.send-button{grid-column:2}.metric-row{grid-template-columns:1fr 1fr}.metric-row article{padding:14px}.metric-row b{font-size:22px}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06182dbd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.payment-modal{background:#fff;border-radius:26px;width:min(100%,520px);padding:28px;position:relative;box-shadow:0 30px 90px #0005}.modal-close{color:#617184;background:#eef2f6;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;position:absolute;top:15px;right:17px}.modal-kicker{color:#078983;letter-spacing:.15em;margin:0 0 8px;font-size:10px;font-weight:900}.payment-modal h2{margin:0 0 22px;font-size:26px}.payment-summary{border:1px solid #e0e6eb;border-radius:18px;overflow:hidden}.payment-summary>div{border-bottom:1px solid #edf0f2;justify-content:space-between;gap:20px;padding:14px 16px;display:flex}.payment-summary>div:last-child{border-bottom:0}.payment-summary small{color:#788496}.payment-summary b{text-align:right}.payment-summary .payment-total{color:#075fae;background:#edf6ff}.transaction-flow{color:#5e7082;justify-content:center;align-items:center;gap:7px;margin:20px 0;font-size:11px;display:flex}.transaction-flow i{color:#a9b2bb;font-style:normal}.payment-warning{color:#775a20;background:#fff7e8;border-radius:13px;padding:12px;font-size:12px;line-height:1.6}.payment-error{color:#a83f3f;background:#fff0f0;border-radius:12px;margin:12px 0;padding:11px;font-size:12px}.confirm-payment{color:#fff;background:#086bd5;border:0;border-radius:14px;width:100%;padding:15px;font-weight:800}.confirm-payment:disabled{opacity:.55}.payment-success{text-align:center;padding:20px 0}.payment-success>span{color:#fff;background:#24b978;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 16px;font-size:30px;display:grid}.payment-success p{color:#718092}.payment-success code{overflow-wrap:anywhere;background:#f1f5f8;border-radius:12px;padding:12px;font-size:11px;display:block}.payment-success a{color:#076bd5;margin-top:17px;font-weight:700;text-decoration:none;display:block}
