:root{
--bg:#f2f3f5;--surface:#ffffff;--ink:#0a0c10;--muted:#6e737c;--line:#dfe2e7;--soft:#e9ebef;
--accent:#315efb;--accent2:#8c5cff;--lime:#b9ff66;--radius:24px;--radius-sm:16px;--shadow:0 18px 55px rgba(9,12,18,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}.site{max-width:1240px;margin:0 auto;padding:0 26px}.topbar{position:sticky;top:0;z-index:50;min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;background:rgba(242,243,245,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(12,14,18,.08)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:950;letter-spacing:-.04em;width:max-content}.brand>span:last-child{display:flex;align-items:baseline;gap:7px}.brand small{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;font-size:14px;font-weight:950}
.topbar nav{display:flex;align-items:center;gap:26px}.topbar nav a{text-decoration:none;color:#555b65;font-size:12px;font-weight:800}.topbar nav a:hover{color:var(--ink)}
.nav-search{justify-self:end;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--line);text-decoration:none;font-size:20px}
.hero-modern{display:grid;grid-template-columns:1.35fr .65fr;gap:34px;align-items:stretch;padding:70px 0 82px}.hero-copy{padding:40px 0}.status-line{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#565c65}.status-line i{width:8px;height:8px;border-radius:50%;background:#40c057;box-shadow:0 0 0 5px rgba(64,192,87,.12)}
.hero-modern h1{font-size:clamp(58px,7.5vw,96px);line-height:.91;letter-spacing:-.075em;margin:21px 0 28px;max-width:850px}.hero-modern h1 em{font-style:normal;color:#6c717a}.hero-copy>p{max-width:690px;font-size:19px;color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:32px}.primary-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border-radius:14px;background:var(--ink);color:#fff;text-decoration:none;font-size:12px;font-weight:900}.text-btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:12px;font-weight:900;color:#4c5159}.text-btn span{display:grid;place-items:center;width:32px;height:32px;background:#fff;border:1px solid var(--line);border-radius:50%}
.hero-panel{position:relative;overflow:hidden;min-height:390px;border-radius:34px;background:linear-gradient(145deg,#12151b,#242a36);padding:28px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.hero-panel:before{content:"";position:absolute;inset:-40% -20% auto auto;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(140,92,255,.65),rgba(49,94,251,.1) 55%,transparent 70%);filter:blur(2px)}.hero-orbit{position:relative;margin:auto;display:grid;place-items:center;width:190px;height:190px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%}.hero-orbit:before{inset:18px}.hero-orbit:after{inset:45px}.hero-orbit>span{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:#fff;color:#111;font-weight:950;letter-spacing:-.05em}.hero-orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--lime)}.hero-orbit i:nth-of-type(1){top:12px;left:52px}.hero-orbit i:nth-of-type(2){right:15px;bottom:54px;background:#8c5cff}.hero-orbit i:nth-of-type(3){left:28px;bottom:19px;background:#5fd3ff}
.hero-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-stats div{padding:14px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.hero-stats strong{display:block;font-size:24px;letter-spacing:-.05em}.hero-stats span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#aab0bb}
.section{padding:28px 0 78px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.overline{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:#737983;margin-bottom:7px}.section-title h2{font-size:clamp(32px,4vw,50px);letter-spacing:-.055em;line-height:1;margin:0}.section-index{font-size:11px;font-weight:900;color:#a6abb3}
.spotlight-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;grid-template-rows:repeat(2,1fr);gap:14px}.spotlight{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;text-decoration:none;display:grid;grid-template-columns:130px 1fr;min-height:220px;transition:.22s ease}.spotlight-main{grid-row:1/3;grid-template-columns:1fr;grid-template-rows:240px 1fr}.spotlight:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.spotlight-visual{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:18px;overflow:hidden}.spotlight-visual:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.32);border-radius:50%;right:-28px;bottom:-42px;box-shadow:0 0 0 26px rgba(255,255,255,.08),0 0 0 52px rgba(255,255,255,.05)}.spotlight-visual span{font-size:12px;font-weight:950}.spotlight-visual small{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.spotlight-copy{padding:22px;display:flex;flex-direction:column}.spotlight-copy .kicker{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.spotlight-copy h3{font-size:22px;line-height:1.15;letter-spacing:-.035em;margin:9px 0}.spotlight-main .spotlight-copy h3{font-size:32px}.spotlight-copy p{font-size:12px;color:var(--muted);margin:0}.spotlight-copy b{margin-top:auto;padding-top:16px;font-size:11px}.spotlight-copy i,.story-link i{font-style:normal}
.art-tecnologia{background:linear-gradient(135deg,#c9f2ff,#8fd1ff);color:#123}.art-gaming{background:linear-gradient(135deg,#d9ff9e,#9be564);color:#17320b}.art-anime-manga{background:linear-gradient(135deg,#ffd0ec,#e9a7ff);color:#3a1735}.art-collezionismo{background:linear-gradient(135deg,#ffe8a8,#ffbd76);color:#45250d}.art-intrattenimento{background:linear-gradient(135deg,#d8d0ff,#a99cff);color:#261e55}
.category-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.category-tile{min-height:220px;padding:20px;border-radius:22px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.2s ease}.category-tile:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.35);right:-42px;top:-40px}.category-tile:hover{transform:translateY(-4px)}.cat-tecnologia{background:#bdeaff}.cat-gaming{background:#cafa8f}.cat-anime-manga{background:#f4c1ef}.cat-collezionismo{background:#ffd796}.cat-intrattenimento{background:#cfc7ff}.cat-number{font-size:10px;font-weight:950}.category-tile strong{display:block;font-size:20px;letter-spacing:-.035em;line-height:1.08}.category-tile p{font-size:11px;line-height:1.45;margin:8px 0 0;max-width:180px;color:rgba(0,0,0,.63)}.category-tile i{position:absolute;right:17px;bottom:15px;font-style:normal;font-size:18px}
.archive-shell{position:relative}.archive-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.search-box{min-height:58px;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;gap:11px;padding:0 15px}.search-box>span{font-size:22px;color:#747982}.search-box input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:15px;min-width:0}.search-box kbd{font:700 10px/1 system-ui;color:#8a9099;background:#f1f2f4;border:1px solid #dddfe3;padding:6px 8px;border-radius:7px}.view-toggle{display:flex;padding:4px;background:#fff;border:1px solid var(--line);border-radius:15px}.view-btn{width:46px;height:46px;border:0;background:transparent;border-radius:11px;font-size:18px;color:#818690;cursor:pointer}.view-btn.active{background:var(--ink);color:#fff}
.macro-tabs,.topic-row{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.macro-tabs{padding:18px 0 10px}.topic-row{padding:0 0 18px}.macro-tabs::-webkit-scrollbar,.topic-row::-webkit-scrollbar{display:none}.filter-btn,.topic-chip{border:1px solid var(--line);background:#fff;color:#5f646c;border-radius:999px;padding:9px 14px;font:inherit;font-size:11px;font-weight:850;white-space:nowrap;cursor:pointer}.filter-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}.topic-chip.active{background:#e8eeff;border-color:#bdcaff;color:#2146c7}.archive-status{min-height:34px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.archive-status p{margin:0;color:#7b8088;font-size:11px;font-weight:800}.archive-status button{border:0;background:transparent;color:#3756d9;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.story-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;text-decoration:none;display:grid;grid-template-rows:112px 1fr;min-height:325px;transition:.22s ease}.story-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.story-card[hidden]{display:none!important}.story-art{position:relative;padding:14px;display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden}.story-art:after{content:"";position:absolute;width:95px;height:95px;border-radius:30px;border:1px solid rgba(255,255,255,.45);right:-20px;bottom:-45px;transform:rotate(20deg);box-shadow:0 0 0 20px rgba(255,255,255,.11)}.story-art span,.story-art b{font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.story-copy{padding:20px;display:flex;flex-direction:column}.story-meta{display:flex;justify-content:space-between;gap:8px;color:#8a8f97;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.story-copy h3{font-size:20px;line-height:1.16;letter-spacing:-.035em;margin:10px 0 8px}.story-copy p{font-size:12px;color:var(--muted);margin:0}.story-link{font-size:10px;font-weight:900;margin-top:auto;padding-top:17px}
.story-grid.list-view{grid-template-columns:1fr}.story-grid.list-view .story-card{grid-template-columns:135px 1fr;grid-template-rows:auto;min-height:145px}.story-grid.list-view .story-art{min-height:145px}.story-grid.list-view .story-copy h3{font-size:19px}
.load-more-wrap{text-align:center;padding-top:24px}.load-more{min-height:46px;padding:0 18px;border-radius:14px;border:1px solid var(--line);background:#fff;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.load-more span{padding-left:8px}.empty-state{text-align:center;background:#fff;border:1px dashed #cfd3d9;border-radius:24px;padding:50px 20px}.empty-state span{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#f0f1f3;margin:0 auto 14px;font-size:23px}.empty-state strong{display:block;font-size:22px}.empty-state p{color:var(--muted);font-size:13px}.empty-state button{border:0;background:var(--ink);color:#fff;border-radius:12px;padding:11px 14px;font-weight:850;cursor:pointer}
.closing-panel{margin:0 0 70px;padding:40px;border-radius:30px;background:#0d1016;color:#fff;display:grid;grid-template-columns:1fr 1fr auto;gap:34px;align-items:end}.closing-panel h2{font-size:36px;letter-spacing:-.05em;line-height:1;margin:8px 0 0}.closing-panel p{margin:0;color:#aeb4c0;font-size:13px}.closing-panel a{color:#fff;text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap}.closing-panel .overline{color:#8f97a5}
.article-wrap{max-width:920px;margin:0 auto;padding:64px 0 30px}.back{display:inline-flex;align-items:center;min-height:36px;text-decoration:none;color:#777d86;font-size:11px;font-weight:900;margin-bottom:42px}.eyebrow{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e8eeff;color:#3156cc;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.11em}.article-wrap h1{font-size:clamp(48px,7vw,78px);line-height:.96;letter-spacing:-.067em;margin:16px 0 22px}.article-intro{font-size:20px;line-height:1.5;color:#686e77;max-width:780px;margin:0}.article-meta{display:flex;gap:8px;margin:24px 0 34px}.article-meta span{font-size:10px;font-weight:850;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#777d85}.article-body{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(28px,6vw,64px);box-shadow:0 1px 0 rgba(0,0,0,.02)}.article-body h2{font-size:28px;line-height:1.17;letter-spacing:-.035em;margin:42px 0 12px}.article-body h2:first-child{margin-top:0}.article-body p,.article-body li{font-size:16px;line-height:1.8;color:#3f454d}.article-body strong{color:var(--ink)}
.category-page{padding:66px 0 80px}.category-page .category-hero{border-radius:30px;padding:38px;margin-bottom:28px;display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:end;overflow:hidden;position:relative}.category-page .category-hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;border:1px solid rgba(255,255,255,.45);right:-55px;top:-70px;box-shadow:0 0 0 35px rgba(255,255,255,.10),0 0 0 70px rgba(255,255,255,.06)}.category-page h1{font-size:clamp(48px,7vw,76px);line-height:.94;letter-spacing:-.065em;margin:11px 0 0}.category-page .category-hero p{font-size:14px;max-width:580px;margin:14px 0 0;color:rgba(0,0,0,.66)}.category-count{justify-self:end;position:relative;z-index:1;text-align:right}.category-count strong{font-size:56px;letter-spacing:-.06em;display:block;line-height:1}.category-count span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.subcat-cloud{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.subcat-cloud button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.subcat-cloud button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.category-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.category-link{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;text-decoration:none;transition:.2s ease}.category-link:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.category-link small{display:block;color:#777d85;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px}.category-link strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.03em}.category-link p{font-size:12px;color:var(--muted);margin:8px 0 0}.category-link[hidden]{display:none}
.info-page{max-width:860px;margin:0 auto;padding:70px 0}.info-page h1{font-size:64px;letter-spacing:-.06em;line-height:.96;margin:14px 0 18px}.info-page .lead{font-size:19px;color:var(--muted)}.info-card{margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:38px}.info-card h2{font-size:24px;letter-spacing:-.03em;margin:32px 0 8px}.info-card h2:first-child{margin-top:0}.info-card p{color:#50565f}
.footer{border-top:1px solid var(--line);padding:30px 0 42px;display:grid;grid-template-columns:1fr auto;gap:18px;color:var(--muted);font-size:11px}.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand strong{color:var(--ink);font-size:15px}.footer-brand p,.footer p{margin:2px 0 0}.footer-links{display:flex;gap:18px}.footer-links a{text-decoration:none}.copyright{grid-column:1/-1}.to-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s ease;z-index:40}.to-top.visible{opacity:1;pointer-events:auto;transform:none}
@media(max-width:1050px){.spotlight-grid{grid-template-columns:1fr 1fr}.spotlight-main{grid-row:auto;grid-column:1/-1;grid-template-columns:220px 1fr;grid-template-rows:auto}.category-rail{grid-template-columns:repeat(3,1fr)}.story-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site{padding:0 16px}.topbar{grid-template-columns:1fr auto;min-height:68px}.topbar nav{display:none}.nav-search{display:grid}.hero-modern{grid-template-columns:1fr;padding:42px 0 56px}.hero-copy{padding:0}.hero-modern h1{font-size:clamp(50px,15vw,72px)}.hero-panel{min-height:300px}.hero-orbit{width:150px;height:150px}.section{padding-bottom:58px}.section-title{align-items:flex-start}.section-title h2{font-size:36px}.spotlight-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.spotlight,.spotlight-main{min-width:82vw;grid-template-columns:1fr;grid-template-rows:145px 1fr;scroll-snap-align:start}.spotlight-copy h3,.spotlight-main .spotlight-copy h3{font-size:22px}.category-rail{display:flex;overflow:auto;scroll-snap-type:x mandatory}.category-tile{min-width:72vw;scroll-snap-align:start}.archive-toolbar{grid-template-columns:1fr auto}.search-box kbd{display:none}.story-grid,.story-grid.list-view{grid-template-columns:1fr}.story-grid.list-view .story-card{grid-template-columns:105px 1fr}.story-grid.list-view .story-copy p{display:none}.closing-panel{grid-template-columns:1fr;align-items:start}.category-page .category-hero{grid-template-columns:1fr;padding:28px}.category-count{justify-self:start;text-align:left}.category-list{grid-template-columns:1fr}.article-wrap{padding-top:42px}.article-wrap h1{font-size:48px}.article-body{padding:26px}.footer{grid-template-columns:1fr}.copyright{grid-column:auto}}
@media(max-width:420px){.hero-stats strong{font-size:20px}.story-card{min-height:300px}.category-tile{min-width:82vw}.spotlight,.spotlight-main{min-width:88vw}.article-wrap h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}