:root{--bg:#100d16;--panel:#17131f;--panel2:#201a2a;--line:#322a3d;--muted:#a49bae;--text:#f4f0f7;--violet:#b594f6;--accent:#9c71ec;--green:#9bddbc;--red:#ee8d9c;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 7.1%;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.065);gap:40px}.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:800;letter-spacing:.055em;font-size:13px}.brand sup{font-size:8px;position:relative;top:-.25em}.brand small{display:block;font:500 8px var(--font);letter-spacing:.32em;color:#aaa0b5;margin-top:2px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#272033;color:#d8c5ff;font:800 17px var(--display);border:1px solid #443751}.topbar nav{display:flex;gap:29px;margin-left:auto;color:#b8b0c0;font-size:13px}.topbar nav a:hover,.footer-links a:hover{color:var(--violet)}.quiet-button{border:1px solid #50445c;border-radius:8px;background:none;padding:10px 18px;color:var(--text);font:600 12px var(--font);cursor:pointer}.quiet-button:hover,.secondary-button:hover{background:#282132}.hero{min-height:510px;padding:85px 10.5% 76px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 81% 43%,rgba(109,67,145,.17),transparent 36%),linear-gradient(120deg,#100d16 54%,#15101c)}.hero-copy{max-width:535px;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;color:#bca6dd}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow i,.live-dot{display:block;width:7px;height:7px;background:#bd91f1;border-radius:50%;box-shadow:0 0 15px #a976eb}.hero h1{font:600 clamp(39px,5.1vw,66px)/1.12 var(--display);letter-spacing:-.055em;margin:25px 0 19px}.hero h1 span{color:#bba1e8}.hero-copy>p{max-width:420px;color:#ada4b6;line-height:1.75;margin:0 0 27px;font-size:14px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;border:0;border-radius:7px;background:#9b77d4;padding:14px 18px;color:#160f20;font:700 12px var(--font);cursor:pointer;transition:.2s}.primary-button:hover{background:#c0a2f2;transform:translateY(-1px)}.primary-button span{font-size:16px}.hero-note{display:flex;align-items:center;gap:9px;margin-top:25px;color:#8f8797;font-size:11px}.live-dot{width:6px;height:6px;background:#93d6b0;box-shadow:0 0 10px #72b48d}.hero-art{height:330px;position:relative;display:grid;place-items:center}.art-ring{position:absolute;border:1px solid rgba(184,143,229,.18);border-radius:50%;width:350px;height:350px}.ring-two{width:290px;height:290px;border-color:rgba(184,143,229,.12)}.art-disc{width:235px;height:235px;border-radius:50%;background:repeating-radial-gradient(circle at center,#2a2330 0 1px,#19151e 2px 4px,#221b29 5px 7px);box-shadow:0 18px 65px rgba(0,0,0,.42),inset 0 0 38px #09070c;display:grid;place-items:center;position:relative}.art-disc:before{content:'';position:absolute;inset:14px;border:1px solid rgba(219,194,243,.12);border-radius:50%}.disc-center{width:66px;height:66px;border-radius:50%;background:radial-gradient(circle,#bba0df,#77569c 62%,#32243d 64%);display:grid;place-items:center;font:800 21px var(--display);color:#17111c;box-shadow:0 0 0 4px #21192a}.disc-center span{position:absolute;font-size:7px;transform:translate(18px,-14px)}.art-label{position:absolute;right:0;bottom:20px;color:#988c9f;font-size:8px;line-height:1.6;letter-spacing:.18em;text-align:right}.art-label span{color:#b990e9;margin-left:8px}.art-index{position:absolute;left:4%;top:20px;color:#655b6e;font-size:9px;letter-spacing:.18em}.booking-section{padding:69px 10.5% 84px;background:#15111b;border-top:1px solid rgba(255,255,255,.04)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.section-heading h2,.studio-strip h2{font:600 31px/1.2 var(--display);letter-spacing:-.04em;margin:9px 0 0}.week-nav{display:flex;align-items:center;gap:16px;color:#c1b8c9;font-size:12px}.week-nav button{width:32px;height:32px;border:1px solid #43394b;color:#ded6e6;background:#1d1824;border-radius:7px;font-size:18px;cursor:pointer}.week-nav button:hover{border-color:#a98bd3}.booking-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(275px,.8fr);gap:17px;align-items:start}.schedule-card,.booking-aside{background:var(--panel);border:1px solid #302739;border-radius:10px}.schedule-card{padding:22px 23px 17px}.schedule-top{display:flex;justify-content:space-between;color:#c7bdce;font-size:9px;font-weight:700;letter-spacing:.16em;margin-bottom:18px}.timezone{font-weight:500;color:#817787;letter-spacing:.08em}.schedule{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.day-column{min-width:0;border:1px solid #30283a;border-radius:7px;background:#1b1721;overflow:hidden}.day-column.today{border-color:#8667a8}.day-head{height:54px;padding:11px 7px;border-bottom:1px solid #30283a;display:flex;flex-direction:column;justify-content:center;gap:4px;text-align:center}.day-head b{font-size:9px;letter-spacing:.1em;color:#b9afc3}.day-head span{font-size:10px;color:#817888}.slots{padding:8px 6px;display:flex;flex-direction:column;gap:6px}.slot{min-height:55px;text-align:left;width:100%;border:1px solid #3b3244;border-radius:5px;background:#211c28;color:#dbd3e1;padding:8px 6px;cursor:pointer;transition:.15s}.slot strong{display:block;font-size:9px;white-space:nowrap}.slot small{display:block;font-size:8px;color:#93899c;margin-top:5px}.slot.open:hover{background:#30253a;border-color:#9975c3}.slot.selected{border-color:#b392e3;background:#392b49;box-shadow:0 0 0 1px #b392e3}.slot.full{cursor:not-allowed;opacity:.55}.slot.closed{cursor:not-allowed;opacity:.4}.slot.available::before{content:'●';color:var(--green);font-size:7px;margin-right:3px}.slot.full small{color:var(--red)}.slot.closed small{color:#8e8396}.empty-day{padding:14px 1px;color:#817787;text-align:center;font-size:9px;line-height:1.5}.legend{display:flex;gap:20px;padding-top:16px;font-size:10px;color:#a69bac}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:6px;height:6px;border-radius:50%;background:#91d2ad}.legend-full{background:#dc8090!important}.booking-aside{padding:22px}.aside-label{font-size:9px;font-weight:700;letter-spacing:.17em;color:#c4b9cd}.selection-prompt{text-align:center;padding:32px 10px 17px}.selection-icon{margin:0 auto 13px;width:41px;height:41px;border:1px solid #4a3e53;border-radius:50%;display:grid;place-items:center;color:#bc9ce5;font-size:23px}.selection-prompt h3{font:600 15px var(--display);margin:0 0 8px}.selection-prompt p{font-size:11px;line-height:1.6;color:#968b9f;margin:0 auto;max-width:215px}.booking-form{margin-top:17px}.booking-form label,.modal label{display:block;font-size:10px;font-weight:600;color:#c7bdcf;margin:13px 0}.booking-form input,.booking-form textarea,.modal input{display:block;margin-top:7px;width:100%;border:1px solid #3c3345;border-radius:6px;background:#120f17;color:var(--text);padding:11px 12px;font:12px var(--font);outline:none}.booking-form input:focus,.booking-form textarea:focus,.modal input:focus{border-color:#a584ce;box-shadow:0 0 0 2px rgba(165,132,206,.12)}textarea{resize:vertical}.selected-slot{padding:10px 12px;background:#292033;border:1px solid #57436d;border-radius:6px;color:#d8c3f4;font-size:11px;line-height:1.5}.checkline{display:flex!important;align-items:flex-start;gap:8px!important;line-height:1.45;margin:14px 0!important}.checkline input{margin:1px 0 0!important;width:14px!important;height:14px;accent-color:#ad8cdb;flex:none}.checkline span{font-weight:400;color:#aaa0b2}.checkline a{text-decoration:underline;color:#c9adeb}.full-width{width:100%}.form-foot{font-size:9px;line-height:1.55;color:#827889;margin:12px 0 0}.hidden{display:none!important}.studio-strip{padding:57px 10.5%;display:flex;justify-content:space-between;align-items:center;background:#100d16}.studio-strip h2{font-size:27px;margin-top:12px}.studio-detail{display:flex;align-items:start;gap:18px;color:#a79eac;font-size:12px;line-height:1.65}.studio-detail span{color:#b38de5;font-size:10px;letter-spacing:.1em}.studio-detail p{margin:0}footer{border-top:1px solid #29232e;padding:24px 7.1%;display:flex;align-items:center;gap:30px;color:#817788;font-size:9px;letter-spacing:.08em}.footer-brand{margin-right:auto;color:#eee9f2}footer .brand-mark{width:29px;height:29px;font-size:14px}.footer-links{display:flex;gap:19px}.modal-backdrop{position:fixed;inset:0;background:rgba(5,3,8,.77);backdrop-filter:blur(6px);z-index:10;display:grid;place-items:center;padding:20px;overflow-y:auto}.modal{position:relative;width:min(100%,405px);border:1px solid #44384f;border-radius:12px;background:#18141e;padding:31px 32px 27px;box-shadow:0 25px 90px #0008}.modal-close{position:absolute;top:14px;right:16px;border:0;background:none;color:#a89daf;font-size:24px;cursor:pointer}.modal h2{font:600 24px var(--display);letter-spacing:-.035em;margin:12px 0 8px}.modal-copy{font-size:12px;color:#a79cad;line-height:1.6;margin:0 0 18px}.demo-auth-notice{padding:10px 12px;border:1px solid #554266;background:#251d2d;border-radius:6px;color:#bea7d7;font-size:10px;line-height:1.5;margin:15px 0}.demo-auth-notice code{font-size:10px;color:#eadcff}.google-button{width:100%;height:42px;background:#f7f4f9;color:#201a24;border:0;border-radius:6px;font:600 12px var(--font);cursor:pointer}.google-g{font:bold 15px Arial;color:#4285f4;margin-right:12px}.separator{display:flex;align-items:center;gap:10px;margin:17px 0;color:#817788;font-size:9px}.separator:before,.separator:after{content:'';height:1px;flex:1;background:#352d3b}.auth-actions{display:flex;justify-content:space-between;margin:2px 0 16px}.text-button{border:0;background:none;padding:4px 0;color:#bda2de;font:500 10px var(--font);cursor:pointer}.text-button:hover{text-decoration:underline}.auth-message{font-size:10px;line-height:1.5;color:#e5b7bd;min-height:10px}.admin-modal{width:min(100%,540px);max-height:90vh;overflow:auto}.admin-topline{display:flex;justify-content:space-between;align-items:center;color:#c8bbd1;font-size:11px;margin:18px 0 11px}.admin-slots{display:grid;grid-template-columns:1fr 1fr;gap:7px}.admin-slot{display:flex;align-items:center;gap:8px;border:1px solid #3b3244;border-radius:6px;padding:9px;font-size:10px;color:#cfc5d5}.admin-slot input{margin:0;width:14px;height:14px;accent-color:#a87cd9}.admin-slot small{display:block;color:#988da1;font-size:9px;margin-top:3px}.admin-actions{border-top:1px solid #352d3b;border-bottom:1px solid #352d3b;padding:9px 0;margin-top:15px}.admin-actions .checkline{font-size:10px}.secondary-button{width:100%;padding:10px;border-radius:6px;border:1px solid #53465e;color:#ded5e5;background:transparent;font:500 10px var(--font);cursor:pointer}.admin-subhead{font:600 13px var(--display);margin:18px 0 9px}.admin-bookings{max-height:230px;overflow:auto}.booking-row{padding:10px 0;border-top:1px solid #312a37;font-size:10px;line-height:1.5}.booking-row b{color:#e3d5ef}.booking-row span{color:#9c91a2}.booking-row button{float:right;border:0;background:none;color:#e399a1;font-size:10px;cursor:pointer}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#31263a;border:1px solid #68517c;border-radius:7px;padding:12px 17px;color:#e8d7f5;font-size:11px;z-index:20;transition:.2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.hero{padding-left:7%;padding-right:7%}.booking-section{padding-left:5%;padding-right:5%}.booking-layout{grid-template-columns:1fr}.booking-aside{max-width:none}.schedule{gap:5px}.day-head{padding-inline:3px}.slots{padding-inline:4px}.slot{padding:7px 3px}}@media(max-width:620px){.topbar{height:66px;padding:0 5%;gap:18px}.topbar nav{gap:15px;font-size:11px}.quiet-button{padding:9px 12px;font-size:10px}.hero{padding:59px 7% 27px;grid-template-columns:1fr;min-height:auto}.hero h1{font-size:44px}.hero-art{height:240px;transform:scale(.82);margin:-5px 0}.art-index{left:3%;top:6px}.booking-section{padding:49px 4% 58px}.section-heading{align-items:flex-start;gap:18px;flex-direction:column}.section-heading h2{font-size:27px}.week-nav{align-self:stretch;justify-content:space-between}.schedule-card{padding:16px 9px 13px;overflow-x:auto}.schedule{min-width:600px}.booking-layout{gap:12px}.studio-strip{padding:43px 7%;align-items:flex-start;gap:27px;flex-direction:column}.studio-strip h2{font-size:24px}footer{padding:20px 5%;gap:10px;flex-wrap:wrap}footer>div{font-size:8px}.footer-brand{width:100%;margin-bottom:5px}.modal{padding:28px 21px 23px}.admin-slots{grid-template-columns:1fr}}

/* Responsive refinements, keyboard access and reduced-motion support */
html{scroll-padding-top:calc(86px + env(safe-area-inset-top))}
body{min-width:320px}
.topbar,footer{padding-inline:max(5%,calc((100vw - 1320px)/2))}
.hero,.booking-section,.studio-strip{padding-inline:max(5%,calc((100vw - 1320px)/2))}
.topbar{min-height:78px;height:auto;padding-block:12px}
:where(a,button,input,textarea,[tabindex]):focus-visible{outline:2px solid #d1b4ff;outline-offset:3px}
.skip-link{position:fixed;z-index:30;top:8px;left:8px;padding:12px 16px;border-radius:6px;background:#f4f0f7;color:#160f20;font-weight:700;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.hero{min-height:clamp(510px,72svh,760px)}
.booking-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr)}
.schedule-card{min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#5d496d #1b1721;scrollbar-width:thin}
.schedule{min-width:0}
.week-nav button,.quiet-button,.modal-close{min-width:44px;min-height:44px}
.week-nav button{width:44px;height:44px}
.modal-backdrop{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.modal,.admin-modal{max-height:min(90vh,820px);max-height:min(90dvh,820px);overflow-y:auto;overscroll-behavior:contain}
.booking-form input,.booking-form textarea,.modal input{font-size:16px}
@media(max-width:1100px){
  .hero{padding-inline:7%}
  .booking-section,.studio-strip{padding-inline:5%}
  .booking-layout{grid-template-columns:minmax(0,1fr)}
  .booking-aside{max-width:none}
  .schedule{min-width:620px}
}
@media(max-width:700px){
  html{scroll-padding-top:72px}
  .topbar{min-height:66px;padding:10px 5%;gap:12px}
  .brand{gap:8px;font-size:12px}
  .topbar nav{gap:12px;font-size:12px}
  .quiet-button{padding:8px 11px;font-size:11px}
  .hero{min-height:calc(100svh - 66px);padding:48px 7% 28px;grid-template-columns:minmax(0,1fr);align-content:center}
  .hero h1{font-size:clamp(38px,10vw,54px)}
  .hero-copy>p{font-size:15px}
  .primary-button{min-height:48px;font-size:13px}
  .hero-art{height:clamp(175px,48vw,235px);margin:-2px 0 0;transform:scale(.78)}
  .hero-note{font-size:12px}
  .booking-section{padding:42px 4% 52px}
  .section-heading{align-items:flex-start;gap:16px;flex-direction:column}
  .section-heading h2{font-size:clamp(25px,7vw,30px)}
  .week-nav{align-self:stretch;justify-content:space-between}
  .week-nav button{flex:0 0 44px}
  .schedule-card{padding:16px 10px 14px}
  .schedule-top{align-items:flex-start;gap:8px;font-size:10px}
  .schedule{min-width:620px}
  .slot{min-height:58px;padding:9px 6px}
  .slot strong{font-size:10px}
  .slot small{font-size:9px}
  .booking-aside{padding:18px}
  .booking-form label{font-size:12px}
  .booking-form input,.booking-form textarea{padding:13px}
  .studio-strip{padding:38px 7%;gap:22px}
  footer{padding:20px 5%;gap:12px}
  .modal-backdrop{place-items:start center}
  .modal{margin-block:auto;padding:28px 21px 23px}
  .modal label{font-size:12px}
  .auth-actions{gap:14px;flex-wrap:wrap}
  .admin-modal{width:100%}
}
.week-nav button:disabled{opacity:.38;cursor:not-allowed}
.week-nav button:disabled:hover{border-color:#43394b}
.admin-isa-holds{display:grid;gap:7px;padding:10px 12px;border:1px solid #3b3244;border-radius:7px;background:#1b1721}
.admin-isa-holds .checkline{margin:0;font-size:10px}
.admin-isa-holds input{accent-color:#a87cd9}
@media(max-width:420px){
  .topbar{gap:8px}
  .brand-mark{width:30px;height:30px}
  .topbar nav{font-size:11px}
  .quiet-button{min-width:42px;padding-inline:9px}
  .hero{padding-top:38px}
  .hero h1{font-size:clamp(35px,10vw,43px)}
  .art-label{right:3%}
  .schedule-top{flex-direction:column}
  .admin-actions .checkline{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* MARRA brand assets and expanded admin tools */
.brand-logo{display:block;width:clamp(126px,14vw,166px);height:56px;object-fit:contain;object-position:left center}
.footer-brand .brand-logo{width:148px;height:60px}
.hero-art{width:min(100%,430px);height:auto;aspect-ratio:1;justify-self:end;overflow:hidden}
.hero-emblem{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}
.hero-art .art-index{z-index:1;left:4%;top:7%}
.admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}
.admin-summary>div{padding:13px 14px;border:1px solid #382e41;border-radius:7px;background:#211b29}
.admin-summary strong{display:block;color:#eadcff;font:700 20px var(--display)}
.admin-summary span{display:block;margin-top:4px;color:#a99eb1;font-size:10px}
.admin-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.admin-day{display:flex!important;align-items:center;gap:10px!important;min-width:0;margin:0!important;padding:10px;border:1px solid #3b3244;border-radius:6px;background:#1b1721;cursor:pointer}
.admin-day input{display:block!important;flex:0 0 17px;width:17px!important;height:17px!important;margin:0!important;accent-color:#a87cd9}
.admin-day b{display:block;color:#d6cbdc;font-size:10px}
.admin-day small{display:block;margin-top:4px;color:#9c91a2;font-size:9px}
.admin-add-slot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;padding:13px;border:1px solid #3b3244;border-radius:7px;background:#1b1721}
.admin-add-slot label{min-width:0}
.admin-add-slot .secondary-button,.admin-add-slot .auth-message{grid-column:1/-1}
.admin-add-slot .secondary-button{min-height:44px}
.admin-add-slot .auth-message{margin:8px 0 0;min-height:0}
.admin-custom-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid #312a37}
.admin-custom-row span{min-width:0}
.admin-custom-row b,.admin-custom-row small{display:block}
.admin-custom-row b{color:#ded2e8;font-size:10px}
.admin-custom-row small{margin-top:4px;color:#a59aac;font-size:9px}
.admin-custom-row button{min-width:72px;min-height:40px;border:1px solid #62404a;border-radius:6px;background:transparent;color:#efabb1;font:600 10px var(--font);cursor:pointer}
.admin-custom-row button:disabled{opacity:.45;cursor:not-allowed}
.admin-add-slot button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){.hero-art{justify-self:center;width:min(100%,400px)}}
@media(max-width:700px){
  .brand-logo{width:130px;height:48px}
  .footer-brand .brand-logo{width:142px;height:54px}
  .hero-art{width:min(100%,340px);height:auto;aspect-ratio:1;transform:none;margin:0}
  .admin-summary>div{padding:10px}
  .admin-summary strong{font-size:18px}
  .admin-days{grid-template-columns:1fr}
  .admin-add-slot{grid-template-columns:1fr;gap:0 8px}
  .admin-add-slot .secondary-button,.admin-add-slot .auth-message{grid-column:auto}
}
/* Ripristino dell'illustrazione circolare originale della home. */
.hero-art{height:330px;aspect-ratio:auto;overflow:visible;display:grid;place-items:center}
@media(max-width:700px){.hero-art{height:clamp(175px,48vw,235px);aspect-ratio:auto;transform:scale(.78);margin:-2px 0 0}}

