﻿/* XhostinG visual layer: glass surfaces, neon depth and restrained movement. */
:root{--glass:rgba(8,23,42,.55);--glass-strong:rgba(4,13,27,.78);--glass-line:rgba(164,228,255,.18);--neon-cyan:rgba(77,219,240,.48);--neon-violet:rgba(175,139,255,.34);--control-center-image:url('https://serverdash-jn8zdxxl.manus.space/manus-storage/XhostinG-control-center_b7815385.jpg');--gaming-network-image:url('https://serverdash-jn8zdxxl.manus.space/manus-storage/XhostinG-gaming-network_499a8db3.jpg')}
body{isolation:isolate}
body:after{content:"";position:fixed;z-index:-1;width:46vw;height:46vw;min-width:420px;min-height:420px;right:-20vw;top:12vh;border-radius:50%;background:radial-gradient(circle,rgba(55,172,233,.12),rgba(99,71,222,.055) 38%,transparent 70%);filter:blur(10px);pointer-events:none}
.market-shell{position:relative;background:radial-gradient(ellipse 58% 38% at 74% 7%,rgba(39,161,205,.10),transparent 70%),radial-gradient(ellipse 44% 26% at 8% 67%,rgba(111,56,208,.08),transparent 74%),linear-gradient(180deg,#020711 0%,#030918 61%,#01050d 100%)}
.market-shell:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0,rgba(125,232,255,.025) 49%,transparent 100%);opacity:.9}
.market-shell>*{position:relative;z-index:1}
.market-header{margin-top:14px;height:64px;padding:0 15px;border:1px solid rgba(161,231,255,.12);border-radius:18px;background:rgba(4,14,29,.50);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 32px rgba(0,0,0,.16)}
.brand-mark{box-shadow:0 0 0 5px rgba(77,219,240,.045),0 0 28px rgba(77,219,240,.17)}
.market-nav a{position:relative;transition:color .18s ease,opacity .18s ease}.market-nav a:after{content:"";position:absolute;left:50%;bottom:-7px;width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan);opacity:0;transform:translateX(-50%) scale(.7);transition:opacity .18s ease,transform .18s ease}.market-nav a:hover:after{opacity:1;transform:translateX(-50%) scale(1)}
.market-account,.hero-pill,.cycle-switch,.parity-plan-card,.datacenter-head>span,.flag-box,.why-cards article,.shop-filter-panel,.filter-grid,.gaming-band{backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}
.market-account{box-shadow:inset 0 1px rgba(255,255,255,.10),0 0 22px rgba(77,219,240,.08);transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s,border-color .18s}.market-account:hover{transform:translateY(-2px);border-color:rgba(77,219,240,.68);box-shadow:inset 0 1px rgba(255,255,255,.13),0 0 28px rgba(77,219,240,.18)}
.parity-hero{isolation:isolate}.parity-hero:before{content:"";position:absolute;z-index:-1;width:360px;height:360px;left:-125px;top:55px;border-radius:50%;background:radial-gradient(circle,rgba(63,219,242,.10),transparent 67%);filter:blur(8px);pointer-events:none}.parity-hero:after{content:"";position:absolute;z-index:-1;width:270px;height:270px;right:0;top:10px;border-radius:50%;border:1px solid rgba(118,197,255,.10);box-shadow:0 0 0 38px rgba(88,129,255,.018),0 0 0 82px rgba(136,95,255,.012);pointer-events:none}
.hero-pill{box-shadow:inset 0 1px rgba(255,255,255,.10),0 0 22px rgba(77,219,240,.06)}
.hero-primary{box-shadow:0 0 0 1px rgba(197,253,255,.16),0 10px 30px rgba(77,219,240,.20);transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s,filter .18s}.hero-primary:hover{transform:translateY(-3px);filter:brightness(1.06);box-shadow:0 0 0 1px rgba(197,253,255,.22),0 16px 36px rgba(77,219,240,.28)}.hero-secondary{background:rgba(7,22,39,.30);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .18s cubic-bezier(.23,1,.32,1),border-color .18s,background .18s}.hero-secondary:hover{transform:translateY(-2px);border-color:rgba(151,237,255,.66);background:rgba(10,36,57,.65)}
.hero-control{overflow:hidden;background:linear-gradient(160deg,rgba(2,15,29,.42),rgba(3,10,25,.86) 72%),var(--control-center-image) center/cover!important;box-shadow:inset 0 1px rgba(255,255,255,.14),inset 0 0 80px rgba(42,190,244,.075),0 28px 70px rgba(0,0,0,.37),0 0 52px rgba(70,178,222,.07)}.hero-control:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(118deg,rgba(80,223,242,.11),transparent 22%,transparent 74%,rgba(131,90,255,.12));pointer-events:none}.hero-control:after{content:"";position:absolute;width:150%;height:1px;left:-25%;top:24%;background:linear-gradient(90deg,transparent,rgba(189,250,255,.45),transparent);box-shadow:0 0 17px rgba(77,219,240,.25);opacity:.45;pointer-events:none}.hero-control-top,.hero-control-bottom{position:relative;z-index:1}.hero-service-grid span{background:rgba(2,13,29,.48);border-color:rgba(183,235,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.parity-plan-card{background:linear-gradient(155deg,rgba(14,38,58,.72),rgba(4,14,28,.71) 58%,rgba(4,10,23,.88));box-shadow:inset 0 1px rgba(255,255,255,.055),0 20px 42px rgba(0,0,0,.16)}.parity-plan-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(157,244,255,.07),transparent 28%,transparent 72%,rgba(135,89,255,.05))}.parity-plan-card>*{position:relative;z-index:1}.parity-plan-card:hover{box-shadow:inset 0 1px rgba(255,255,255,.10),0 23px 50px rgba(0,0,0,.32),0 0 32px rgba(77,219,240,.11)}
.catalog-cta{box-shadow:0 8px 22px rgba(77,219,240,.12);transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s,filter .16s}.catalog-cta:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 12px 26px rgba(77,219,240,.24)}.catalog-cta:active{transform:scale(.97)}
.gaming-band{overflow:hidden;background:linear-gradient(100deg,rgba(24,9,50,.84),rgba(8,17,36,.62) 58%,rgba(4,10,25,.82)),var(--gaming-network-image) center/cover!important;box-shadow:inset 0 1px rgba(255,255,255,.09),0 18px 44px rgba(0,0,0,.18),0 0 45px rgba(155,98,255,.07)}.gaming-band:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(135,76,255,.13),transparent 46%,rgba(77,219,240,.045))}.gaming-band>*{position:relative;z-index:1}.gaming-band a{background:rgba(14,9,38,.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.1),0 0 22px rgba(175,139,255,.13);transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s,border-color .18s}.gaming-band a:hover{transform:translateY(-2px);border-color:rgba(207,184,255,.7);box-shadow:inset 0 1px rgba(255,255,255,.15),0 0 30px rgba(175,139,255,.23)}
.why-image{overflow:hidden;background:linear-gradient(to top,rgba(1,7,18,.96),rgba(3,14,31,.28)),var(--control-center-image) 65% center/cover!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 42px rgba(0,0,0,.19)}.why-image:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(77,219,240,.17),transparent 36%);pointer-events:none}.why-image>*{position:relative;z-index:1}.why-cards article{background:rgba(7,22,40,.50);box-shadow:inset 0 1px rgba(255,255,255,.05);transition:transform .18s cubic-bezier(.23,1,.32,1),border-color .18s,background .18s}.why-cards article:hover{transform:translateY(-4px);border-color:rgba(77,219,240,.42);background:rgba(9,33,52,.68)}
.shop-filter-panel{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(10,34,54,.72),rgba(3,12,27,.64))}.shop-filter-panel:after{content:"";position:absolute;right:-80px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(77,219,240,.13),transparent 68%);pointer-events:none}.shop-filter-panel>*{position:relative;z-index:1}
.console-side{background:linear-gradient(180deg,rgba(3,13,27,.81),rgba(2,8,19,.88))!important;backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);box-shadow:inset -1px 0 rgba(190,241,255,.04),16px 0 46px rgba(0,0,0,.13)}.console-panel,.resource-card,.resource-workspace,.admin-panel{background:linear-gradient(145deg,rgba(11,32,52,.58),rgba(3,12,26,.67))!important;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);box-shadow:inset 0 1px rgba(255,255,255,.055),0 14px 38px rgba(0,0,0,.14)}.console-nav a{transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s,color .16s}.console-nav a:hover{transform:translateX(3px);background:rgba(77,219,240,.09)}.console-bell{box-shadow:0 0 22px rgba(77,219,240,.13)}
@media(prefers-reduced-motion:no-preference){.hero-grid-lines{animation:grid-breathe 7s ease-in-out infinite}.hero-control{animation:panel-float 7s ease-in-out infinite}.hero-control:after{animation:scan-line 6s ease-in-out infinite}.gaming-band:before{animation:aurora-drift 9s ease-in-out infinite}.why-cards article:nth-child(2){animation:card-rise .7s .10s cubic-bezier(.23,1,.32,1) both}.why-cards article:nth-child(3){animation:card-rise .7s .18s cubic-bezier(.23,1,.32,1) both}}
@keyframes grid-breathe{0%,100%{opacity:.58;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}@keyframes panel-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes scan-line{0%,20%{transform:translateY(-20px);opacity:0}40%,62%{opacity:.46}100%{transform:translateY(280px);opacity:0}}@keyframes aurora-drift{0%,100%{opacity:.58;transform:translateX(-2%)}50%{opacity:1;transform:translateX(2%)}}@keyframes card-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.market-header{margin-top:8px;padding:0 12px;border-radius:15px}.market-account{padding:9px 13px}.hero-control{min-height:310px}.hero-control h2{max-width:310px}.gaming-band{background-position:64% center!important}.why-image{min-height:250px}.console-side{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* ===== Upgrade schermate & titoli (stile homepage) ===== */
.console-shell{position:relative}
.console-shell:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(42vw 42vw at 16% 6%,rgba(77,219,240,.12),transparent 60%),radial-gradient(46vw 46vw at 94% 98%,rgba(175,139,255,.12),transparent 62%);animation:hv-aura 14s ease-in-out infinite alternate}
.console-shell>*{position:relative;z-index:1}
@keyframes hv-aura{0%{opacity:.6}100%{opacity:1}}

.eyebrow{position:relative;display:inline-flex;align-items:center;gap:10px;color:var(--cyan);font-family:"DM Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.eyebrow:before{content:"";width:24px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan));box-shadow:0 0 9px rgba(77,219,240,.6)}

.console-shell .console-top h1{margin:7px 0 0;font-family:"Playfair Display",Georgia,serif;font-size:clamp(34px,3.7vw,56px);line-height:1.0;letter-spacing:-.05em;background:linear-gradient(100deg,#ffffff 24%,#cdf3ff 54%,#a7ddff 80%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.console-shell .console-top h1 em{font-style:normal;-webkit-text-fill-color:var(--cyan);color:var(--cyan)}
.console-shell .console-top h1:after{content:"";display:block;width:56px;height:3px;margin-top:14px;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 16px rgba(77,219,240,.55)}
.console-shell .console-hero h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(28px,3.3vw,46px);line-height:1.06;letter-spacing:-.045em}
.console-shell .console-hero h2 em{font-style:normal;color:var(--cyan)}
.console-shell .console-hero>div>p{font-family:"DM Mono",monospace;letter-spacing:.18em;font-size:11px;color:var(--cyan);font-weight:600}

.console-shell .console-panel,.console-shell .resource-card{position:relative;transition:transform .26s cubic-bezier(.23,1,.32,1),border-color .26s,box-shadow .26s}
.console-shell .console-panel:hover,.console-shell .resource-card:hover{transform:translateY(-4px);border-color:rgba(77,219,240,.5);box-shadow:inset 0 1px rgba(255,255,255,.08),0 26px 56px rgba(0,0,0,.34),0 0 38px rgba(77,219,240,.12)}
.console-shell .console-panel:after,.console-shell .resource-card:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(97,228,243,.07),transparent 32%,transparent 68%,rgba(141,109,255,.07));opacity:0;transition:opacity .35s}
.console-shell .console-panel:hover:after,.console-shell .resource-card:hover:after{opacity:1}
.console-shell .console-panel>*,.console-shell .resource-card>*{position:relative;z-index:1}
.console-shell .console-metrics article{transition:transform .26s cubic-bezier(.23,1,.32,1),box-shadow .26s,border-color .26s}
.console-shell .console-metrics article:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.3),0 0 30px rgba(77,219,240,.14)}

.market-shell .parity-plan-card{transition:transform .26s cubic-bezier(.23,1,.32,1),border-color .26s,box-shadow .26s}
.market-shell .parity-plan-card:hover{transform:translateY(-6px);border-color:rgba(77,219,240,.5)}
.market-shell .parity-hero h1 em,.market-shell .catalog-head h2 em,.market-shell .shop-filter-panel h1 em{color:var(--cyan);font-style:normal}
.market-shell .catalog-head h2,.market-shell .shop-filter-panel h1{font-family:"Playfair Display",Georgia,serif;letter-spacing:-.05em}
.market-shell .catalog-head h2:after,.market-shell .shop-filter-panel h1:after{content:"";display:block;width:60px;height:3px;margin-top:16px;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 16px rgba(77,219,240,.5)}
.market-shell:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(40vw 40vw at 10% 90%,rgba(77,219,240,.10),transparent 60%),radial-gradient(44vw 44vw at 92% 8%,rgba(175,139,255,.10),transparent 62%);animation:hv-aura 16s ease-in-out infinite alternate}

.button{transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s,border-color .2s}.button:hover{transform:translateY(-2px)}
.resource-open{transition:transform .2s,filter .2s,box-shadow .2s}.resource-open:hover{transform:translateY(-2px);box-shadow:0 0 22px rgba(77,219,240,.2)}

@media(prefers-reduced-motion:no-preference){
.console-shell .console-hero{animation:hv-fade .7s cubic-bezier(.23,1,.32,1) both}
.console-shell .console-panel{animation:hv-fade .7s cubic-bezier(.23,1,.32,1) both}
.console-shell .console-panel:nth-of-type(2){animation-delay:.09s}
.console-shell .resource-card{animation:hv-fade .6s cubic-bezier(.23,1,.32,1) both}
.console-shell .console-metrics article{animation:hv-fade .6s cubic-bezier(.23,1,.32,1) both}
.console-shell .console-metrics article:nth-child(2){animation-delay:.07s}
.console-shell .console-metrics article:nth-child(3){animation-delay:.14s}
.console-shell .console-metrics article:nth-child(4){animation-delay:.21s}
.console-shell .console-top h1{background-size:220% 100%;animation:hv-shine 7s linear infinite}
}
@keyframes hv-fade{from{opacity:0}to{opacity:1}}
@keyframes hv-shine{0%{background-position:0% 0}100%{background-position:220% 0}}

/* Schermate legacy (layout_start: register, admin utenti/ticket, risorse) */
.section{padding-top:10px}
.section h1{font-family:"Playfair Display",Georgia,serif;letter-spacing:-.05em;background:linear-gradient(100deg,#fff 24%,#cdf3ff 56%,#a7ddff 82%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.section h1:after{content:"";display:block;width:60px;height:3px;margin-top:16px;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 16px rgba(77,219,240,.5)}
.section h1 em{font-style:normal;-webkit-text-fill-color:var(--cyan);color:var(--cyan)}
.panel,.card{position:relative;transition:transform .26s cubic-bezier(.23,1,.32,1),border-color .26s,box-shadow .26s}
.panel:hover,.card:hover{transform:translateY(-4px);border-color:rgba(77,219,240,.5);box-shadow:inset 0 1px rgba(255,255,255,.08),0 24px 52px rgba(0,0,0,.32),0 0 34px rgba(77,219,240,.12)}

