:root{--ink:#064d51;--accent:#008c87;--soft:#b9f4dc;--paper:#fffaf0;--warm:#ffcd55;--coral:#ff7468;--line:#c7e1d6;--muted:#3c6964}body{background:radial-gradient(ellipse at 96% 25%,#bdf5df60,transparent 42%),radial-gradient(ellipse at 2% 75%,#ffcbad45,transparent 38%),var(--paper);font-family:'Trebuchet MS',Arial,sans-serif}h1,h2,h3{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:800;letter-spacing:-.05em}.top{border:0;min-height:102px;padding-top:22px;padding-bottom:22px}.top nav{font-size:13px;font-weight:600;gap:25px}.brand-banner{width:190px;border-radius:16px}.button{border-radius:40px;gap:23px;padding:15px 24px;box-shadow:0 7px 0 #05444712;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 0 #05444717}.button>span{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff30;border-radius:50%;font-size:19px}.top .button{background:var(--coral);border-color:var(--coral);color:#073d43;box-shadow:none}.top .button:hover{background:#ff9180}.top .button>span{width:23px;height:23px}.vivid-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center;gap:12px;background:radial-gradient(ellipse at 90% 18%,#12d3be 0%,transparent 47%),linear-gradient(117deg,#034951 5%,#00747b 49%,#00ada6 100%);color:white;border-radius:46px 110px 46px 46px;padding:68px 50px 61px;min-height:580px;overflow:hidden}.hero-swoop{position:absolute;border-radius:50%;pointer-events:none;z-index:-1}.swoop-one{width:430px;height:430px;left:-335px;top:-310px;border:47px solid var(--coral);box-shadow:0 0 0 12px #ffcb6040,0 0 0 15px #ffd26880}.swoop-two{width:540px;height:540px;right:-290px;bottom:-410px;border:55px solid #79efb7;box-shadow:0 0 0 18px #ffffff20,0 0 0 22px #b7ffce50}.vivid-copy{position:relative;z-index:2}.vivid-kicker{font:700 10px/1.7 Arial,sans-serif;letter-spacing:1.6px;display:flex;gap:9px;align-items:center;color:#baf8db}.vivid-kicker>i{width:7px;height:7px;border-radius:50%;background:#ffcf5c;box-shadow:0 0 0 5px #ffcd5520;flex-shrink:0}.vivid-hero h1{font-size:clamp(37px,4.45vw,65px);line-height:1.04;font-weight:900;letter-spacing:-.055em;margin:26px 0 24px}.vivid-hero h1>span{color:#a1f5c7;position:relative}.vivid-hero h1>span:after{content:'';position:absolute;left:2%;right:0;bottom:-9px;border-bottom:5px solid #ffb883;border-radius:50%;height:10px;transform:rotate(-3deg)}.vivid-copy>p{color:#e1fff0;font-size:15px;line-height:1.85;max-width:400px;margin-top:29px}.vivid-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:29px}.vivid-actions .button{background:var(--coral);color:#073e42;border-color:var(--coral);font-size:12px;font-weight:800;box-shadow:0 7px 0 #00384055}.vivid-actions .button:hover{background:#ff9279;border-color:#ff9279}.hero-discover{font-size:12px;display:flex;align-items:center;gap:9px;color:#dbfff0}.hero-discover>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #a1e7d580;border-radius:50%}.vivid-note{font-size:10px;color:#c5efdf;display:flex;align-items:center;gap:9px;margin-top:24px}.vivid-note>span{font-size:22px;color:#ffcf55}.play-world{position:relative;width:100%;min-width:0;aspect-ratio:1.08;z-index:1}.orbit-trails{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.orbit-trails ellipse{fill:none;stroke:#c9ffe359;stroke-width:1.5;stroke-dasharray:5 10}.orbit-trails ellipse:nth-child(2){stroke:#c9ffe32b;stroke-dasharray:none}.orbit-trails path{fill:none;stroke:#fff2ba;stroke-width:3;opacity:.8;stroke-dasharray:12 9}.world-center{position:absolute;inset:22% 18% 18%;border:8px solid #8eebc2;border-radius:48% 52% 44% 56%/56% 43% 57% 44%;background:#005c65;box-shadow:0 0 0 12px #baffd51a,0 24px 45px #00333c45;transform:rotate(-6deg)}.world-center>svg{width:100%;height:100%;border-radius:inherit;overflow:hidden}.world-caption{position:absolute;bottom:-13px;left:7%;right:-10%;background:#fff7dd;color:#07535a;padding:10px 18px;border-radius:30px;transform:rotate(3deg);display:flex;align-items:center;justify-content:space-between;font-size:clamp(11px,1.3vw,16px);font-weight:bold;box-shadow:0 5px 0 #00434d20}.world-caption>span{border-radius:50%;background:#ffb46c;width:25px;height:25px;display:grid;place-items:center}.path-choice{display:flex;position:absolute;align-items:center;gap:10px;border:2px solid transparent;border-radius:22px 22px 22px 7px;padding:13px 15px;color:#064e50;text-align:left;box-shadow:0 9px 22px #003a4535;z-index:4;font-size:11px;line-height:1.25;transition:transform .25s,box-shadow .25s;animation:ovi-bob 6s ease-in-out infinite;cursor:pointer}.path-choice strong{font-size:15px;line-height:1.4}.path-choice .path-symbol{font-size:28px;line-height:1}.path-choice b{font-size:18px;font-weight:400;align-self:flex-start}.path-choice[aria-pressed=true]{border-color:white;box-shadow:0 0 0 4px #ffffff30,0 10px 28px #00333a40}.path-choice:hover{animation-play-state:paused;transform:translateY(-5px) rotate(-3deg)}.path-mint{top:4%;left:7%;background:#b6ffd2;transform:rotate(-8deg)}.path-coral{right:-1%;top:34%;background:#ff8a76;animation-delay:-2s;transform:rotate(7deg)}.path-sun{bottom:0;left:9%;background:#ffdb67;animation-delay:-4s;transform:rotate(-5deg)}.world-spark{position:absolute;color:#ffda67;font-size:40px}.spark-one{top:4%;right:9%;animation:ovi-turn 25s linear infinite}.spark-two{bottom:5%;right:11%;font-size:60px;color:#8df3c3;animation:ovi-turn 35s linear infinite reverse}.orbit-rotor{position:absolute;inset:3% 5%;border-radius:50%;animation:ovi-turn 40s linear infinite}.orbit-rotor>i{position:absolute;width:17px;height:17px;background:#ffcf55;border:4px solid #ffeaa8;border-radius:50%;top:0;left:50%}.orbit-rotor>i:nth-child(2){left:2%;top:70%;background:#ff8a76;border-color:#ffb199;width:12px;height:12px}.orbit-rotor>i:nth-child(3){left:90%;top:74%;background:#d6ffe5;border-color:#7ce6c1;width:22px;height:22px}.motion-toggle{position:absolute;right:34px;bottom:18px;background:#003e4740;color:#d1ffee;border:1px solid #bff6e330;border-radius:30px;padding:6px 12px;font-size:9px;z-index:6}.motion-toggle span{margin-left:5px}.motion-paused .path-choice,.motion-paused .orbit-rotor,.motion-paused .world-spark{animation-play-state:paused!important}.joy-ribbon{display:flex;align-items:center;justify-content:center;gap:28px;padding:24px 10px 20px;font-size:12px;font-weight:700;color:#0c7774;transform:rotate(-1deg)}.joy-ribbon b{font-size:22px;color:#f17961}.path-experience{scroll-margin-top:25px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center;margin:38px 0 68px;padding:16px 40px 25px}.experience-visual{position:relative;min-height:350px;background:#c3f3d8;border-radius:48% 52% 44% 56%/43% 45% 55% 57%;padding:22px 60px;display:grid;place-items:center;transition:background .4s}.idea-sheet{background:#fffef5;border-radius:19px;padding:20px 20px 22px;transform:rotate(-7deg);max-width:270px;width:100%;box-shadow:8px 15px 0 #04776f18,0 15px 35px #07554b10;position:relative}.sheet-eyebrow{font-size:7px;letter-spacing:1px;font-weight:700;color:#11877c}.sheet-art{position:relative;display:grid;place-items:center;margin:13px 0 18px;background:#004e59;border-radius:50% 44% 45% 30%;aspect-ratio:1.3;overflow:hidden}.sheet-art svg{width:90%;height:100%}.sheet-art>span{position:absolute;color:#ffcf66;right:9px;top:0;font-size:36px}.idea-sheet>strong{font-size:12px}.sheet-lines{margin-top:12px}.sheet-lines i{display:block;border-bottom:5px solid #e0ece0;border-radius:20px;margin-top:7px;width:93%}.sheet-lines i:last-child{width:64%}.visual-sticker{position:absolute;right:-7px;top:17%;width:130px;height:130px;background:#ffd562;color:#07585b;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(10deg);font-size:19px;line-height:1.25;font-weight:800;box-shadow:0 0 0 7px var(--paper)}.visual-sticker em{font-size:16px;font-style:normal;color:#07585b}.sketch-arrow{position:absolute;bottom:0;right:4%;width:110px;fill:none;stroke:#008e84;stroke-width:4;stroke-linecap:round;transform:rotate(-12deg)}.experience-text h2{font-size:45px;line-height:1.08;margin:14px 0 20px;color:#07575a}.experience-text>p{font-size:14px;line-height:1.9;max-width:420px}.path-meta{display:flex;align-items:center;gap:8px;color:#467e72;font-size:10px;margin:21px 0}.status-dot{width:7px;height:7px;background:#009b83;border-radius:50%;flex-shrink:0}.path-mini-nav{display:flex;align-items:center;gap:9px;margin-top:24px}.path-mini-nav button{background:transparent;border:1px solid #a9d3c0;border-radius:30px;color:#32685f;padding:8px 12px;font-size:10px}.path-mini-nav button[aria-pressed=true]{background:#baf4d4;border-color:#149e86;color:#00584f}.path-experience[data-active-path="1"] .experience-visual{background:#ffbf9f}.path-experience[data-active-path="1"] .visual-sticker{background:#ff8873}.path-experience[data-active-path="2"] .experience-visual{background:#ffe393}.path-experience[data-active-path="2"] .visual-sticker{background:#b2efce}.vivid-tools{padding:25px 0 70px}.vivid-section-heading{position:relative;padding:0 4px 26px}.vivid-section-heading h2{font-size:45px;margin-top:15px}.vivid-section-heading h2 span{color:#008e81}.vivid-section-heading>p{position:absolute;right:15px;bottom:32px;font-size:13px}.joy-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:13px;align-items:stretch}.joy-card{padding:32px 28px 26px;display:flex;flex-direction:column;position:relative;transition:transform .25s,box-shadow .25s;border:1px solid #004f5812;color:#07545a;isolation:isolate;overflow:hidden}.joy-card:hover{transform:translateY(-8px) rotate(0);box-shadow:0 18px 35px #065b4a12}.joy-card-mint{border-radius:45px 45px 45px 12px;background:linear-gradient(145deg,#a2f5ce,#d4ffb3);transform:rotate(-2deg)}.joy-card-coral{border-radius:45px 15px 45px 45px;background:linear-gradient(145deg,#ff9382,#ffc59e);transform:rotate(2deg);margin-top:18px}.joy-card-yellow{border-radius:45px 45px 12px 45px;background:linear-gradient(145deg,#ffd566,#fff09c);transform:rotate(-1deg)}.joy-card .eyebrow{color:#07585b;font-size:9px;letter-spacing:1.5px}.joy-icon{font-size:34px;display:flex;width:62px;height:62px;border-radius:23px;background:#fff8e85c;align-items:center;justify-content:center;transform:rotate(-8deg);margin-bottom:25px}.joy-card h3{font-size:31px;line-height:1.1;margin:16px 0 18px;letter-spacing:-1.3px}.joy-card p{font-size:12px;line-height:1.8;color:#195d5a;flex:1}.joy-card-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:bold;border-top:1px solid #07575a2b;padding-top:20px;margin-top:25px}.joy-card-link b{background:#fff9e8;border-radius:50%;display:grid;place-items:center;width:30px;height:30px;font-size:20px;font-weight:400}.vivid-closing{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#064651,#008f8b);border-radius:100px 34px 85px 34px;color:white;padding:53px 55px 28px;margin:10px 0 55px;min-height:355px}.vivid-closing h2{font-size:49px;line-height:1.04;margin:18px 0 20px;position:relative;z-index:2}.vivid-closing h2>span{color:#b2f5b9}.vivid-closing p{color:#d6ffeb;font-size:13px;line-height:1.8;margin-bottom:24px}.vivid-closing .button{background:var(--coral);color:#06484a;border-color:var(--coral);font-size:12px}.vivid-closing small{display:block;color:#bcdfd6;font-size:9px;margin-top:30px;position:relative;z-index:2}.closing-flower{position:absolute;right:9%;top:30px;font-size:270px;line-height:1.2;color:#ffd267;transform:rotate(-10deg);z-index:-1}.closing-orbit{position:absolute;width:430px;height:430px;border:20px solid #7cdfb344;box-shadow:0 0 0 2px #c4ffda50;border-radius:50%;right:-240px;bottom:-140px;z-index:-1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-head h1{font-weight:800;letter-spacing:-.05em;color:#06565c}.round-note{background:linear-gradient(130deg,#9cf5d0,#e2ffad);border-color:#7cdbb8;font-weight:bold;box-shadow:5px 7px 0 #ffe2a9}.dashboard-main{border-radius:40px 70px 36px 16px;background:radial-gradient(ellipse at 100% 0,#cfff9f,transparent 70%),linear-gradient(125deg,#9eefd2,#c3f8dd);border:1px solid #83d6b6}.dashboard-main h2{font-weight:800;font-size:40px;line-height:1.12}.panel{border-radius:30px;background:#fffdf4;border-color:#b8d9cb}.dashboard-grid>.panel{background:linear-gradient(150deg,#fff8e7,#fff0d2);border-radius:40px 20px 40px 40px;border-color:#e9d4ad}.tool-card{border-radius:32px 32px 32px 10px;background:#ffd1ab;border-color:#efb98d;transition:transform .2s}.tool-card:nth-child(2){background:#b6f2c7;border-color:#8fd7af;border-radius:32px 12px 32px 32px}.tool-card:nth-child(3){background:#ffe18d;border-color:#e8c666;border-radius:32px 32px 12px 32px}.tool-card:hover{transform:translateY(-5px)}.tool-card h3{font-size:24px;font-weight:800;line-height:1.12}.tool-card>span:first-child{background:#fff8e68a;border-radius:18px;display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:18px;font-size:28px}.account-strip{border-color:#bee4d4}.badge{background:#d9f8ce;border-color:#b4dba5;color:#245f46}.sidebar{background:linear-gradient(135deg,#b6f4d3,#d9f8c5);border-radius:28px;border-color:#a7d6ba}.sidebar a{border-radius:20px}.sidebar a.active{background:#007d79}.metrics .panel:first-child{background:#b9f1d2}.metrics .panel:last-child{background:#ffe1a1;border-color:#efd09a}.auth-aside{background:linear-gradient(135deg,#8be9c3,#c9f7a9);border-radius:35px 100px 35px 35px}.auth-aside h1{font-weight:800}.auth-aside em{font-style:normal;color:#007d79}.form-card h2{font-weight:800;font-size:34px}input:not([type=checkbox]){border-radius:17px;background:#fffdf5}.password-toggle{border-radius:30px}.form-card .button{background:#008b83;border-color:#008b83}.search{border-radius:30px;background:linear-gradient(110deg,#b8efd4,#dcf6b9)}.empty-state{border:1px solid #cce3be;background:radial-gradient(ellipse at 20% 100%,#e1f6c9,transparent 65%),#fff7e5;border-radius:45px 75px 45px 18px}.center-card{background:linear-gradient(145deg,#bcf5d9,#effbcf);border-radius:45px 80px 35px 35px}.help-list details{background:#eef8e4;border:1px solid #cbe2c0;padding:23px 25px;border-radius:25px;margin-bottom:13px}.help-list summary{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:bold;font-size:20px}footer{border-top:2px solid #bce6d3}.footer-brand{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:800;color:#007c78}.menu-toggle{border-radius:25px;background:#d4f7db;border-color:#afe0c4;font-weight:bold}.notice{border-radius:20px}.task-card{border-radius:30px}
@keyframes ovi-bob{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes ovi-turn{to{rotate:360deg}}
@media(max-width:1100px){.vivid-hero{padding:50px 34px;min-height:510px;border-top-right-radius:80px;gap:8px}.vivid-hero h1{font-size:clamp(36px,4.5vw,52px)}.vivid-copy>p{font-size:13px}.vivid-kicker{font-size:8px;letter-spacing:1.3px}.path-choice{padding:10px 11px;gap:8px;font-size:9px}.path-choice strong{font-size:12px}.path-choice .path-symbol{font-size:24px}.path-choice b{font-size:14px}.path-coral{right:-2%;top:37%}.path-mint{top:3%;left:2%}.path-sun{left:6%;bottom:-2%}.vivid-actions{gap:15px}.vivid-actions .button{font-size:11px;padding:12px 18px}.world-caption{font-size:11px;padding:8px 11px}.vivid-note{font-size:9px}.play-world{aspect-ratio:1}.path-experience{gap:40px;padding:12px 22px 20px}.experience-visual{padding:25px 38px;min-height:320px}.visual-sticker{width:110px;height:110px;font-size:16px}.visual-sticker em{font-size:14px}.experience-text h2{font-size:37px}.experience-text>p{font-size:13px}.joy-card{padding:27px 23px}.joy-card h3{font-size:28px}.joy-cards{gap:20px}.joy-ribbon{font-size:10px;gap:20px}.vivid-section-heading h2{font-size:40px}.vivid-closing{padding:45px 40px 25px}.closing-flower{font-size:230px;right:4%;top:50px}}
@media(max-width:800px) and (min-width:701px){.vivid-hero{padding:42px 25px;grid-template-columns:1fr 1fr;min-height:500px}.vivid-hero h1{font-size:36px}.play-world{aspect-ratio:.9}.vivid-copy>p{max-width:300px;font-size:12px}.path-choice{padding:8px 9px}.path-choice strong{font-size:11px}.path-choice .path-symbol{font-size:20px}.path-mint{top:6%;left:0}.path-coral{top:37%;right:-3%}.path-sun{bottom:2%;left:3%}.motion-toggle{font-size:8px;right:22px;bottom:15px}.top nav{gap:16px;font-size:12px}.brand-banner{width:163px}.joy-card h3{font-size:25px}.path-experience{gap:25px;padding:10px 10px 20px}.experience-visual{min-height:300px;padding:27px 30px}.visual-sticker{width:90px;height:90px;right:-6px;font-size:14px}.visual-sticker em{font-size:12px}.experience-text h2{font-size:34px}.path-mini-nav{gap:5px;flex-wrap:wrap}.path-mini-nav button{padding:7px 9px}.vivid-section-heading>p{font-size:11px;right:0}.joy-cards{gap:16px}.joy-card{padding:24px 19px}.joy-card .eyebrow{font-size:8px}.joy-card p{font-size:11px}.joy-card-link{font-size:10px}.joy-ribbon{font-size:9px;gap:16px}.vivid-closing h2{font-size:43px}.closing-flower{font-size:200px;right:2%}}
@media(max-width:700px){.top{min-height:85px;padding:17px 20px;gap:16px}.brand-banner{width:165px}.top nav{gap:0}.top nav .button{border-radius:30px;padding:12px 18px}.vivid-hero{grid-template-columns:1fr;padding:35px 23px 42px;border-radius:30px 65px 32px 32px;gap:17px;min-height:0;margin:0 -4px}.vivid-kicker{font-size:8px;letter-spacing:1px;gap:8px}.vivid-hero h1{font-size:clamp(34px,10.2vw,52px);margin:22px 0;line-height:1.08;letter-spacing:-.055em}.vivid-hero h1>span:after{bottom:-6px;border-width:3px}.vivid-copy>p{font-size:12px;line-height:1.9;max-width:none;margin-top:25px}.vivid-actions{gap:17px;margin-top:22px;align-items:flex-start;flex-direction:column}.vivid-actions .button{font-size:11px;padding:12px 17px;gap:15px;min-height:50px}.hero-discover{font-size:11px}.vivid-note{font-size:8px;margin-top:15px;gap:6px}.vivid-note>span{font-size:18px}.play-world{aspect-ratio:1.05;max-width:390px;margin:0 auto;min-height:270px}.world-center{inset:23% 19% 18%}.path-choice{padding:9px 11px;gap:7px;font-size:9px;border-radius:17px 17px 17px 5px;animation-duration:7s}.path-choice strong{font-size:12px}.path-choice .path-symbol{font-size:21px}.path-choice b{font-size:14px}.path-mint{top:1%;left:3%}.path-coral{top:37%;right:-2%}.path-sun{bottom:0;left:4%}.world-caption{font-size:10px;left:0;right:-13%;padding:7px 11px}.world-caption>span{width:20px;height:20px;font-size:12px}.spark-one{font-size:29px;right:12%}.spark-two{font-size:40px;bottom:3%;right:11%}.motion-toggle{font-size:8px;right:19px;bottom:12px;padding:5px 9px}.swoop-one{left:-360px;top:-340px}.swoop-two{right:-390px;bottom:-430px}.joy-ribbon{gap:13px;justify-content:center;flex-wrap:wrap;padding:22px 0 12px;font-size:9px;line-height:1.1}.joy-ribbon b{font-size:16px}.joy-ribbon span:nth-of-type(3),.joy-ribbon b:last-child{display:none}.path-experience{grid-template-columns:1fr;gap:25px;margin:30px 0 37px;padding:0 5px 10px;scroll-margin-top:20px}.experience-visual{min-height:275px;max-width:390px;width:100%;padding:24px 50px;margin:auto}.idea-sheet{padding:15px 17px 18px;max-width:220px}.sheet-eyebrow{font-size:6px;letter-spacing:.7px}.sheet-art{margin:10px 0 12px;aspect-ratio:1.5}.idea-sheet>strong{font-size:10px}.sheet-lines i{border-width:4px}.visual-sticker{width:97px;height:97px;right:0;top:8%;font-size:15px;box-shadow:0 0 0 5px var(--paper)}.visual-sticker em{font-size:12px}.sketch-arrow{width:80px;bottom:-7px;right:4%}.experience-text{padding:0 4px}.experience-text h2{font-size:37px;margin:12px 0 17px}.experience-text>p{font-size:13px;max-width:100%}.path-meta{font-size:9px;margin:18px 0}.experience-text .button{font-size:12px;padding:12px 20px}.path-mini-nav{gap:7px;flex-wrap:wrap;margin-top:20px}.path-mini-nav button{font-size:9px;padding:7px 10px}.vivid-tools{padding:16px 0 35px}.vivid-section-heading{padding:0 5px 20px}.vivid-section-heading h2{font-size:35px}.vivid-section-heading>p{position:static;font-size:12px;margin-top:18px}.joy-cards{grid-template-columns:1fr;gap:19px;margin:8px 5px 0}.joy-card{padding:27px 25px 22px;transform:rotate(-1deg);border-radius:32px 32px 32px 10px}.joy-card-coral{transform:rotate(1deg);margin-top:0;border-radius:32px 10px 32px 32px}.joy-card-yellow{border-radius:32px 32px 10px 32px}.joy-icon{width:49px;height:49px;font-size:28px;border-radius:18px;margin-bottom:18px}.joy-card h3{font-size:31px;margin-top:13px}.joy-card p{font-size:12px}.joy-card-link{font-size:12px;margin-top:22px}.vivid-closing{padding:36px 26px 23px;border-radius:55px 25px 55px 25px;margin:9px 0 35px;min-height:0}.vivid-closing .vivid-kicker{font-size:7px}.vivid-closing h2{font-size:37px;margin-top:17px}.vivid-closing p{font-size:12px;max-width:220px;position:relative;z-index:2}.vivid-closing .button{font-size:11px;position:relative;z-index:2;gap:20px;padding:12px 18px}.closing-flower{font-size:140px;right:-50px;top:130px;opacity:.65}.vivid-closing small{font-size:8px;max-width:240px;line-height:1.7;margin-top:24px}.closing-orbit{width:250px;height:250px;right:-180px;bottom:-70px;border-width:15px}.dashboard-main{border-radius:30px 55px 30px 12px}.dashboard-main h2{font-size:33px}.panel{border-radius:26px}.dashboard-grid>.panel{border-radius:30px 15px 30px 30px}.tool-card{border-radius:27px 27px 27px 10px}.tool-card h3{font-size:25px}.auth-aside{border-radius:30px 65px 30px 30px}.auth-aside h1{font-size:33px}.form-card h2{font-size:31px}.empty-state{border-radius:30px 55px 30px 15px}.center-card{border-radius:30px 55px 30px 30px}.metrics .panel{border-radius:25px}.help-list details{padding:20px}.help-list summary{font-size:18px}.sidebar{border-radius:23px}.page-head h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.path-choice,.orbit-rotor,.world-spark{animation:none!important}.joy-card:hover,.button:hover,.tool-card:hover{transform:none!important}}

/* OkosOvi: full-page colour and movement, 2026-10-25. */
:root{--paper:#00adad;--soft:#71f7ba;--coral:#ff665f}
html{background:#008d9a}
body{isolation:isolate;background:linear-gradient(125deg,#007b98 0%,#00c6b0 28%,#00b9d1 55%,#00b98c 78%,#00879f 100%);background-size:240% 240%;animation:ovi-colour-flow 24s ease-in-out infinite;min-height:100vh}
body:before{content:'';position:fixed;inset:-30%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 30%,#2df7b77a,transparent 35%),radial-gradient(ellipse at 80% 68%,#0071c099,transparent 40%),radial-gradient(ellipse at 60% 0%,#ffce534a,transparent 28%);animation:ovi-colour-drift 26s ease-in-out infinite alternate;will-change:transform}
.top{background:#e9fff0ee;border-radius:0 0 32px 32px;padding-top:17px;padding-bottom:17px;min-height:94px;box-shadow:0 8px 32px #004a5f17;margin-bottom:24px}
.top .button{background:linear-gradient(115deg,#ff585e,#ff8b48,#ffc23d);background-size:200% 100%;animation:ovi-colour-flow 12s ease-in-out infinite;border:0;color:#063f48}
.vivid-hero{background:radial-gradient(ellipse at 100% 0,#4ff8ae66,transparent 45%),linear-gradient(115deg,#003c69 0%,#005b72 20%,#008b9b 42%,#00c9aa 67%,#0de8ba 84%,#00b5cf 100%);background-size:190% 190%;animation:ovi-colour-flow 19s ease-in-out infinite;box-shadow:0 20px 55px #00364a33;border:1px solid #9ffff840}
.swoop-one{border-color:#ff6c60;box-shadow:0 0 0 14px #ffbf3c,0 0 0 18px #ffed7080}
.swoop-two{border-color:#a3ff52;box-shadow:0 0 0 17px #19edbf88,0 0 0 22px #cbff81aa}
.vivid-hero h1>span{color:#afff51;text-shadow:0 3px 20px #99ff6a26}
.vivid-hero h1>span:after{border-color:#ffd13d}
.vivid-actions .button,.vivid-closing .button{background:linear-gradient(110deg,#ff605f,#ff9050,#ffcb47);background-size:180% 100%;animation:ovi-colour-flow 13s ease-in-out infinite;border:0;color:#053c47;box-shadow:0 7px 0 #00354238}
.path-mint{background:linear-gradient(120deg,#73ffbb,#c4ff61)}.path-coral{background:linear-gradient(120deg,#ff5a76,#ffa14c)}.path-sun{background:linear-gradient(120deg,#ffe440,#ffb547)}
.world-center{border-color:#69ffb2;box-shadow:0 0 0 13px #b0ff8a26,0 18px 50px #00426166}.world-caption{background:linear-gradient(100deg,#fff356,#b8ff71);color:#004f52}
.joy-ribbon{background:linear-gradient(100deg,#005779,#004e5e,#007b78);background-size:200% 100%;animation:ovi-colour-flow 20s ease-in-out infinite;color:#c1ff96;box-shadow:0 7px 20px #00596b25;border:1px solid #9effc44d;border-radius:40px;padding:16px 25px;margin:20px 22px 14px;gap:25px;font-size:13px;transform:rotate(-1.4deg)}
.joy-ribbon b{color:#ff9d65}
.path-experience{background:linear-gradient(120deg,#ffb841 0%,#ffd84b 37%,#fff064 68%,#b7fa79 100%);background-size:200% 200%;animation:ovi-colour-flow 20s ease-in-out infinite;border-radius:70px 28px 75px 30px;padding:36px 45px;margin:28px 0 34px;gap:60px;box-shadow:0 15px 40px #00505b25;position:relative;border:1px solid #fff69d70;overflow:hidden}
.path-experience:after{content:'';position:absolute;width:370px;height:370px;right:-300px;bottom:-260px;border:25px solid #ff866970;border-radius:50%;pointer-events:none}
.path-experience[data-active-path="1"]{background-image:linear-gradient(120deg,#ff6471,#ff9870 38%,#ffc653 78%,#ffdf77)}
.path-experience[data-active-path="2"]{background-image:linear-gradient(120deg,#51ecb5,#8cff9a 38%,#d2ff68 78%,#a3f8bf)}
.experience-visual{background:linear-gradient(135deg,#00c39e,#01a9c1,#087ca2);min-height:320px;box-shadow:inset 0 0 0 1px #ffffff40}
.path-experience[data-active-path="1"] .experience-visual{background:linear-gradient(145deg,#006f94,#00bab1)}
.path-experience[data-active-path="2"] .experience-visual{background:linear-gradient(135deg,#ff7970,#ffb347)}
.idea-sheet{background:linear-gradient(150deg,#fffef4,#edffdf);box-shadow:9px 13px 0 #005c6a2e,0 16px 34px #004d5b24}
.visual-sticker{background:linear-gradient(135deg,#ff6e66,#ffac59);box-shadow:0 0 0 7px #fff174;color:#003e52}.visual-sticker em{color:#003e52}
.path-experience[data-active-path="1"] .visual-sticker{background:linear-gradient(130deg,#8cffb2,#d8ff68);box-shadow:0 0 0 7px #ffc15e}
.path-experience[data-active-path="2"] .visual-sticker{background:linear-gradient(130deg,#ffe94e,#ffb14d);box-shadow:0 0 0 7px #b9ff80}
.experience-text h2{color:#004759}.experience-text>p{color:#124f55}.path-meta{color:#255b50}.experience-text>.eyebrow{color:#00545c}.path-mini-nav button{border-color:#075a5759;background:#ffffff35;color:#064e53}.path-mini-nav button[aria-pressed=true]{background:#005a64;color:white;border-color:#005a64}
.vivid-tools{background:linear-gradient(130deg,#005b7e,#007b85 36%,#00a991 69%,#0097b1);background-size:200% 200%;animation:ovi-colour-flow 25s ease-in-out infinite;border-radius:35px 75px 35px 65px;padding:35px 30px 45px;margin:0 0 32px;box-shadow:0 12px 35px #00475d26;border:1px solid #80f9c944;overflow:hidden}
.vivid-section-heading .eyebrow{color:#b2ffbc}.vivid-section-heading h2{color:white}.vivid-section-heading h2 span{color:#ffe452}.vivid-section-heading>p{color:#d5fff0}
.joy-cards{gap:22px}.joy-card{box-shadow:0 12px 24px #003f5533;border:1px solid #ffffff42}
.joy-card-mint{background:linear-gradient(140deg,#28edc1,#5bff9b 43%,#b4ff55);background-size:180% 180%;animation:ovi-colour-flow 18s ease-in-out infinite}
.joy-card-coral{background:linear-gradient(140deg,#ff5d79,#ff9268 45%,#ffbb4a);background-size:180% 180%;animation:ovi-colour-flow 20s ease-in-out infinite reverse}
.joy-card-yellow{background:linear-gradient(140deg,#ffb42f,#ffe147 45%,#f3ff7a);background-size:180% 180%;animation:ovi-colour-flow 22s ease-in-out infinite}
.joy-card h3,.joy-card .eyebrow{color:#004b54}.joy-card p{color:#104e50}.joy-card-link b{background:#fffdf1}.joy-icon{background:#ffffff66}
.vivid-closing{background:linear-gradient(120deg,#ff6878,#ff9464 38%,#ffbf43 67%,#f4eb55);background-size:220% 220%;animation:ovi-colour-flow 22s ease-in-out infinite;color:#004b56;margin:0 0 30px;border:1px solid #ffdd8d;box-shadow:0 15px 40px #004e6530}
.vivid-closing h2{color:#004854}.vivid-closing h2>span{color:#006867}.vivid-closing p{color:#0d5358}.vivid-closing .vivid-kicker{color:#00575b}.vivid-closing .button{background:linear-gradient(120deg,#004e65,#008b7e);color:white}.vivid-closing small{color:#175b59}.closing-flower{color:#fff162}.closing-orbit{border-color:#f9ff9170;box-shadow:0 0 0 3px #fff4a4aa}
footer{border-color:#b5ffe199;color:#e5fff2;padding:25px 15px 35px}.footer-brand{color:white}footer>div,.footer-brand span{color:#d9fff0}.account-strip{background:#edfff4e8;border:0;border-radius:20px;padding:12px 20px;margin-top:0}.page-head h1,.page-head>div>.eyebrow{color:white}.page-head p,.page-head>a{color:#e0fff0}.page-head .round-note{color:#005452;background:linear-gradient(120deg,#69ffb7,#d6ff56)}
.section:not(.vivid-tools){border-color:#afffe07a}.section-heading h2,.section-heading .eyebrow,.section-heading>p{color:white}
.dashboard-main{background:linear-gradient(130deg,#24e5cf,#67fba1 45%,#c9ff54);background-size:200% 200%;animation:ovi-colour-flow 25s ease-in-out infinite;border-color:#acffb4}.dashboard-grid>.panel{background:linear-gradient(135deg,#ffd94b,#ffb663);border-color:#ffdf8e}
.tool-card{background:linear-gradient(120deg,#ff7779,#ffb360)}.tool-card:nth-child(2){background:linear-gradient(130deg,#53f6b9,#c4ff60)}.tool-card:nth-child(3){background:linear-gradient(130deg,#ffd532,#fff17c)}
.auth-aside{background:linear-gradient(135deg,#00d1b5,#65ffc1 52%,#c2ff67);background-size:180% 180%;animation:ovi-colour-flow 22s ease-in-out infinite}.form-card{background:#f7fff2;border-radius:35px 65px 35px 20px;padding:30px;box-shadow:0 15px 40px #00475d20}.form-card .eyebrow,.form-card h2{color:#005565}.form-card p{color:#3c6964}
.search{background:linear-gradient(115deg,#54f4bd,#beff68);border-color:#92f9b1}.empty-state{background:linear-gradient(120deg,#ffe46a,#ffd387 45%,#caff99);border-color:#e7ff9c}.help-list details{background:linear-gradient(120deg,#afffd0,#e4ffad);border-color:#adf5be}.sidebar{background:linear-gradient(120deg,#4decc4,#beff8a)}.metrics .panel:first-child{background:linear-gradient(120deg,#5ef6c7,#adff8f)}.metrics .panel:last-child{background:linear-gradient(120deg,#ffcf4a,#ffb971)}
.motion-paused,.motion-paused:before,.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@keyframes ovi-colour-flow{0%,100%{background-position:0% 35%}50%{background-position:100% 70%}}
@keyframes ovi-colour-drift{from{transform:translate3d(-3%,-2%,0) rotate(-3deg)}to{transform:translate3d(5%,4%,0) rotate(5deg)}}
@media(max-width:1000px){.path-experience{padding:30px;gap:35px}.vivid-tools{padding:30px 24px 40px}.joy-cards{gap:18px}.vivid-section-heading>p{position:static;margin-top:17px}.experience-visual{min-height:290px}}
@media(max-width:700px){.top{margin-bottom:16px;border-radius:0 0 25px 25px;min-height:80px}.joy-ribbon{margin:16px 0 12px;padding:13px 10px;gap:11px;font-size:9px;border-radius:25px;transform:rotate(-1deg)}.path-experience{padding:25px 18px 28px;gap:23px;margin:18px -2px 23px;border-radius:45px 24px 50px 24px}.experience-visual{min-height:260px;padding:22px 43px}.visual-sticker{width:88px;height:88px;font-size:14px;right:-3px;box-shadow:0 0 0 5px #fff174}.experience-text h2{font-size:34px}.experience-text>p{font-size:12px}.path-meta{font-size:9px}.path-mini-nav{gap:5px}.path-mini-nav button{padding:7px 8px;font-size:8px}.vivid-tools{margin:0 -2px 23px;padding:28px 17px 30px;border-radius:25px 50px 25px 45px}.vivid-section-heading h2{font-size:33px}.vivid-section-heading>p{font-size:12px}.joy-cards{margin:10px 2px 0;gap:19px}.joy-card{padding:25px 23px}.joy-card h3{font-size:29px}.vivid-closing{margin:0 -2px 25px;padding:34px 24px 25px}.vivid-closing h2{font-size:34px}.form-card{padding:25px 20px;border-radius:27px 45px 27px 17px}.auth-layout{padding-top:20px}.account-strip{padding:10px 13px;border-radius:17px}.page-head h1{font-size:36px}footer{padding-left:0;padding-right:0}}
@media(prefers-reduced-motion:reduce){body,body:before,.vivid-hero,.top .button,.vivid-actions .button,.vivid-closing,.vivid-closing .button,.joy-ribbon,.path-experience,.vivid-tools,.joy-card,.dashboard-main,.auth-aside{animation:none!important}}
/* Animate the sections on screen; the page backdrop moves on its own layer. */
body{animation:none}
.vivid-hero,.path-experience,.vivid-tools,.vivid-closing,.joy-card,.dashboard-main,.auth-aside{animation-play-state:paused}
.vivid-hero.in-view,.path-experience.in-view,.vivid-tools.in-view,.vivid-closing.in-view,.joy-card.in-view,.dashboard-main.in-view,.auth-aside.in-view{animation-play-state:running}