@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{--bg:#050b16;--panel:#091629;--line:#18324b;--text:#eef6ff;--muted:#8fa6c0;--cyan:#36c6ff;--green:#00e59b;--purple:#a87aff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 78% 0%,#102747 0,transparent 35%),var(--bg);color:var(--text);font:15px 'DM Sans',Arial,sans-serif}.topbar{height:70px;display:flex;align-items:center;gap:38px;padding:0 clamp(18px,4vw,58px);border-bottom:1px solid var(--line);background:#06101fee;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;font:700 22px 'Space Grotesk';white-space:nowrap}.brand span{font-size:34px;color:var(--cyan)}nav{display:flex;gap:26px}nav a{color:#b9c9db;text-decoration:none;font-size:14px}nav a:hover, a{color:var(--cyan)}.update{margin-left:auto;color:#c1d2e6;font-size:12px;display:flex;align-items:center;gap:8px}.update i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}main{max-width:1450px;margin:auto;padding:26px clamp(16px,3vw,42px)}.hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:260px;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(105deg,#0a1a30,#111b38)}.hero-copy{padding:36px 34px;z-index:1}.eyebrow{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:11px}.hero h1{font:700 clamp(36px,4vw,54px) 'Space Grotesk';letter-spacing:-1.8px;margin:0 0 5px}.hero h2{font-size:19px;margin:0 0 16px;font-weight:500;color:#d2e3f6}.hero p{max-width:580px;line-height:1.65;color:#9fb4cc}.tags{display:flex;gap:9px;flex-wrap:wrap}.tags span{font-size:11px;color:#b4cde4;border:1px solid #264765;border-radius:20px;padding:7px 11px;background:#0b2037}.hero-art{position:relative;overflow:hidden;background:linear-gradient(180deg,#251d47,#a04475 42%,#ef875d 61%,#11263a)}.sun{position:absolute;width:155px;height:155px;border-radius:50%;background:linear-gradient(#ffcb9a,#f25b83);right:25%;top:25px;box-shadow:0 0 70px #ff9a8b88}.skyline{position:absolute;bottom:0;width:100%;height:60%;background:repeating-linear-gradient(90deg,transparent 0 17px,#09182a 18px 34px,transparent 35px 42px);clip-path:polygon(0 42%,7% 42%,7% 12%,13% 12%,13% 32%,19% 32%,19% 0,26% 0,26% 40%,33% 40%,33% 18%,39% 18%,39% 45%,46% 45%,46% 22%,53% 22%,53% 4%,59% 4%,59% 38%,66% 38%,66% 20%,73% 20%,73% 47%,82% 47%,82% 13%,90% 13%,90% 39%,100% 39%,100% 100%,0 100%)}.mark{position:absolute;right:7%;bottom:28px;font:700 38px 'Space Grotesk';text-align:right;text-shadow:0 3px 15px #000}.mark small{display:block;font:600 9px 'DM Sans';letter-spacing:3px;color:#b5eaff}.price-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:14px;margin:18px 0}.card{border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#0a192b,#071322);box-shadow:0 8px 26px #0002}.price-card{padding:21px 23px}.muted{color:var(--muted);font-size:12px;margin-bottom:10px}.price-line{display:flex;align-items:baseline;gap:10px}.price-line strong{font:700 clamp(30px,3vw,43px) 'Space Grotesk';letter-spacing:-1.5px}.price-line span{font-size:13px;color:#93a9c0}.change{font-size:13px;margin-top:7px;color:var(--muted)}.positive{color:var(--green)}.negative{color:#ff7189}.price-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #1a3046;margin-top:17px;padding-top:13px;color:#829ab5;font-size:11px}.stat{padding:20px 18px}.icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:22px;margin-bottom:17px}.green{color:var(--green);background:#063d37}.blue{color:var(--cyan);background:#092e4b}.purple{color:var(--purple);background:#2b214b}.stat strong{display:block;font:600 22px 'Space Grotesk';margin:2px 0 7px}.stat small{color:#8098b3;font-size:11px}.chart-card{padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:19px}.section-heading h2,.lower h2{font:600 22px 'Space Grotesk';margin:0}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{border:1px solid #1c3854;color:#a9bdd3;background:#0a1b2e;border-radius:7px;padding:8px 12px;font:600 11px 'DM Sans';cursor:pointer}.tabs button.active,.tabs button:hover{background:#078dd2;border-color:#078dd2;color:white}.chart-wrap{height:330px;position:relative}.chart-message{position:absolute;inset:0;display:grid;place-items:center;color:#8da5c0;font-size:13px;text-align:center}.chart-foot{display:flex;justify-content:space-between;border-top:1px solid #172c42;margin-top:13px;padding-top:13px;color:#8098b3;font-size:11px}.lower-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;margin-top:17px}.lower{padding:23px}.item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #192e44}.item>b{font:600 12px 'Space Grotesk';color:var(--cyan);background:#0b2c45;border-radius:8px;width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center}.item strong{font-size:14px}.item p,.company p{font-size:12px;line-height:1.65;color:#8fa6c0;margin:6px 0 0}.lower>a{display:inline-block;margin-top:17px;font-size:12px;text-decoration:none}.logo{font:700 42px 'Space Grotesk';letter-spacing:-4px;margin-bottom:16px}.company h2{font-size:21px}.company dl{margin:18px 0 0}.company dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #1b3046;padding:10px 0;font-size:12px}.company dt{color:#8fa6c0}.company dd{margin:0;text-align:right}.notice{margin:17px 0 0;border:1px solid #29354a;background:#0a1423;border-radius:10px;padding:14px 17px;color:#8095ac;font-size:11px;line-height:1.7}.notice b{color:#c7d6e7}.notice code{color:#8eeacb}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #172a40;padding:21px clamp(18px,4vw,58px);color:#7188a2;font-size:11px}footer b{font:600 14px 'Space Grotesk';color:#cbd9e9}@media(max-width:900px){.topbar{gap:18px}.topbar nav{gap:14px}.hero{grid-template-columns:1fr}.hero-art{min-height:150px}.hero-copy{padding:27px}.price-grid{grid-template-columns:1fr 1fr}.price-card{grid-column:span 2}.lower-grid{grid-template-columns:1fr}}@media(max-width:560px){.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 16px;gap:10px}.brand{font-size:19px}.topbar nav{order:3;width:100%;justify-content:space-between}.topbar nav a{font-size:12px}.update{font-size:10px}.hero-copy{padding:24px 20px}.hero h1{font-size:39px}.price-grid{gap:9px}.price-card{padding:18px;grid-column:span 2}.stat{padding:14px}.stat strong{font-size:18px}.chart-card{padding:19px 14px}.section-heading{align-items:flex-start;flex-direction:column}.chart-wrap{height:260px}.tabs button{padding:7px 9px}.lower{padding:19px}footer{flex-direction:column}}

/* GTA_PORTFOLIO_V1 */
.portfolio-card{margin:24px 0;border:1px solid rgba(0,229,155,.35);background:linear-gradient(135deg,rgba(9,27,43,.98),rgba(13,18,39,.98))}
.portfolio-card h2{margin:5px 0 0;font-size:clamp(1.35rem,3vw,2rem)}
.portfolio-tag{font-size:.75rem;letter-spacing:.12em;color:#00e59b;border:1px solid rgba(0,229,155,.45);padding:8px 10px;border-radius:5px}
.portfolio-inputs,.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.portfolio-inputs label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.9rem}
.portfolio-inputs input{width:100%;box-sizing:border-box;background:#071321;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:12px;font:inherit}
.portfolio-inputs input:focus{outline:1px solid var(--cyan);border-color:var(--cyan)}
.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.portfolio-stat{min-width:0;background:rgba(4,12,24,.65);border:1px solid var(--line);border-radius:8px;padding:16px}
.portfolio-stat span,.portfolio-stat small{display:block;color:var(--muted);font-size:.82rem;line-height:1.5}
.portfolio-stat strong{display:block;overflow-wrap:anywhere;color:var(--text);font-size:clamp(1.1rem,2.5vw,1.65rem);margin:10px 0}
#portfolio-profit.positive{color:#00e59b}
#portfolio-profit.negative{color:#ff647c}
.portfolio-note{color:var(--muted);font-size:.8rem;line-height:1.6;margin:18px 0 0}
@media(max-width:600px){.portfolio-inputs,.portfolio-grid{grid-template-columns:1fr}.portfolio-tag{font-size:.65rem}.portfolio-stat{padding:13px}}