@font-face{font-family:Periscope;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/f_300.woff2) format("woff2")}
@font-face{font-family:Periscope;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/f_400.woff2) format("woff2")}
@font-face{font-family:Periscope;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/f_500.woff2) format("woff2")}
:root{--bg:#fff;--bg2:#f8f9fa;--bg3:#e9ecef;--text:#1a1a2e;--text2:#6c757d;--primary:#4361ee;--primary2:#3a56d4;--success:#10b981;--danger:#ef4444;--border:#dee2e6;--card:#fff;--shadow:0 .125rem .5rem #00000014}
[data-theme="dark"]{--bg:#0f0f14;--bg2:#16161d;--bg3:#1e1e28;--text:#e9ecef;--text2:#9ca3af;--primary:#5a7fff;--primary2:#4a6fee;--border:#2d2d3a;--card:#1a1a24;--shadow:0 .125rem .5rem #0000004d}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]){--bg:#0f0f14;--bg2:#16161d;--bg3:#1e1e28;--text:#e9ecef;--text2:#9ca3af;--primary:#5a7fff;--primary2:#4a6fee;--border:#2d2d3a;--card:#1a1a24;--shadow:0 .125rem .5rem #0000004d}
}
*,::before,::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body{font-family:'Periscope',sans-serif;font-weight:300;background:var(--bg);color:var(--text);line-height:1.5}
input,button,select,textarea{font-family:'Periscope',sans-serif;font-weight:300}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
.ex-card:hover,.coin-card:hover,.hero-card:hover,.cmp-card:hover,.exchange-card:hover{text-decoration:none}
img{max-width:100%;height:auto}
.container{max-width:75rem;margin:0 auto;padding:0 1rem}
.hdr{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.hdr .container{display:flex;align-items:center;justify-content:space-between;height:3rem}
.hdr .logo{font-weight:700;font-size:1.25rem;color:var(--text);display:flex;align-items:center;gap:.5rem}
.hdr .logo svg{width:1.75rem;height:1.75rem}
.hdr nav{display:flex;gap:1.5rem}
.hdr nav a{color:var(--text2);font-size:.875rem;font-weight:400}
.hdr nav a:hover{color:var(--text);text-decoration:none}
.hdr nav .nav-btn{display:none}
.hdr .acts{display:flex;align-items:center;gap:.75rem}
.hdr .thm{background:none;border:none;cursor:pointer;color:var(--text2);padding:.25rem;display:flex}
.hdr .thm:hover{color:var(--text)}
.hdr .thm svg{width:1.25rem;height:1.25rem;display:none}
[data-theme="light"] .hdr .thm .ico-light,[data-theme="dark"] .hdr .thm .ico-dark,html:not([data-theme]) .hdr .thm .ico-auto{display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:400;line-height:1;border-radius:.35rem;border:none;cursor:pointer;transition:all .15s}
.btn-p{background:var(--primary);color:#fff}
.btn-p:hover{background:var(--primary2);text-decoration:none}
.bread{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}
.bread a{color:var(--text2)}
.bread a:hover{color:var(--primary);text-decoration:none}
.bread svg{width:.875rem;height:.875rem;color:var(--text2);opacity:.5}
.bread > span{color:var(--text)}
.hero{background:linear-gradient(135deg,#4361ee 0%,#3a0ca3 100%);padding:2rem 0;color:#fff}
.hero .container{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.hero .info{flex:1;min-width:12rem}
.hero .badge{display:inline-block;background:#ffffff26;padding:.25rem .75rem;border-radius:.35rem;font-size:.75rem;font-weight:500;margin-bottom:1rem}
.hero .title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}
.hero .title-row .coin-logo{width:3rem;height:3rem;border-radius:.35rem}
.hero .title-row h1{font-size:2.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}
.hero .sym{font-weight:400;opacity:.7}
.hero .pbox{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:.75rem}
.hero .pp{display:flex;align-items:center;gap:1rem}
.hero .price{font-size:2.25rem;font-weight:700;line-height:1}
.hero .chg{font-size:.875rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:500}
.hero .chg.up{background:#10b98133;color:#10b981}
.hero .chg.down{background:#ef444433;color:#ef4444}
.hero .pstats{display:flex;gap:2rem}
.hero .pi{display:flex;flex-direction:column;text-align:right}
.hero .pi small{font-size:.75rem;opacity:.7;margin-bottom:.125rem}
.hero .pi strong{font-size:1rem;font-weight:600}
.hero .perf{display:flex;gap:1.5rem;margin-top:1rem}
.perf-item{display:flex;flex-direction:column;align-items:center;gap:.125rem}
.perf-item span{font-size:.75rem;opacity:.6}
.perf-item strong{font-size:.875rem;font-weight:600}
.perf-item strong.up{color:#10b981}
.perf-item strong.down{color:#ef4444}
.chartarea{height:16rem;background:var(--bg2);border-radius:.35rem;display:flex;align-items:center;justify-content:center;color:var(--text2)}
.stats{background:var(--bg2);padding:2rem 0;border-bottom:1px solid var(--border)}
.stats .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem}
.stats .item{text-align:center}
.stats .item small{color:var(--text2);font-size:.75rem;display:block;margin-bottom:.25rem}
.stats .item strong{font-size:1rem}
.supply-bar{height:.5rem;background:var(--bg3);border-radius:.25rem;overflow:hidden}
.supply-fill{height:100%;background:var(--success);border-radius:.25rem}
.supply-text{font-size:.8125rem;color:var(--text2);margin-top:.5rem}
.ath-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.ath-item{display:flex;flex-direction:column;gap:.25rem}
.ath-label{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500}
.ath-label.up{color:var(--success)}
.ath-label.down{color:var(--danger)}
.ath-price{font-size:1.5rem;font-weight:700}
.ath-date{font-size:.8125rem;color:var(--text2)}
.ath-change{font-size:.8125rem;font-weight:500}
.ath-change.up{color:var(--success)}
.ath-change.down{color:var(--danger)}
.main{padding:2rem 0}
.main .grid{display:grid;grid-template-columns:1fr 21rem;gap:2rem}
.card{background:var(--card);border:1px solid var(--border);border-radius:.35rem;overflow:hidden}
.card .head{padding:1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.card .head h2{font-size:1rem;font-weight:600;display:flex;align-items:center}
.card .body{padding:1rem}
.card .foot{padding:1rem;border-top:1px solid var(--border)}
.cats{display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap}
.cats svg{width:1rem;height:1rem;color:var(--text2);margin-top:.125rem;flex-shrink:0}
.cats > span{font-size:.8125rem;font-weight:500;color:var(--text2)}
.tags{display:flex;flex-wrap:wrap;gap:.5rem}
.tags a{display:inline-block;padding:.25rem .625rem;background:var(--bg3);color:var(--text2);font-size:.75rem;border-radius:.35rem}
.tags a:hover{background:var(--primary);color:#fff;text-decoration:none}
.tabs{display:flex;gap:.5rem}
.tabs button{background:none;border:none;padding:.375rem .75rem;font-size:.8125rem;color:var(--text2);cursor:pointer;border-radius:.35rem}
.tabs button:hover{background:var(--bg2)}
.tabs button.act{background:var(--primary);color:#fff}
.about p{font-size:.9375rem;line-height:1.7;color:var(--text2);margin-bottom:1rem}
.about p:last-child{margin-bottom:0}
.about.collapsed{max-height:12rem;overflow:hidden;position:relative}
.about.collapsed::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4rem;background:linear-gradient(to bottom,transparent,var(--card));pointer-events:none}
.read-more-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;background:none;border:none;color:var(--primary);font-size:.875rem;font-weight:600;cursor:pointer;padding:.5rem 1rem;margin:0 auto;transition:all .15s}
.read-more-btn:hover{opacity:.8}
.read-more-btn svg{width:1rem;height:1rem;transition:transform .2s}
.read-more-btn.expanded svg{transform:rotate(180deg)}
.tbl{width:100%;border-collapse:collapse;font-size:.875rem}
.tbl th,.tbl td{padding:.75rem .5rem;text-align:left;border-bottom:1px solid var(--border)}
.tbl th{color:var(--text2);font-weight:500;font-size:.75rem;text-transform:uppercase}
.tbl tr:last-child td{border-bottom:none}
.tbl .ex{display:flex;align-items:center;gap:.5rem}
.tbl .ex img{width:1.5rem;height:1.5rem;border-radius:.25rem}
.side .card{margin-bottom:1rem}
.side .card:last-child{margin-bottom:0}
.conv .row{display:flex;gap:.5rem;margin-bottom:.75rem}
.conv input,.conv select{flex:1;padding:.625rem .75rem;border:1px solid var(--border);border-radius:.35rem;background:var(--bg);color:var(--text);font-size:.875rem}
.conv input:focus,.conv select:focus{outline:none;border-color:var(--primary)}
.conv .res{background:var(--bg2);padding:.75rem;border-radius:.35rem;text-align:center;font-size:1.125rem;font-weight:600}
.links a{display:flex;align-items:center;gap:.5rem;padding:.625rem 0;border-bottom:1px solid var(--border);color:var(--text);font-size:.875rem}
.links a:last-child{border-bottom:none}
.links a:hover{color:var(--primary);text-decoration:none}
.links svg{width:1rem;height:1rem;color:var(--text2)}
.similar{display:grid;grid-template-columns:1fr;gap:.5rem}
.similar a{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg2);border-radius:.35rem;color:var(--text);font-size:.8125rem}
.similar a:hover{background:var(--bg3);text-decoration:none}
.similar img{width:1.5rem;height:1.5rem;border-radius:.25rem}
.similar .p{margin-left:auto;font-weight:500}
.similar .c{font-size:.75rem}
.similar .c.up{color:var(--success)}
.similar .c.down{color:var(--danger)}
.faq{margin-top:2rem}
.faq h2{font-size:1.25rem;margin-bottom:1rem}
.faq .item{border:1px solid var(--border);border-radius:.35rem;margin-bottom:.5rem;background:var(--card)}
.faq .q{padding:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500}
.faq .q:hover{background:var(--bg2)}
.faq .q svg{width:1rem;height:1rem;color:var(--text2);transition:transform .2s}
.faq .item.open .q svg{transform:rotate(180deg)}
.faq .a{padding:0 1rem 1rem;color:var(--text2);font-size:.9375rem;display:none}
.faq .item.open .a{display:block}
.news{display:flex;flex-direction:column;gap:1rem}
.nitem{display:flex;gap:1rem;color:var(--text)}
.nitem:hover{text-decoration:none}
.nitem:hover h3{color:var(--primary)}
.nimg{width:8rem;min-width:8rem;height:5.5rem;background:var(--bg2);border-radius:.35rem;background-size:cover;background-position:center}
.ninfo{flex:1;display:flex;flex-direction:column}
.ncat{font-size:.6875rem;font-weight:500;color:var(--primary);text-transform:uppercase;letter-spacing:.025rem}
.ninfo h3{font-size:.9375rem;font-weight:600;line-height:1.4;margin:.25rem 0}
.ninfo p{font-size:.8125rem;color:var(--text2);line-height:1.5;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ninfo time{font-size:.75rem;color:var(--text2)}
.more{font-size:.8125rem;font-weight:500}
.simgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
.simi{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg2);border-radius:.35rem;color:var(--text)}
.simi:hover{background:var(--bg3);text-decoration:none}
.simi img{width:2rem;height:2rem;border-radius:.25rem}
.simi div{flex:1;min-width:0}
.simi strong{display:block;font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.simi small{font-size:.75rem;color:var(--text2)}
.simi .sp{font-size:.875rem;font-weight:500}
.simi .sc{font-size:.75rem;font-weight:500;min-width:3.5rem;text-align:right}
.simi .sc.up{color:var(--success)}
.simi .sc.down{color:var(--danger)}
.ftr{background:var(--bg2);border-top:1px solid var(--border);padding:2rem 0;margin-top:2rem}
.ftr .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.ftr .copy{font-size:.875rem;color:var(--text2)}
.ftr .copy a{color:var(--primary);text-decoration:none}
.ftr nav{display:flex;gap:1.5rem}
.ftr nav a{color:var(--text2);font-size:.875rem}
.ftr nav a:hover{color:var(--text)}
.tbl.hist td:last-child.up{color:var(--success)}
.tbl.hist td:last-child.down{color:var(--danger)}
.tbl.hist td:first-child{font-weight:500}
.roi{display:flex;flex-direction:column;gap:1.5rem}
.roi-form{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}
.roi-field{flex:1;min-width:10rem}
.roi-field label{display:block;font-size:.75rem;font-weight:400;color:var(--text2);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.02em}
.roi-input{display:flex;align-items:center;background:var(--bg2);border:1px solid var(--border);border-radius:.35rem;overflow:hidden}
.roi-input span{padding:0 .75rem;color:var(--text2);font-weight:500}
.roi-input input{flex:1;border:none;background:transparent;padding:.625rem .75rem .625rem 0;font-size:.9375rem;color:var(--text);width:100%}
.roi-input input:focus{outline:none}
.roi-field select{width:100%;padding:.625rem .75rem;background:var(--bg2);border:1px solid var(--border);border-radius:.35rem;color:var(--text);font-size:.9375rem;cursor:pointer}
.roi-btn{padding:.625rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:.35rem;font-weight:600;cursor:pointer;transition:opacity .15s}
.roi-btn:hover{opacity:.9}
.roi-result{background:var(--bg2);border-radius:.35rem;padding:1.25rem}
.roi-val{text-align:center;margin-bottom:1rem}
.roi-val span{display:block;font-size:.8125rem;color:var(--text2);margin-bottom:.25rem}
.roi-val strong{font-size:2rem;font-weight:700;color:var(--success)}
.roi-stats{display:flex;gap:1rem;justify-content:center}
.roi-stat{flex:1;max-width:10rem;text-align:center;padding:.75rem;background:var(--card);border-radius:.35rem}
.roi-stat span{display:block;font-size:.75rem;color:var(--text2);margin-bottom:.25rem}
.roi-stat strong{font-size:1.125rem;font-weight:600}
.roi-stat.up strong{color:var(--success)}
.roi-stat.down strong{color:var(--danger)}
.socials{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
.soc{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg2);border-radius:.35rem}
.soc svg{width:1.125rem;height:1.125rem;color:var(--text2);flex-shrink:0}
.soc div{flex:1;min-width:0}
.soc strong{display:block;font-size:.8125rem}
.soc span{font-size:.6875rem;color:var(--text2)}
.buygrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
.buyitem{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg2);border-radius:.35rem;color:var(--text);transition:all .15s}
.buyitem:hover{background:var(--bg3);text-decoration:none}
.buyitem img{width:2.25rem;height:2.25rem;border-radius:.25rem;flex-shrink:0}
.buyitem div{flex:1;min-width:0}
.buyitem strong{display:block;font-size:.875rem;font-weight:600}
.buyitem span{font-size:.75rem;color:var(--text2)}
.buybtn{padding:.375rem .75rem;background:var(--primary);color:#fff!important;border-radius:.35rem;font-size:.75rem;font-weight:600;white-space:nowrap}
.buyitem:hover .buybtn{opacity:.9}
.qacts{display:flex;gap:.5rem}
.qact{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .5rem;background:var(--bg2);border-radius:.35rem;color:var(--text);font-size:.75rem;font-weight:600;text-align:center;transition:all .15s}
.qact:hover{background:var(--bg3);text-decoration:none}
.qact svg{width:1.25rem;height:1.25rem}
.qact.buy{background:#10b9811a;color:var(--success)}
.qact.buy:hover{background:#10b98133}
.qact.sell{background:#ef44441a;color:var(--danger)}
.qact.sell:hover{background:#ef444433}
.alert-card .head{display:flex;justify-content:space-between;align-items:center}
.alert-card .head svg{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0}
.alertform{display:flex;flex-direction:column;gap:.75rem}
.alertform > p{font-size:.8125rem;color:var(--text2);margin:0}
.alertrow{display:flex;flex-direction:column;gap:.375rem}
.alertrow label{font-size:.75rem;font-weight:400;color:var(--text2)}
.alertrow select,.alertrow > input{width:100%;padding:.5rem .75rem;background:var(--bg2);border:1px solid var(--border);border-radius:.35rem;color:var(--text);font-size:.875rem}
.alertinput{display:flex;align-items:center;background:var(--bg2);border:1px solid var(--border);border-radius:.35rem;overflow:hidden}
.alertinput span{padding:0 .625rem;color:var(--text2);font-weight:500}
.alertinput input{flex:1;border:none;background:transparent;padding:.5rem .625rem .5rem 0;font-size:.875rem;color:var(--text)}
.alertinput input:focus{outline:none}
.alertbtn{width:100%;padding:.625rem;background:var(--primary);color:#fff;border:none;border-radius:.35rem;font-weight:600;cursor:pointer;transition:opacity .15s;margin-top:.25rem}
.alertbtn:hover{opacity:.9}
.ad-card{background:var(--card)}
.ad-slot{padding:.5rem}
.ad-label{display:block;text-align:center;font-size:.625rem;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}
.ad-placeholder{background:var(--bg2);border:1px dashed var(--border);border-radius:.35rem;width:300px;height:250px;display:flex;align-items:center;justify-content:center;color:var(--text2);font-size:.75rem;margin:0 auto}
.share{position:fixed;right:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:90}
.share a{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--card);border:1px solid var(--border);border-radius:.35rem;color:var(--text2);transition:all .15s}
.share a:hover{background:var(--primary);border-color:var(--primary);color:#fff}
.share svg{width:1.125rem;height:1.125rem}
.burger{display:none;background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text)}
.burger svg{width:1.5rem;height:1.5rem}
.mnav{display:none;position:fixed;top:3.5rem;left:0;right:0;bottom:0;background:var(--bg);z-index:99;padding:1rem;flex-direction:column;gap:.5rem;overflow-y:auto}
.mnav.open{display:flex}
.mnav a{padding:.75rem 1rem;color:var(--text);font-size:1rem;font-weight:500;border-radius:.35rem}
.mnav a:hover{background:var(--bg2);text-decoration:none}
.totop{position:fixed;right:1rem;bottom:1rem;width:2.75rem;height:2.75rem;background:var(--card);border:1px solid var(--border);border-radius:50%;cursor:pointer;z-index:90;opacity:0;visibility:hidden;transition:all .2s;display:flex;align-items:center;justify-content:center}
.totop.show{opacity:1;visibility:visible}
.totop:hover{background:var(--bg2)}
.totop svg.arrow{width:1rem;height:1rem;color:var(--text);position:absolute}
.totop svg.prog{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}
.totop .prog-bg{fill:none;stroke:var(--border);stroke-width:2}
.totop .prog-bar{fill:none;stroke:var(--primary);stroke-width:2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}
@media (max-width: 80rem) {
.share{right:.5rem}
.share a{width:2rem;height:2rem}
.share svg{width:1rem;height:1rem}
.totop{right:.5rem;bottom:.5rem}
}
@media (max-width: 48rem) {
.main .grid{grid-template-columns:1fr}
.simgrid{grid-template-columns:1fr}
.buygrid{grid-template-columns:1fr}
.roi-form{flex-direction:column}
.roi-field{min-width:100%}
.roi-btn{width:100%}
.share{display:none}
.burger{display:flex}
.hdr nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--card);border-bottom:1px solid var(--border);flex-direction:column;padding:1rem;gap:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.hdr nav.open{display:flex}
.hdr nav a{padding:.75rem 1rem;border-radius:.375rem}
.hdr nav a:hover{background:var(--bg2)}
.hdr nav .nav-btn{display:block;background:var(--primary);color:#fff;text-align:center;margin-top:.5rem}
.hdr nav .nav-btn:hover{background:var(--primary-dark)}
.hdr .desktop-only{display:none}
.hero .container{flex-direction:column;text-align:center}
.hero .title-row{justify-content:center}
.hero .title-row h1{font-size:2rem}
.hero .pbox{justify-content:center;flex-wrap:wrap;gap:1.5rem}
.hero .perf{justify-content:center;flex-wrap:wrap;gap:1rem}
.ath-grid{grid-template-columns:1fr}
}
/* User Dropdown */
.user-dropdown{position:relative}
.user-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.375rem .5rem;border-radius:.375rem;transition:background .15s;color:var(--text)}
.user-btn:hover{background:var(--bg2)}
.user-btn .avatar{width:1.5rem;height:1.5rem;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}
.user-btn .uname{font-weight:500;font-size:.875rem}
.user-btn svg{width:1rem;height:1rem;color:var(--text2);transition:transform .2s}
.user-menu.open + .user-btn svg,.user-btn:focus svg{transform:rotate(180deg)}
.user-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:12rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:all .2s;z-index:100}
.user-menu.open{opacity:1;visibility:visible;transform:translateY(0)}
.user-menu a{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;color:var(--text);font-size:.875rem;transition:background .15s}
.user-menu a:hover{background:var(--bg2);text-decoration:none}
.user-menu a svg{width:1.125rem;height:1.125rem;color:var(--text2)}
.user-menu a.logout{color:#ef4444;border-top:1px solid var(--border);margin-top:.25rem;padding-top:.75rem}
.user-menu a.logout svg{color:#ef4444}
.user-menu a.logout:hover{background:rgba(239,68,68,.1)}

/* Hero Badges */
.hero .badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}
.hero .badge.cat{text-transform:uppercase}

/* AI Content Styles */
.badge-ai{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.25rem .75rem;border-radius:.25rem;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em}
.card .head .badge-ai{margin-left:auto}
.ai-review{line-height:1.7}
.ai-review h3,.ai-review h4{margin-top:1.25rem;margin-bottom:.5rem;font-weight:600;color:var(--text)}
.ai-review p{margin-bottom:1rem}
.ai-review strong{color:var(--text)}

/* Page Hero */
.page-hero{background:linear-gradient(135deg,#4361ee 0%,#3a0ca3 100%);padding:2rem 0;color:#fff}
.page-hero h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}
.page-hero p{opacity:.8;font-size:1rem}
.page-hero .bread a,.page-hero .bread span{color:#fff}
.page-hero .bread a{opacity:.7}
.page-hero .bread a:hover{opacity:1}
.page-hero .bread svg{color:#fff;opacity:.5}
.page-hero.centered .container{text-align:center}
.page-hero.centered p{max-width:32rem;margin:0 auto}
.page-hero.centered .bread{justify-content:center;margin-bottom:1rem}

/* Ad Container Styles */
.ad-container{display:flex;align-items:center;justify-content:center;margin:1rem 0;background:var(--bg2);border-radius:.35rem;overflow:hidden}
.ad-300x250{width:100%;max-width:300px;min-height:250px}
.ad-728x90{width:100%;max-width:728px;min-height:90px}
.ad-container img.ad-img{display:block;width:100%;height:auto}
.ad-container a.ad-link{display:block}
.sidebar .ad-container{margin:0 0 1rem}
.ad-card .ad-content{display:flex;align-items:center;justify-content:center}
.ad-card .ad-content img{max-width:100%;height:auto;display:block}
.ad-card .ad-content a{display:block}
.ad-banner-card{padding:0}
.ad-banner-slot{padding:.75rem;text-align:center}
.ad-banner-slot .ad-label{display:block;font-size:.65rem;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}
.ad-banner-content{display:flex;align-items:center;justify-content:center;min-height:90px;background:var(--bg2);border-radius:.35rem}
.ad-banner-content img{max-width:100%;max-height:90px;display:block}
.ad-banner-content a{display:block}