.detail-page{padding-bottom:112px}.detail-top{height:46px;display:grid;grid-template-columns:45px 1fr 45px;align-items:center;text-align:center;font-size:18px;font-weight:700;position:sticky;top:0;z-index:8;margin:-4px -2px 15px;background:linear-gradient(180deg,#070d17 76%,transparent)}.detail-top button{color:#edf4fe;background:transparent;font-size:31px;line-height:1;justify-self:start}.detail-top .ghost{justify-self:end;font-size:29px;font-weight:300}.detail-top .ghost.favorited{color:#f4778f}.detail-hero{height:263px;position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(90,143,239,.34);background:#0c1930}.detail-visual{position:absolute;inset:0}.detail-hero:after{content:'';position:absolute;inset:34% 0 0;background:linear-gradient(transparent,rgba(2,7,14,.94))}.detail-overlay{position:absolute;z-index:1;bottom:17px;left:17px;right:17px}.type-outline{display:inline-block;margin-left:7px;padding:4px 7px;border:1px solid rgba(154,190,255,.62);border-radius:6px;color:#e3ecfa;font-size:11px}.detail-overlay h1{margin:12px 0 5px;font-size:25px;line-height:1.2}.detail-overlay p{margin:0;color:#c2ccda;font-size:14px}.core-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0 14px;border:1px solid rgba(135,160,199,.24);border-radius:15px;background:linear-gradient(135deg,#112039,#0a121e)}.core-metrics>div{min-width:0;padding:14px 10px}.core-metrics>div+div{border-left:1px solid rgba(147,168,198,.17)}.core-metrics span,.core-metrics small{display:block;color:#98a6b8;font-size:10px}.core-metrics strong{display:block;margin:6px 0 3px;font-size:20px}.core-metrics .yield,.yield-head strong{color:#49d981}.core-metrics .blue{color:#5395ff}.detail-card{margin:14px 0;overflow:hidden;border:1px solid rgba(137,157,188,.21);border-radius:16px;background:linear-gradient(135deg,rgba(16,28,46,.96),rgba(8,15,24,.96))}.card-title{height:55px;padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(141,160,190,.14)}.card-title>span{color:#86b2ff;font-size:20px}.card-title h2{margin:0;font-size:18px}.info-list{padding:4px 16px 12px}.info-row{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:13px;border-bottom:1px solid rgba(145,164,192,.1)}.info-row:last-child{border:0}.info-row>span{color:#9caabb;font-size:13px;flex:0 0 42%}.info-row strong{color:#eff3fa;text-align:right;font-size:14px;font-weight:500;line-height:1.35;word-break:break-word}.info-row.stacked{display:block;padding:12px 0}.info-row.stacked p{margin:7px 0 0;color:#dce5f0;font-size:14px;line-height:1.55}.copy-row button{padding:4px;color:#91b9ff;background:transparent;font-size:17px}.rights-list{margin:2px 16px 15px;padding:9px 12px;border-radius:10px;background:rgba(18,38,63,.64)}.rights-list p{margin:6px 0;color:#c6d2e2;font-size:12px;line-height:1.45}.range-tabs{display:flex;gap:7px;padding:13px 16px 0}.range-tabs button{min-width:44px;padding:7px 8px;border-radius:8px;color:#aab6c8;background:#111d2e;font-size:12px}.range-tabs .selected{color:#fff;background:linear-gradient(135deg,#347eff,#1559e6);box-shadow:0 4px 10px rgba(32,103,255,.23)}.yield-head{display:flex;align-items:flex-end;justify-content:space-between;padding:15px 16px 5px}.yield-head span{color:#9eabbc;font-size:12px}.yield-head strong{display:block;margin-top:3px;font-size:29px}.yield-head small{color:#8c9bb0;font-size:11px}.chart-wrap{height:142px;margin:0 16px 14px;border-bottom:1px solid rgba(132,151,180,.24);background:repeating-linear-gradient(0deg,transparent 0 35px,rgba(132,151,180,.09) 35px 36px)}.chart-wrap svg{width:100%;height:120px;display:block}.chart-wrap>div{display:flex;justify-content:space-between;color:#8794aa;font-size:10px}.yield-empty{display:grid;justify-items:center;gap:5px;padding:25px 16px;text-align:center}.yield-empty strong{color:#4bdc87;font-size:31px}.yield-empty span{color:#f2c776;font-size:12px}.yield-empty p{margin:8px 0 0;color:#9ba8bb;font-size:13px}.progress-detail{padding:12px 0 2px}.progress-detail>div:first-child{display:flex;justify-content:space-between;color:#9dabbe;font-size:13px}.progress-detail b{color:#68a3ff}.file-entry{width:100%;padding:14px 16px 16px;display:grid;grid-template-columns:26px 1fr 22px;align-items:center;gap:10px;color:#eef3fb;text-align:left;background:transparent}.file-entry>span{color:#81afff;font-size:21px}.file-entry b,.file-entry small{display:block}.file-entry small{margin-top:4px;color:#98a6b9;font-size:12px;line-height:1.4}.risk-copy{padding:3px 16px 14px}.risk-copy p{margin:0;padding-left:11px;border-left:2px solid #d89f46;color:#c0ccdb;font-size:13px;line-height:1.55}.risk-copy p+p{margin-top:14px}.fixed-buy{position:fixed;z-index:9;left:50%;bottom:0;transform:translateX(-50%);width:min(430px,100%);min-height:76px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;background:rgba(7,14,24,.96);border-top:1px solid rgba(139,159,190,.22);backdrop-filter:blur(16px)}.fixed-buy>div{min-width:0;flex:1}.fixed-buy b{display:block;color:#fff;font-size:21px;white-space:nowrap}.fixed-buy b small{font-size:12px;font-weight:400}.fixed-buy span{display:block;margin-top:3px;color:#97a5b8;font-size:11px}.fixed-buy button{min-width:139px;min-height:47px;padding:0 15px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#3d8dff,#1655e6);box-shadow:0 7px 17px rgba(19,91,246,.34);font-size:17px;font-weight:700}.fixed-buy button:disabled,.buy-button:disabled{color:#aeb5c0;background:#26303e;border-color:#3a4657;box-shadow:none;cursor:not-allowed}.files-page{padding-bottom:32px}.files-asset{margin:5px 0 18px;padding:18px;border:1px solid rgba(83,139,239,.28);border-radius:16px;background:linear-gradient(135deg,#112441,#0d1828)}.files-asset span{display:inline-block;padding:4px 7px;border-radius:5px;color:#d5e6ff;background:rgba(50,105,191,.4);font-size:11px}.files-asset h1{margin:10px 0 6px;font-size:21px}.files-asset p{margin:0;color:#9eacc0;font-size:13px;line-height:1.5}.file-list{display:grid;gap:10px}.document-row{padding:13px;display:grid;grid-template-columns:35px minmax(0,1fr);gap:10px;border:1px solid rgba(135,154,185,.19);border-radius:14px;background:rgba(15,27,44,.78)}.document-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#8ab5ff;background:rgba(36,88,177,.25);font-size:20px}.document-row b,.document-row span,.document-row small{display:block}.document-row b{font-size:14px}.document-row span{margin-top:3px;color:#cad5e5;font-size:12px}.document-row small{margin-top:4px;color:#8391a5;font-size:11px}.document-actions{grid-column:2;display:flex;gap:8px}.document-actions button{padding:6px 11px;border-radius:7px;color:#abcaff;background:#162b49;font-size:12px}.document-actions button:disabled{color:#66748a;background:#1a202a;cursor:not-allowed}.files-empty{margin-top:25px}.modal-backdrop{position:fixed;z-index:30;inset:0;display:flex;align-items:flex-end;background:rgba(1,5,11,.67);backdrop-filter:blur(4px)}.subscribe-modal{width:min(430px,100%);max-height:88dvh;overflow-y:auto;padding:20px 17px calc(19px + env(safe-area-inset-bottom));border:1px solid rgba(103,143,204,.38);border-bottom:0;border-radius:22px 22px 0 0;background:linear-gradient(155deg,#14243a,#08111d 63%);box-shadow:0 -17px 40px rgba(0,0,0,.3);animation:sheet-up .22s ease-out}.subscribe-modal header{display:flex;justify-content:space-between;gap:12px}.subscribe-modal header span{color:#8fa2ba;font-size:12px}.subscribe-modal header h2{margin:4px 0 0;font-size:18px;line-height:1.35}.subscribe-modal header button{width:33px;height:33px;border-radius:50%;color:#b4c1d2;background:#1a2a3e;font-size:22px}.modal-summary{display:grid;gap:9px;margin:17px 0;padding:10px 12px;border-radius:11px;background:rgba(20,38,62,.75)}.modal-summary>div{display:flex;justify-content:space-between;gap:10px}.modal-summary span{color:#99a9bd;font-size:12px}.modal-summary b{font-size:13px;text-align:right}.quantity-field{display:block}.quantity-field>span{display:block;margin-bottom:8px;color:#c5d0df;font-size:13px}.quantity-field>div{display:flex;overflow:hidden;border:1px solid rgba(115,148,193,.38);border-radius:10px;background:#0d1928}.quantity-field input{width:100%;min-width:0;padding:13px;border:0;outline:0;color:#f5f8fd;background:transparent;font-size:18px}.quantity-field>div button{margin:6px;padding:0 12px;border-radius:7px;color:#95bbff;background:#17365e}.quantity-field small{display:block;margin-top:7px;color:#8797ad;font-size:11px}.payable,.position-preview{margin-top:15px;padding:13px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(138,157,187,.16)}.payable span,.position-preview span{color:#a6b4c7;font-size:13px}.payable strong{color:#f3ca7b;font-size:20px}.position-preview{display:grid;grid-template-columns:1fr auto}.position-preview b{color:#ecf2fb}.position-preview small{grid-column:1/-1;margin-top:5px;color:#8393a8;font-size:11px}.agreement{display:flex;align-items:flex-start;gap:8px;margin-top:13px;color:#bdc8d7;font-size:12px}.agreement input{accent-color:#307aff;margin-top:1px}.validation-errors{margin:13px 0 0;padding:9px 12px 9px 27px;border-radius:9px;color:#ffb1b5;background:rgba(126,38,47,.28);font-size:12px;line-height:1.65}.submit-subscription{width:100%;min-height:48px;margin-top:17px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#3c8eff,#1559e7);box-shadow:0 7px 18px rgba(25,94,239,.31);font-size:16px;font-weight:700}.modal-note{margin:9px 0 0;color:#74849a;text-align:center;font-size:10px;line-height:1.5}@keyframes sheet-up{from{transform:translateY(45px);opacity:.2}to{transform:none;opacity:1}}@media(max-width:350px){.detail-hero{height:235px}.detail-overlay h1{font-size:22px}.core-metrics>div{padding:13px 8px}.core-metrics strong{font-size:17px}.card-title{padding:0 13px}.info-list,.risk-copy{padding-left:13px;padding-right:13px}.fixed-buy{padding-left:12px;padding-right:12px}.fixed-buy button{min-width:122px;font-size:15px}.subscribe-modal{padding-left:14px;padding-right:14px}}/* Centered subscription dialog: desktop and mobile */
.modal-backdrop{align-items:center;justify-content:center;padding:24px}
.subscribe-modal{width:min(430px,calc(100vw - 48px));max-height:calc(100dvh - 48px);padding:20px 17px;border-bottom:1px solid rgba(103,143,204,.38);border-radius:22px;box-shadow:0 18px 48px rgba(0,0,0,.42)}
@media(max-width:350px){.modal-backdrop{padding:12px}.subscribe-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:17px 14px;border-radius:18px}}