:root{color-scheme:light;--navy:#122a4b;--blue:#234b76;--gold:#dcae40;--cream:#fffaf0;--muted:#5d6877}*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#14283f;background:linear-gradient(135deg,#f9f5ea 0%,#e8eff7 100%);min-height:100vh}button,input{font:inherit}a{color:#154d82}button{cursor:pointer}header{background:var(--navy);color:white;padding:12px max(5%,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.logo{font-weight:900;letter-spacing:.03em}.logo span{color:#f4c969}.headerlink{color:white;text-decoration:none;font-size:.92rem}.wrap{max-width:1100px;margin:auto;padding:26px 20px 70px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:stretch}.hero-intro{background:linear-gradient(135deg,#102642,#1d4b72);color:white;border-radius:22px;padding:34px;position:relative;overflow:hidden}.hero-intro:after{content:'A1';font-family:Georgia,serif;position:absolute;right:-10px;bottom:-90px;font-size:260px;color:#ffffff09}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#f7d07a;font-weight:800;font-size:.77rem}h1{font-size:clamp(2.05rem,4vw,3.35rem);line-height:1.12;margin:12px 0}h2{font-size:1.5rem;line-height:1.2;margin:0 0 14px}h3{margin:5px 0 10px}.hero-intro p{max-width:44ch}.feature{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.feature span{border:1px solid #ffffff50;background:#ffffff16;padding:5px 12px;border-radius:30px;font-size:.9rem}.panel{background:white;border:1px solid #d5e0eb;border-radius:22px;padding:25px;box-shadow:0 10px 28px #173b6220}.muted,.hint{color:var(--muted);font-size:.92rem}.buttons{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary,.ghost{border:0;border-radius:11px;padding:11px 17px;font-weight:750}.primary{background:#e9b747;color:#162b42}.secondary{background:#174871;color:white}.ghost{background:#e9eef4;color:var(--navy)}.primary:hover,.secondary:hover,.ghost:hover{filter:brightness(.95)}label{display:block;font-weight:700;font-size:.9rem;margin:12px 0 5px}input{width:100%;border:1px solid #aab7c5;border-radius:11px;padding:12px;background:white}input:focus,button:focus-visible,a:focus-visible{outline:3px solid #c69a25;outline-offset:2px}.tabs{display:flex;gap:8px;margin:12px 0}.tabs button{border:1px solid #bfccda;border-radius:9px;padding:8px 13px;background:white}.tabs button[aria-pressed=true]{background:#173f68;color:white}.message{margin-top:12px;min-height:22px}.message.error{color:#a32626}.message.ok{color:#126a4a}.hide{display:none!important}.status{display:inline-block;border-radius:50px;background:#e5f2ec;color:#21674e;padding:5px 12px;font-size:.86rem;font-weight:750}.status.off{background:#f1ece0;color:#705221}.bar{background:#e5ecf4;height:9px;border-radius:10px;overflow:hidden}.bar>div{height:100%;background:linear-gradient(90deg,#dcae40,#285c89);width:80%}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:30px 0 16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:white;border:1px solid #d5e0eb;border-radius:17px;padding:20px;min-height:190px;box-shadow:0 4px 18px #173b620d}.card .number{display:inline-grid;place-items:center;background:#ecf2f7;border-radius:10px;color:#174871;font-size:.85rem;font-weight:900;height:30px;min-width:37px}.card p{font-size:.9rem;color:var(--muted)}.card .buttons{margin-top:15px}.card a{display:inline-block;background:#f1f5fa;padding:9px 13px;border-radius:9px;font-weight:750;text-decoration:none}.lock{opacity:.7}.lock a{display:none}.appinfo{margin-top:28px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.foot{margin-top:24px;padding-top:20px;border-top:1px solid #cbd7e1;color:#667383;font-size:.82rem}.foot a{color:#425b73}@media(max-width:800px){.hero{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.cards{grid-template-columns:1fr}.hero-intro,.panel{padding:22px}.wrap{padding:15px 12px 45px}}

/* Homepage A1 — restyling 2026, senza modificare autenticazione e contenuti */
:root{--navy:#143c40;--blue:#235f62;--gold:#f3c978;--cream:#fffaf0;--muted:#677775;--green:#1a7567}
html{scroll-behavior:smooth}body{background:#f7f9f5;color:#1c3638;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.site-nav{background:#fff;border-bottom:1px solid #e2ece6;box-shadow:0 5px 22px #183b3210;padding:15px max(5%,calc((100% - 1160px)/2));position:relative;z-index:3;gap:20px}
.site-nav .logo{display:flex;align-items:center;gap:12px;color:#1c4541;text-decoration:none;letter-spacing:0}
.logo-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:white;background:#167365;font-weight:900;font-size:1.15rem;box-shadow:0 6px 16px #16736530}
.logo-name{font-size:1rem;font-weight:900;line-height:1.05}.logo-name strong{color:#197b6b}.logo-name small{display:block;font-size:.65rem;letter-spacing:.16em;color:#789085;margin-top:6px;font-weight:700}
.header-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.header-actions a{font-size:.89rem;color:#294c48;text-decoration:none;font-weight:700}.header-actions a:hover{color:#137663}.header-actions .nav-cta{padding:11px 16px;background:#176b5b;color:white;border-radius:11px;box-shadow:0 6px 13px #176b5b18}.header-actions .nav-cta:hover{background:#125949;color:white}
.wrap{max-width:1190px;padding:30px 18px 75px}
.hero{grid-template-columns:minmax(0,1.54fr) minmax(330px,.91fr);gap:18px;align-items:stretch}
.hero-intro{background:linear-gradient(115deg,#113b40 0%,#18695e 100%);border-radius:23px;min-height:510px;padding:46px 38px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(175px,.80fr);gap:8px;align-items:center;isolation:isolate;box-shadow:0 18px 35px #0d4d3a20}
.hero-intro::before{content:"";position:absolute;inset:auto -18% -75% 15%;height:110%;border-radius:50%;border:1px solid #ffffff1a;z-index:-1}.hero-intro::after{content:none}
.hero-copy{position:relative;z-index:2}
.eyebrow{display:flex;gap:9px;align-items:center;color:#c8edd9;letter-spacing:.11em;font-size:.7rem;line-height:1.5}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#f5ce79;box-shadow:0 0 0 4px #f5ce791d;flex:none}
.hero-intro h1{font-size:clamp(2.35rem,3.6vw,3.35rem);font-weight:860;letter-spacing:-.055em;line-height:1.09;margin:21px 0 16px;max-width:470px}
.title-highlight{color:#ffd88c;display:block}
.hero-intro p{font-size:.95rem;line-height:1.72;color:#e7f4ed;margin:0;max-width:390px}
.hero-features{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.hero-features span{padding:8px 10px;border:1px solid #d0f1df55;border-radius:9px;color:#e8f7ed;font-size:.76rem;background:#fafffa0c}.hero-features b{color:#ffdd9e;font-size:.94rem}
.hero-buttons{margin-top:29px;align-items:center;gap:9px}
.hero-primary,.hero-secondary{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:10px;padding:12px 15px;min-height:43px;font-weight:800;font-size:.83rem;text-decoration:none;white-space:nowrap}
.hero-primary{background:#ffce7b;color:#224434;box-shadow:0 7px 20px #112b2018}.hero-primary:hover{background:#ffe2a6}
.hero-secondary{color:#fff;background:#ffffff19;border:1px solid #ffffff62}.hero-secondary:hover{background:#ffffff2f}
.instructions-link{margin-top:14px;color:#d9efe6;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;padding:0;font-size:.79rem;cursor:pointer}
.hero-intro .install-info{font-size:.75rem;line-height:1.4;margin-top:7px;color:#e6f3ea}
.hero-art{position:relative;height:360px;min-width:180px;align-self:center}
.sun{position:absolute;width:215px;height:215px;border-radius:50%;left:10%;top:24%;background:radial-gradient(circle,#fff8d4aa,#ffbf7050 60%,#f5cc5100 70%);filter:blur(1px)}
.visual-book{position:absolute;top:9%;left:22%;width:205px;height:285px;border-radius:4px 13px 13px 4px;background:linear-gradient(135deg,#fff9e7,#f9d8a5);box-shadow:12px 16px 0 -7px #e9c38f,16px 24px 35px #002d2f55, inset -8px 0 16px #e3ba7b33;transform:rotate(-8deg);overflow:hidden;color:#13554e;padding:26px 20px;display:flex;flex-direction:column}
.book-spine{position:absolute;top:0;left:0;bottom:0;width:10px;background:#bf835a55}.cover-top{font-size:.7rem;letter-spacing:.19em;font-weight:900}.cover-level{font-family:Georgia,serif;font-weight:900;font-size:6.2rem;letter-spacing:-.095em;line-height:1;margin:4px 0}.cover-level span{color:#dd825a}.cover-divider{height:3px;width:58px;background:#e4a15c;border-radius:5px;margin:3px 0 15px}.cover-note{font-size:.79rem;letter-spacing:.18em;font-weight:900;line-height:1.85}.cover-bottom{margin-top:auto;font-size:.53rem;letter-spacing:.14em;font-weight:850}
.book-shadow{position:absolute;bottom:2%;left:15%;width:220px;height:32px;background:#032f32aa;filter:blur(20px);border-radius:50%}
.hero-spark{position:absolute;color:#ffdf99;font-size:2.1rem}.spark-one{top:2%;right:5%}.spark-two{bottom:4%;left:2%}
.floating-note{position:absolute;z-index:2;font-size:.66rem;font-weight:850;color:#21524b;background:#fffdf0;padding:9px 10px;border-radius:9px;box-shadow:0 8px 22px #103d3c35;white-space:nowrap}.note-a{top:23%;left:-6%;transform:rotate(4deg)}.note-b{bottom:13%;right:-3%;transform:rotate(-3deg)}
.account-panel{border:1px solid #e0e9e3;box-shadow:0 15px 28px #12382d12;padding:31px 26px;border-radius:23px;background:#fff}
.account-eyebrow{font-size:.74rem;font-weight:900;letter-spacing:.10em;color:#1d806b;margin-bottom:12px}
.account-panel h2{font-size:1.55rem;letter-spacing:-.032em;line-height:1.2;margin-bottom:12px}
.account-panel #account-status{line-height:1.6;color:#667e74;font-size:.86rem}
.account-panel .tabs{margin-top:21px;background:#f0f5f1;padding:5px;border-radius:11px;gap:5px;display:grid;grid-template-columns:1fr 1fr}
.account-panel .tabs button{border:0;background:transparent;border-radius:8px;padding:10px 9px;color:#43675e;font-weight:780;font-size:.84rem}
.account-panel .tabs button[aria-pressed=true]{background:white;color:#0d6e59;box-shadow:0 2px 7px #174e4018}
.account-panel label{font-weight:760;color:#324e46;margin:13px 0 6px;font-size:.83rem}
.account-panel input{background:#fafdff;border-color:#d4dfd8;min-height:45px;font-size:.9rem}
.account-panel input:focus{border-color:#2b947c;outline:3px solid #abddd122}
.account-panel #submit-auth{width:100%;background:#176b58;color:#fff;padding:12px 16px;min-height:45px;margin-top:6px}
.account-panel #submit-auth:hover{background:#105844}
.account-panel .hint{font-size:.76rem;color:#7a8d84}
.account-panel .message{font-size:.84rem;line-height:1.55}
.sectionhead{margin:48px 0 20px;align-items:end}.section-eyebrow{color:#257d68;font-weight:900;letter-spacing:.16em;font-size:.7rem;margin-bottom:8px}.sectionhead h2{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.035em;line-height:1.2;margin:0 0 8px}.sectionhead .muted{font-size:.9rem}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.card{border-color:#dde9e2;box-shadow:0 8px 22px #1c5d4010;border-radius:16px;min-height:210px;padding:23px;transition:transform .2s ease,box-shadow .2s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #1b604020}
.card h3{font-size:1.13rem;line-height:1.35;letter-spacing:-.02em;margin:13px 0 7px}.card .number{background:#e7f4ed;color:#15725d;width:41px;height:34px}
.card .buttons{display:flex;gap:8px;flex-wrap:wrap}.card a{background:#e8f5ee;color:#1b6853;font-size:.83rem}.card a:hover{background:#d9ecdf}
.status{background:#e4f5e9;color:#18694d}.status.off{background:#fff4d9;color:#8e6220}
.appinfo{margin-top:30px;align-items:center;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:21px;background:linear-gradient(110deg,#f1f9f3,#fffdfa);box-shadow:none;border-color:#dbeae0}
.appinfo-icon{font-size:2rem;background:#fff;border-radius:14px;padding:14px}.appinfo-copy h2{font-size:1.45rem;letter-spacing:-.025em;margin:5px 0 10px}.appinfo-copy p{margin:0}
.appinfo a.secondary{border-radius:10px;background:#176b58;color:#fff;padding:12px 16px;white-space:normal;text-align:center;font-weight:790;font-size:.87rem;text-decoration:none}
.foot{padding-top:23px;border-color:#e0e7e2;margin-top:37px}.foot strong{color:#1d6354}.foot p{margin:4px 0 0}
@media(max-width:1080px){.hero{grid-template-columns:minmax(0,1fr) minmax(310px,.87fr)}.hero-intro{grid-template-columns:1fr;padding:32px;min-height:0}.hero-art{display:none}.hero-intro h1{max-width:580px}.hero-intro p{max-width:570px}}
@media(max-width:800px){.hero{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav{align-items:start}.header-actions{gap:14px}.appinfo{grid-template-columns:auto minmax(0,1fr)}.appinfo a.secondary{grid-column:2}}
@media(max-width:580px){.wrap{padding:16px 12px 50px}.site-nav{padding:13px 15px}.header-actions{gap:10px}.header-actions a{font-size:.78rem}.header-actions .nav-cta{padding:8px 10px}.hero-intro{padding:27px 23px}.hero-intro h1{font-size:clamp(2.1rem,9vw,3rem)}.hero-features{gap:6px}.hero-features span{font-size:.7rem}.hero-buttons{flex-wrap:wrap}.cards{grid-template-columns:1fr}.account-panel{padding:24px 20px}.appinfo{display:block}.appinfo-icon{display:inline-block;margin-bottom:8px}.appinfo a.secondary{display:block;margin-top:16px}.sectionhead{margin-top:34px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}