/* Strategie Trading — interfaccia condivisa v2.0 (Fase A) */
:root{--p-bg:#07111e;--p-panel:#101e30;--p-panel-2:#111f32;--p-border:#2a3a53;--p-text:#f2f6ff;--p-muted:#9aacc5;--p-bright:#6be3f1;--p-purple:#8686ff}
.portal-page{background:radial-gradient(ellipse at 12% 3%,rgba(67,56,202,.18),transparent 34%),radial-gradient(ellipse at 91% 28%,rgba(0,160,190,.09),transparent 30%),#07111e;color:var(--p-text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-width:0}
.portal-page *, .portal-nav-wrap *, .portal-footer *, .portal-calculator-crumb *{box-sizing:border-box}
.portal-page a,.portal-nav-wrap a,.portal-footer a,.portal-calculator-crumb a{color:inherit;text-decoration:none}
.portal-page button,.portal-nav-wrap button{font:inherit}
.portal-nav-wrap{position:relative;z-index:50;background:rgba(8,19,33,.95);border-bottom:1px solid rgba(72,93,126,.35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#edf6ff}
.portal-header{max-width:1260px;padding:0 28px;min-height:80px;margin:auto;display:flex;align-items:center;gap:30px;justify-content:space-between}
.portal-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none;color:#f6f8ff}
.portal-brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#4431b4,#06778c);box-shadow:0 0 0 1px rgba(128,140,255,.38) inset;color:white}
.portal-brand-icon svg{width:26px;height:26px}
.portal-brand strong{font-size:19px;line-height:1.12;display:block;letter-spacing:-.025em;color:#f8fbff}
.portal-brand-highlight{color:#67dce9}
.portal-brand small{display:block;font-size:10px;color:#95abc7;letter-spacing:.13em;text-transform:uppercase;font-weight:650;margin-top:4px}
.portal-desktop-nav{display:flex;align-items:center;gap:7px}
.portal-link{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;padding:11px 16px;border:1px solid transparent;color:#b5c4d8!important;font-size:13px;font-weight:680;border-radius:12px;text-decoration:none;transition:background .16s,border-color .16s,color .16s}
.portal-link svg{height:17px;width:17px;flex:none}
.portal-link:hover{color:#fff!important;background:rgba(102,121,152,.13)}
.portal-link.active{color:#f8faff!important;background:rgba(77,70,196,.21);border-color:rgba(130,128,241,.22)}
.portal-nav-wrap a:focus-visible,.portal-page a:focus-visible,.portal-menu-toggle:focus-visible{outline:3px solid #54e1ed;outline-offset:3px}
.portal-menu-toggle{display:none;align-items:center;gap:9px;border:1px solid #41536a;background:#15263b;color:#f6fbff;border-radius:11px;padding:10px 14px;cursor:pointer;font-size:13px;font-weight:700;min-height:44px}
.portal-menu-toggle svg{width:19px}
.portal-mobile-nav[hidden]{display:none!important}
.portal-mobile-nav{max-width:1260px;margin:auto;padding:0 20px 16px;display:flex;flex-direction:column;gap:4px;border-top:1px solid #25374f}
.portal-mobile-nav .portal-link{display:flex;min-height:46px;margin-top:3px}
.portal-container{width:min(1190px,calc(100% - 52px));margin:0 auto;padding:56px 0 82px}
.portal-footer{max-width:1190px;width:calc(100% - 52px);margin:0 auto;padding:22px 0 35px;border-top:1px solid rgba(77,94,125,.34);color:#93a8c1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:12px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.portal-footer p{margin:0}.portal-footer-left{display:flex;align-items:center;gap:10px}.footer-brand{color:#dce9f9;font-weight:720}.footer-separator{color:#5e7492}
.eyebrow,.kicker{font-size:11px;font-weight:850;letter-spacing:.17em;color:#7fdbe9}
.live-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#45dca7;box-shadow:0 0 0 4px rgba(51,196,159,.12);margin-right:9px}
.portal-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:46px;min-height:480px;padding-bottom:18px}
.portal-hero-copy h1{font-size:clamp(34px,4.65vw,59px);letter-spacing:-.055em;line-height:1.12;font-weight:820;margin:19px 0 18px;color:#f8faff}
.portal-hero-copy h1 span{color:#86e5f1}
.portal-hero-copy>p{max-width:600px;margin:0;color:#aabbd1;font-size:16px;line-height:1.72}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:29px}
.portal-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:12px;min-height:48px;text-decoration:none!important;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .18s,border-color .18s,filter .18s}
.portal-button:hover{transform:translateY(-1px)}.portal-button svg{width:18px;height:18px}
.portal-button.primary{color:white!important;background:linear-gradient(110deg,#06a9c4,#5349d8);box-shadow:0 12px 28px rgba(51,65,190,.24)}
.portal-button.primary:hover{filter:brightness(1.13)}
.portal-button.outline{color:#d9e9f9!important;border:1px solid #52647d;background:#122238}
.portal-button.outline:hover{border-color:#89a1c4}
.arrow-small{width:15px!important;height:15px!important}
.hero-caption{display:flex;align-items:center;gap:8px;color:#8fa6c0;font-size:12px;margin-top:18px}
.hero-caption svg{width:15px;height:15px;color:#6adac8}
.portal-hero-visual{min-height:360px;border:1px solid #364769;border-radius:24px;background:radial-gradient(ellipse at 90% 0%,rgba(28,111,147,.19),transparent 60%),linear-gradient(145deg,#192744,#0b1728 80%);box-shadow:0 30px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05);overflow:hidden;transform:perspective(1200px) rotateY(-3deg)}
.visual-top{height:52px;display:flex;align-items:center;gap:7px;padding:0 23px;border-bottom:1px solid #34415a;background:rgba(10,20,38,.45)}.vdot{width:8px;height:8px;background:#72a7cb;border-radius:50%}.vbar{width:28px;height:5px;background:#36536c;border-radius:5px}.vbar.short{width:18px}.vtop-right{margin-left:auto;color:#7e9bad;font-size:10px;letter-spacing:.13em;font-weight:800}
.visual-body{padding:33px 30px 30px}.visual-kicker{font-size:10px;letter-spacing:.18em;color:#7c9fbf;font-weight:850}.visual-main{font-size:48px;line-height:1.07;letter-spacing:-.055em;font-weight:850;color:#d8e6ff;margin:20px 0 16px}.visual-main span{color:#72ddec}
.visual-line{height:56px;display:flex;align-items:end;gap:8px;opacity:.72;margin-bottom:19px}.visual-line span{border-top:2px solid #39b7d8;border-right:2px solid #39b7d8;flex:1;transform:skew(-28deg)}.line-a{height:13px}.line-b{height:35px}.line-c{height:23px}.line-d{height:48px}
.visual-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px}.visual-stats>div{background:#0c192b;border:1px solid #2e4057;border-radius:11px;padding:14px}.visual-stats small{display:block;color:#8ea6c2;font-size:10px;letter-spacing:.1em}.visual-stats strong{display:block;color:#e2f3ff;margin-top:5px;font-size:12px}
.portal-section{margin-top:61px}.section-title{display:flex;justify-content:space-between;gap:15px;margin-bottom:23px}.section-title h2{font-size:clamp(24px,3vw,31px);letter-spacing:-.035em;margin:8px 0 4px}.section-title p{color:#a1b3c8;margin:0;font-size:14px}
.portal-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.portal-feature-card{padding:26px 24px 22px;background:linear-gradient(160deg,#15243a,#0e1b2b);border:1px solid #30425b;border-radius:19px;display:flex;align-items:flex-start;flex-direction:column;min-height:300px;color:#eaf4ff!important;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
.portal-feature-card:hover{transform:translateY(-4px);border-color:#627fa9;box-shadow:0 16px 36px rgba(0,0,0,.19)}
.feature-icon,.source-icon{display:grid;place-items:center;border:1px solid rgba(154,170,218,.15);border-radius:12px;width:46px;height:46px;flex:none}
.feature-icon svg{width:23px;height:23px}.icon-blue,.source-icon.blue{background:rgba(53,117,232,.14);color:#7aaffe}.icon-violet,.source-icon.violet{background:rgba(115,93,248,.16);color:#aaa1ff}.icon-cyan,.source-icon.cyan{background:rgba(31,174,200,.13);color:#70e9f0}
.pill{font-size:10px;font-weight:800;letter-spacing:.03em;padding:5px 9px;border:1px solid rgba(100,118,155,.42);border-radius:30px;color:#b6c5d8;margin-top:16px}
.pill.ready{border-color:rgba(61,194,155,.35);background:rgba(32,170,124,.12);color:#75ddba}.pill.muted{color:#9fb3cc;background:rgba(65,79,107,.19)}.pill.neutral{color:#c2b4ff;background:rgba(97,84,194,.17)}
.portal-feature-card h3{font-size:21px;margin:13px 0 8px;letter-spacing:-.024em}.portal-feature-card p{font-size:13px;color:#9fb1c9;line-height:1.7;margin:0 0 22px}
.feature-arrow{display:flex;gap:8px;align-items:center;color:#7ee5ef;margin-top:auto;font-size:12px;font-weight:800}.feature-arrow svg{width:16px;height:16px}
.two-col-info{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.info-content h2{font-size:clamp(25px,3vw,37px);line-height:1.18;letter-spacing:-.04em;margin:13px 0 14px}.info-content h2 span{color:#84ddeb}.info-content p{color:#a5b7ce;line-height:1.75;font-size:14px;max-width:500px}.text-link{display:inline-flex;align-items:center;gap:7px;color:#75deec!important;margin-top:12px;font-size:13px;font-weight:800}.text-link svg{width:16px;height:16px}
.portal-info-panel{border:1px solid #30435d;background:#101e31;border-radius:20px;padding:26px}.info-icon{color:#7adff0}.info-icon svg{width:24px;height:24px}.portal-info-panel h3{font-size:18px;margin:9px 0 17px}.roadmap-line{display:flex;align-items:center;gap:13px;border-top:1px solid #2c3d53;padding:13px 0}.roadmap-line>span:first-child{color:#65a4c6;font-size:11px;font-weight:900}.roadmap-line>div{min-width:0;flex:1}.roadmap-line strong{display:block;font-size:12px}.roadmap-line small{display:block;color:#91a7c1;font-size:11px;margin-top:3px}.phase-tag{font-size:10px;color:#9cabc2;white-space:nowrap}.phase-tag.ready{color:#60d8ab}
.page-top{margin:0 0 40px}.crumb,.crumb-current{font-size:12px;color:#8da9c9!important}.crumb{margin-right:6px}.crumb-current{color:#e1ebf7}.page-title-row{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-top:21px}.page-title-row h1{font-size:clamp(32px,5vw,48px);letter-spacing:-.05em;margin:8px 0 7px;line-height:1.15}.page-title-row p{color:#abbcd1;margin:0;max-width:650px}.status-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid #49546b;background:#18263a;border-radius:30px;padding:9px 12px;color:#b6c7da;font-size:11px;font-weight:790;white-space:nowrap}.status-tag svg{width:15px;height:15px}.status-tag.pending{color:#f0c688;border-color:rgba(213,162,75,.35);background:rgba(161,115,40,.11)}.status-tag.ready-tag{color:#69dbb5;border-color:rgba(62,189,151,.33);background:rgba(30,137,106,.13)}.status-tag.neutral-tag{color:#bbb2ff}
.register-alert{display:flex;gap:20px;align-items:start;padding:29px;border-radius:19px;border:1px solid rgba(202,147,68,.3);background:linear-gradient(115deg,rgba(148,103,38,.14),rgba(19,31,47,.94));margin-bottom:44px}.register-alert.quiet{background:#121f32;border-color:#33455e}.alert-icon{display:grid;place-items:center;background:rgba(245,176,64,.14);color:#eac58a;width:50px;height:50px;border-radius:14px;flex:none}.quiet .alert-icon{background:rgba(42,137,153,.16);color:#7addeb}.register-alert h2{font-size:20px;margin:1px 0 8px}.register-alert p{color:#bac8d8;font-size:13px;margin:0;line-height:1.7}
.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.source-card{border:1px solid #304259;border-radius:16px;background:#111f32;padding:20px;display:flex;flex-direction:column;align-items:start;gap:12px}.source-icon svg{width:22px;height:22px}.source-card h3{font-size:17px;margin:0 0 5px}.source-card p{font-size:13px;color:#9db1ca;line-height:1.6;margin:0}.source-status{font-size:11px;color:#90a5bc;background:#1b2d43;border:1px solid #34475f;padding:5px 10px;border-radius:20px;margin-top:auto}
.future-panel{border:1px dashed #415775;background:linear-gradient(140deg,#14233a,#0d1b2b);border-radius:19px;padding:29px}.future-panel-top{display:flex;align-items:start;gap:17px}.future-icon{color:#7ad7e7}.future-icon svg{width:32px;height:32px}.future-panel h2{font-size:20px;margin:0 0 7px}.future-panel p{font-size:13px;color:#a2b5ca;line-height:1.65;margin:0}.future-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 14px}.future-chips span{padding:9px 12px;background:#15253c;border:1px solid #30445e;border-radius:10px;font-size:11px;color:#c2d2e5;font-weight:690}.future-warning{color:#d1b780!important}
.strategies-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.strategy-card{border:1px solid #31445e;border-radius:18px;background:#101f32;padding:25px;min-height:280px;display:flex;flex-direction:column}.strategy-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.strategy-card-head .feature-icon{margin:0}.strategy-label{font-size:10px;border:1px solid #364c69;color:#adc1d8;padding:6px 9px;border-radius:30px;white-space:nowrap}.strategy-card h2{font-size:20px;letter-spacing:-.02em;margin:24px 0 9px}.strategy-card p{font-size:13px;color:#a1b5cc;line-height:1.75;margin:0 0 18px}.strategy-footer{border-top:1px solid #283b53;margin-top:auto;padding-top:16px}.strategy-footer span{display:flex;align-items:center;gap:7px;font-size:11px;color:#91a5bf}.strategy-footer svg{width:14px;height:14px}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{display:flex;flex-direction:column;border:1px solid #34445c;border-radius:21px;background:#101e31;min-height:370px;overflow:hidden;color:#f3f6ff!important;text-decoration:none}.primary-tool{transition:transform .18s,border-color .18s}.primary-tool:hover{transform:translateY(-3px);border-color:#72bdd0}.tool-card-art{height:132px;background:radial-gradient(ellipse at 80% 20%,rgba(65,220,231,.2),transparent 45%),linear-gradient(110deg,#25366b,#12223e);display:grid;place-items:center;color:#91e9f0}.tool-card-art svg{width:60px;height:60px;stroke-width:1.2}.muted-art{background:linear-gradient(110deg,#17243a,#111e30);color:#738aa4}.tool-card-body{padding:25px;display:flex;flex:1;flex-direction:column;align-items:start}.tool-card-body .pill{margin-top:0}.tool-card h2{font-size:23px;margin:15px 0 9px}.tool-card p{font-size:13px;line-height:1.7;color:#a9bad0;margin:0 0 25px}.tool-card .portal-button,.tools-bottom{margin-top:auto}.tools-bottom{display:flex;align-items:center;gap:9px;color:#a1b1c6;font-size:12px}.tools-bottom svg{width:16px;height:16px}
.portal-calculator-crumb{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;max-width:1220px;width:calc(100% - 36px);margin:23px auto -18px;color:#94afcb;font-size:12px}.portal-calculator-crumb a{color:#7ee0eb!important}.portal-calculator-crumb strong{color:#dbe8f7;font-weight:700}.portal-calculator-crumb span{padding:0 6px}
body:not(.portal-page)>.portal-footer{width:calc(100% - 36px);max-width:1220px}
@media(max-width:1080px){.portal-hero{gap:25px;grid-template-columns:1.05fr .95fr}.visual-main{font-size:38px}.portal-feature-card{padding:21px}.two-col-info{gap:25px}.portal-header{padding:0 23px}.portal-link{padding:10px 12px}}
@media(max-width:820px){.portal-desktop-nav{display:none}.portal-menu-toggle{display:inline-flex}.portal-header{min-height:69px;padding:0 20px}.portal-container{padding-top:35px}.portal-hero{grid-template-columns:1fr;gap:30px}.portal-hero-visual{max-width:640px;width:100%;min-height:300px;transform:none}.portal-card-grid,.source-grid,.strategies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-card-grid>.portal-feature-card:last-child{grid-column:span 2}.two-col-info{grid-template-columns:1fr}.page-title-row{align-items:start}.status-tag{align-self:start}}
@media(max-width:600px){.portal-container,.portal-footer{width:calc(100% - 32px)}.portal-brand strong{font-size:17px}.portal-brand small{font-size:9px}.portal-header{padding:0 16px}.portal-menu-toggle span{display:none}.portal-menu-toggle{padding:10px}.portal-hero-copy h1{font-size:34px}.portal-hero-copy>p{font-size:14px}.portal-hero-visual{min-height:278px}.visual-body{padding:25px 22px}.visual-main{font-size:35px}.visual-stats{grid-template-columns:1fr}.visual-stats>div{padding:10px}.visual-stats>div+div{display:none}.portal-card-grid,.source-grid,.strategies-grid,.tool-grid{grid-template-columns:1fr}.portal-card-grid>.portal-feature-card:last-child{grid-column:auto}.portal-feature-card{min-height:260px}.portal-section{margin-top:43px}.portal-footer{flex-direction:column;align-items:start;gap:9px}.page-title-row{flex-direction:column;align-items:start}.page-title-row h1{font-size:35px}.register-alert{padding:19px;gap:13px}.alert-icon{width:40px;height:40px;flex:none}.alert-icon svg{width:20px}.register-alert h2{font-size:16px}.tool-card{min-height:320px}.future-panel{padding:19px}.portal-calculator-crumb{width:calc(100% - 28px)}}
@media(max-width:360px){.portal-button{white-space:normal;text-align:center;width:100%}.hero-actions{display:grid;grid-template-columns:1fr;width:100%}.portal-brand-icon{width:38px;height:38px}.portal-menu-toggle{min-width:44px;justify-content:center}.portal-info-panel{padding:19px}.portal-calculator-crumb{margin-bottom:-12px}}
@media(prefers-reduced-motion:reduce){.portal-feature-card,.portal-button,.primary-tool,.portal-link{transition:none!important}}