/* Seconda proposta grafica, ispirata al canale Kobato Official. */
:root{--blue:#324bdf;--navy:#101d50;--ink:#18224a;--muted:#5c637c;--pale:#f3f3fc;--line:#dedff0;--violet:#b4a5f4;--night:#071132}
body{background:#fcfbff}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}h2{font-size:clamp(2.8rem,4.8vw,4.6rem);line-height:1.04}h2 em{color:#5152bd;font-weight:400}h3{font-size:1.45rem;letter-spacing:-.04em}.wrap{width:min(1240px,calc(100% - 104px))}.section{padding:100px 0}.eyebrow{font-size:.62rem;letter-spacing:.19em;font-weight:700}.btn{border-radius:3px;gap:28px;padding:18px 24px;font-size:.78rem;min-height:55px}.btn.starlight{background:#e7e4ff;color:#182253;border-color:#efedff;box-shadow:0 0 32px #b1a4ff1c}.btn.starlight:hover{background:#fff}.preview{background:#060b22;color:#b7c1e5;font-size:.6rem;padding:7px 20px}.preview a{color:#dae0ff}.header{background:#091334;border-bottom:1px solid #ffffff18;color:#e6eaff}.nav{height:94px}.logo{color:inherit;font-family:Georgia,serif;font-weight:400;font-size:2.4rem;text-transform:uppercase;letter-spacing:-.03em}.logo span{font-family:Arial,sans-serif;font-size:.49rem;letter-spacing:.59em;text-align:center;margin-left:6px;margin-top:13px}.nav-links{font-size:.72rem;gap:27px}.nav-links a[aria-current=page]{color:#b6c7ff}.nav-links .nav-cta{background:transparent;border:1px solid #8391cb80;border-radius:3px;padding:14px 18px}.menu{color:white;background:#0e1a45;border-color:#52618e}.universe{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 60% 80%,#2348cf,transparent 55%),linear-gradient(120deg,#091841,#092984 73%,#121844);color:white}.universe-content{position:relative;z-index:2;min-height:670px;display:flex;align-items:center;padding-top:60px;padding-bottom:70px}.universe-copy{width:58%;position:relative;z-index:2}.universe .eyebrow{color:#bacaff;font-size:.59rem;letter-spacing:.2em;margin-bottom:30px}.universe h1{font-size:clamp(4.3rem,7.1vw,7rem);line-height:1.01;font-weight:400;letter-spacing:-.055em}.universe h1 em{color:#c3c5ff;font-weight:400;white-space:nowrap}.universe-copy>p{color:#e1e5fa;font-size:1rem;line-height:1.9;max-width:425px;margin-top:26px}.universe .actions{gap:26px;margin-top:30px}.hero-secondary{font-size:.75rem;font-weight:600;color:#eef0ff;border-bottom:1px solid #c4cdfd80;padding:12px 0}.hero-secondary span{margin-left:15px}.universe-note{display:block;font-size:.54rem;letter-spacing:.16em;color:#bdc9ee;margin-top:38px;line-height:1.7}.portrait-scene{position:absolute;right:0;top:0;bottom:0;width:58%;z-index:0}.portrait-scene>img{width:100%;height:100%;object-fit:cover;object-position:48% 37%}.portrait-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b2260 0%,#0b2260d9 3%,#0b226055 22%,transparent 42%),linear-gradient(0deg,#092363 0%,transparent 26%)}.portrait-caption{position:absolute;bottom:26px;right:8px;font-family:Georgia,serif;font-style:italic;font-size:1rem;color:#ebedff}.portrait-caption>span{font-style:normal;color:#c3c5ff;margin-right:9px}.sky-dots{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 5% 14%,#b7c3ff 0 1px,transparent 2px),radial-gradient(circle at 37% 82%,#b7c3ff 0 1px,transparent 2px),radial-gradient(circle at 41% 22%,#b7c3ff 0 1px,transparent 2px),radial-gradient(circle at 4% 78%,#b7c3ff 0 1px,transparent 2px),radial-gradient(ellipse at 20% 95%,#6d47d947,transparent 45%)}.hero-bottom{border-top:1px solid #c7d6ff2b;display:flex;justify-content:space-between;position:relative;z-index:2;gap:20px;padding:23px max(52px,calc((100% - 1240px)/2));font-size:.55rem;letter-spacing:.17em;color:#cfdbff;background:#0619406b}.hero-bottom i{font-style:normal;margin:0 22px;color:#9bb4ff}.hero-bottom a{font-weight:700}.sound-ribbon{display:flex;gap:30px;justify-content:space-between;padding:25px max(52px,calc((100% - 1240px)/2));border-bottom:1px solid var(--line);font-size:.55rem;letter-spacing:.14em;color:#5e6384;background:#f5f3ff}.sound-ribbon i{font-style:normal;margin:0 17px;color:#6064ba}.paths-section{background:#fcfbff}.paths-section .section-top{margin-bottom:50px}.paths-section .section-top>p{font-size:.91rem;line-height:1.8;max-width:320px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.journey{min-width:0}.journey-cover{height:305px;position:relative;overflow:hidden;isolation:isolate;border-radius:5px;background:linear-gradient(130deg,#11266f,#294ee8);color:white;padding:24px}.cover-kicker{display:block;font-size:.48rem;letter-spacing:.15em;position:relative;z-index:2}.cover-title{position:absolute;left:27px;top:64px;font-family:Georgia,serif;font-size:3.45rem;letter-spacing:-.045em;line-height:.94;z-index:2}.cover-title em{color:#ced1ff}.cover-meta{position:absolute;left:27px;bottom:23px;font-size:.45rem;letter-spacing:.1em;z-index:2}.orbital{position:absolute;right:-17px;bottom:5px;font-family:Georgia,serif;font-size:15rem;line-height:1;color:#b8caff25;transform:rotate(-18deg);z-index:0}.training-journey .journey-cover:after,.emotion-journey .journey-cover:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #ffffff25;border-radius:50%;right:-40px;top:45px;box-shadow:0 0 0 23px #ffffff08,0 0 0 45px #ffffff05}.emotion-journey .journey-cover{background:radial-gradient(ellipse at 100% 100%,#5f50c2,transparent),linear-gradient(130deg,#241949,#45428a)}.emotion-journey .cover-title em{color:#edc1f0}.journey-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;z-index:0}.cover-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#07142fce,#07142f10),linear-gradient(0deg,#091431,transparent 35%);z-index:1}.lessons-journey .cover-title{font-size:2.8rem}.journey-copy{padding:24px 4px 0}.journey-status{font-size:.5rem;letter-spacing:.12em;color:#5a5893;display:block;margin-bottom:12px}.journey-copy p{font-size:.87rem;color:var(--muted);line-height:1.8;margin-top:12px;max-width:330px}.journey-copy a{border-top:1px solid var(--line);margin-top:23px;padding:18px 0 0;display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;color:#313d87}.training-spotlight{padding:85px 0;background:radial-gradient(ellipse at 20% 80%,#38308f,#101e53 70%);color:white}.spotlight-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}.training-spotlight .eyebrow{color:#bfcbff}.training-spotlight h2 em{color:#c5bdff}.training-spotlight p{max-width:440px;color:#d0d6ef;font-size:.95rem;margin:25px 0 28px}.score-sheet{border:1px solid #d1d9ff55;background:linear-gradient(135deg,#ffffff14,#ffffff05);border-radius:7px;padding:30px 34px;transform:rotate(2deg);box-shadow:20px 20px 60px #030a2629}.score-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:26px}.score-top>span{font-size:.6rem;letter-spacing:.18em;color:#ced5ff}.score-top strong{font-family:Georgia,serif;font-size:4rem;font-weight:400;line-height:1}.score-top strong span{font-family:Arial;font-size:.65rem;margin-left:6px}.score-line{display:grid;grid-template-columns:33px 1fr auto;gap:15px;border-top:1px solid #c6cffc30;padding:20px 0;align-items:center;font-size:.82rem}.score-line>span{color:#bcc9fa;font-size:.65rem}.score-line b{font-weight:400}.score-sheet p{font-size:.65rem;line-height:1.6;margin:17px 0}.score-foot{font-size:.5rem;color:#c7ccff;letter-spacing:.14em}.meet-grid{display:grid;grid-template-columns:.9fr 1fr;gap:105px;align-items:center}.meet-photo{position:relative;margin-right:24px}.meet-photo:before{content:'';position:absolute;left:22px;top:22px;bottom:-22px;right:-22px;background:#e9e7f7;z-index:-1;border-radius:3px}.meet-photo>img{width:100%;height:560px;object-fit:cover;object-position:50% 40%;border-radius:3px;display:block}.photo-sign{position:absolute;bottom:25px;left:30px;color:white;font-family:Georgia,serif;font-size:3.7rem;font-style:italic;text-shadow:0 2px 15px #0913348c}.photo-star{position:absolute;right:-44px;top:-30px;font-size:5rem;color:#7777c0;line-height:1}.meet-copy p{font-size:.94rem;line-height:1.85;color:var(--muted);max-width:440px;margin-top:24px}.meet-detail{display:flex;align-items:center;gap:25px;margin:28px 0}.meet-detail strong{font-family:Georgia,serif;font-size:3.9rem;line-height:1;font-weight:400;color:#323e8c}.meet-detail strong span{font-size:2rem;vertical-align:top}.meet-detail>span{font-size:.72rem;line-height:1.65;color:var(--muted)}.live-section{background:#081331;color:white;padding:85px 0}.live-grid{display:grid;grid-template-columns:.85fr 1.1fr;gap:100px;align-items:center}.live-image{position:relative}.live-image img{width:100%;height:390px;object-fit:cover;object-position:50% 32%;display:block;border-radius:3px}.live-label{position:absolute;left:25px;bottom:25px;font-size:.56rem;letter-spacing:.15em;background:#081331af;padding:12px}.live-section .eyebrow{color:#c2caff}.live-section h2 em{color:#c5c3ff}.live-section p{color:#cbd2e9;max-width:450px;font-size:.94rem;margin-top:24px}.newsletter{background:#eeedf9;border-radius:4px;padding:45px 50px}.newsletter h2{font-size:2.8rem}.newsletter p{font-size:.88rem}.newsletter .eyebrow{font-size:.55rem}.newsletter .pill{border-radius:3px;background:#ffffff80;color:#54546f;font-size:.62rem}.footer{background:#07112c;color:#e0e5fc;border-color:#202d51}.footer-top p,.footer-bottom,.footer-links b{color:#a9b4d4}.footer-links{font-size:.75rem}.footer-bottom{border-color:#243151}.footer .logo{color:#eceeff}.course-hero{background:#f4f3fc}.universe-course .universe-content{min-height:625px}.universe-course h1{font-size:clamp(4rem,6.2vw,6rem)}.universe-course .portrait-scene{width:53%}.universe-course .portrait-scene>img{object-position:50% 35%}.page-head h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.page-head{max-width:1000px}.bio-box{padding:0;background:transparent}.about-portrait{display:block;width:100%;height:600px;object-fit:cover;object-position:50% 35%;border-radius:4px}.music-art.real-photo{height:400px;background:#07112c}.music-art.real-photo img{height:100%;width:100%;object-fit:contain}.music-channel-link{margin-top:26px}.module-card,.mode-panel,.routine,.offer,.status-card{border-radius:5px}.module-meta{font-size:.67rem}.dark{background:#101d50}.dark h2{color:white}.mode-panel h3{font-family:Georgia,serif;font-weight:400;font-size:2.1rem}.faq details{padding:25px 0}.faq summary{font-size:.91rem}.offer h3{font-family:Georgia,serif;font-weight:400;font-size:2rem}.pill{border-radius:3px}.skip{color:#14275e}.hero-note{font-size:.7rem}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.nav-links{gap:16px}.nav{gap:20px}.logo{font-size:2rem}.universe-content{min-height:600px}.universe h1{font-size:6.8vw}.universe-copy{width:60%}.universe-copy>p{max-width:340px;font-size:.91rem}.portrait-scene{width:56%}.hero-bottom,.sound-ribbon{padding-left:32px;padding-right:32px}.hero-bottom i{margin:0 9px}.sound-ribbon{font-size:.48rem}.sound-ribbon i{margin:0 9px}.journey-grid{gap:18px}.journey-cover{height:285px;padding:20px}.cover-title{font-size:2.9rem;left:22px}.cover-meta{font-size:.4rem;left:22px}.cover-kicker{font-size:.4rem}.spotlight-grid,.meet-grid,.live-grid{gap:50px}.meet-photo>img{height:500px}.meet-photo{margin-right:10px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:80px}.logo{font-size:2rem}.logo span{font-size:.43rem}.nav-links{background:#0a1539;border-color:#4c5a92;color:#e6eaff;top:80px}.nav-links .nav-cta{margin-top:8px}.universe-content{min-height:auto;display:block;padding:45px 0 0;position:relative}.universe-copy{width:100%;padding-bottom:380px;position:relative;z-index:2}.universe h1{font-size:clamp(3rem,12.6vw,4.9rem);line-height:1.03;letter-spacing:-.055em}.universe .eyebrow{font-size:.48rem;letter-spacing:.1em;margin-bottom:23px}.universe-copy>p{max-width:100%;font-size:.86rem;line-height:1.8;margin-top:22px}.universe .actions{gap:19px;margin-top:24px}.universe .btn{font-size:.7rem;min-height:50px;padding:15px 18px;gap:17px}.hero-secondary{font-size:.66rem}.universe-note{font-size:.44rem;margin-top:24px}.portrait-scene{width:100%;height:400px;top:auto;bottom:50px;right:0;z-index:1}.portrait-scene>img{object-position:50% 24%;object-fit:cover}.portrait-shade{background:linear-gradient(0deg,#092363,transparent 30%),linear-gradient(180deg,#0b2260 0%,#0b226066 10%,transparent 23%)}.portrait-caption{font-size:.75rem;bottom:20px;right:0}.hero-bottom{padding:19px 20px;gap:15px;font-size:.42rem;line-height:1.6}.hero-bottom>span:first-child{display:none}.hero-bottom i{margin:0 7px}.sound-ribbon{padding:20px;display:block;text-align:center;font-size:.46rem;line-height:1.9}.sound-ribbon>span{display:block}.sound-ribbon>span:first-child{font-size:.43rem;margin-bottom:5px;letter-spacing:.1em}.section{padding:65px 0}h2{font-size:clamp(2.55rem,10.7vw,3.9rem)}.paths-section .section-top{margin-bottom:30px}.paths-section .section-top>p{font-size:.86rem;max-width:100%}.journey-grid{grid-template-columns:1fr;gap:37px}.journey-cover{height:310px;padding:25px}.cover-kicker{font-size:.48rem}.cover-title{font-size:3.6rem;top:65px;left:28px}.lessons-journey .cover-title{font-size:3.25rem}.cover-meta{left:28px;font-size:.44rem}.journey-copy{padding-top:20px}.journey-copy p{max-width:100%}.journey-copy a{margin-top:18px;padding-top:15px}.spotlight-grid,.meet-grid,.live-grid{grid-template-columns:1fr;gap:42px}.training-spotlight{padding:65px 0}.score-sheet{padding:27px;transform:none}.score-top strong{font-size:3.5rem}.score-line{padding:19px 0}.score-sheet p{margin:20px 0}.meet-photo{margin:0 15px 10px 0;max-width:440px}.meet-photo>img{height:460px}.meet-photo:before{left:15px;top:15px;bottom:-15px;right:-15px}.photo-star{right:-29px;top:-20px;font-size:4rem}.photo-sign{font-size:3rem}.meet-copy p{font-size:.89rem}.meet-detail{margin:25px 0}.live-section{padding:60px 0}.live-image img{height:340px}.live-section p{font-size:.89rem}.newsletter{padding:30px 25px}.newsletter h2{font-size:2.2rem}.universe-course .universe-content{min-height:0}.universe-course h1{font-size:clamp(3rem,12.6vw,4.9rem)}.universe-course .portrait-scene{width:100%;height:400px}.universe-course .universe-copy{padding-bottom:380px}.about-portrait{height:470px}.hero-bottom a{white-space:nowrap}.footer-links{gap:30px}.footer .logo{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}

.portrait-scene{mask-image:linear-gradient(90deg,transparent 0%,#000 18%)}