@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--purple:#6f2dbd;--purple-dark:#4d148c;--pink:#d63384;--surface:#fff;--ink:#20202a;--muted:#686875;--border:#e9e5ef;--shadow:0 20px 55px rgba(38,20,58,.12)}.brand-content>img,.brand-main-image{display:block;width:clamp(260px,31vw,430px);height:auto;aspect-ratio:1 / 1;object-fit:contain;margin:26px auto 12px;border-radius:32px;filter:drop-shadow(0 20px 36px rgba(20,5,40,.28))}.hero>img,.dashboard-hero-image{display:block;width:100%;max-width:460px;height:auto;aspect-ratio:1 / 1;object-fit:cover;justify-self:end;border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 42px #1c0a3040}.logo img{width:48px;height:48px;object-fit:contain;border-radius:13px}@media (max-width: 950px){.brand-content>img,.brand-main-image{width:min(72vw,390px);margin:22px auto 8px}.hero>img,.dashboard-hero-image{width:min(100%,430px);max-width:430px;margin:26px auto 0;justify-self:center}}@media (max-width: 600px){.brand-content>img,.brand-main-image{width:min(84vw,340px);margin:18px auto 6px;border-radius:24px}.hero>img,.dashboard-hero-image{width:100%;max-width:360px;margin:22px auto 0;border-radius:20px}.logo img{width:42px;height:42px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#fbfaff 0,#f7f7fb 40%);color:var(--ink)}a{text-decoration:none;color:inherit}button,input{font:inherit}button{transition:.2s ease}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(430px,.92fr);background:#f7f4fa}.brand{position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.25),transparent 32%),linear-gradient(145deg,#4e148c,#762db7 44%,#c92f7b);color:#fff}.brand:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-240px;bottom:-220px}.brand-content{position:relative;z-index:2;padding:7vw;max-width:760px}.brand h1{font-size:clamp(44px,5vw,68px);letter-spacing:-3px;margin:18px 0 10px}.brand p{font-size:19px;line-height:1.7;max-width:610px;color:#ffffffe6}.brand-badge{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;background:#ffffff21;border:1px solid rgba(255,255,255,.26);border-radius:999px;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand-badge svg{width:18px}.brand-features{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:32px}.brand-features span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.brand-features svg{width:18px}.pride-strip{height:9px;position:absolute;inset:0 0 auto;display:grid;grid-template-columns:repeat(6,1fr)}.pride-strip i:nth-child(1),.footer-rainbow:before{background:#e40303}.pride-strip i:nth-child(2){background:#ff8c00}.pride-strip i:nth-child(3){background:#ffed00}.pride-strip i:nth-child(4){background:#008026}.pride-strip i:nth-child(5){background:#24408e}.pride-strip i:nth-child(6){background:#732982}.auth-panel{display:grid;place-items:center;padding:42px 28px}.authcard{background:var(--surface);padding:38px;border-radius:28px;width:min(560px,100%);box-shadow:var(--shadow);border:1px solid rgba(111,45,189,.08)}.auth-heading span{font-size:12px;font-weight:800;letter-spacing:1.4px;color:var(--purple)}.auth-heading h2{font-size:32px;letter-spacing:-1px;margin:8px 0}.auth-heading p{color:var(--muted);line-height:1.55;margin:0 0 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.full{grid-column:1/-1}.field{display:block;margin:13px 0}.field-label{display:block;font-size:13px;font-weight:700;margin:0 0 7px;color:#3d3942}.input-shell{height:52px;display:flex;align-items:center;border:1px solid var(--border);border-radius:14px;background:#fcfbfd;padding:0 13px;transition:.2s ease}.input-shell:focus-within{border-color:var(--purple);background:#fff;box-shadow:0 0 0 4px #6f2dbd1a}.input-shell.invalid{border-color:#dc3545;background:#fff8f8}.input-shell>svg{width:19px;color:#91899c;flex:none}.input-shell input{border:0;outline:0;background:transparent;width:100%;height:100%;padding:0 11px;color:var(--ink);min-width:0}.input-shell input::placeholder{color:#aaa4b1}.eye{border:0;background:none;display:grid;place-items:center;padding:7px;color:#726b7a;cursor:pointer;border-radius:8px}.eye:hover{background:#f0e9f8;color:var(--purple)}.eye svg{width:20px}.field-error{display:block;color:#c72d3d;margin:6px 3px 0;font-size:12px}.password-meter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 2px 7px}.password-meter span{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:43%}.password-meter i{height:5px;border-radius:999px;background:#e7e1eb}.password-meter i.on{background:linear-gradient(90deg,var(--purple),var(--pink))}.password-meter small{font-size:11px;color:var(--muted);text-align:right}.primary-action,.authcard>.primary-action,.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;border:0;border-radius:13px;padding:14px 21px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px #6f2dbd33}.primary-action{width:100%;margin-top:13px;height:52px}.primary-action:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #6f2dbd45}.primary-action:disabled{opacity:.65;cursor:wait}.auth-switch{text-align:center;margin:20px 0 0;color:var(--muted);font-size:14px}.auth-switch a{color:var(--purple);font-weight:800}.error{background:#fff0f2;color:#a92432;border:1px solid #ffd4da;padding:11px 13px;border-radius:10px;font-size:13px}.top-rainbow{height:6px;background:linear-gradient(90deg,#e40303 0,#e40303 16.6%,#ff8c00 16.6%,#ff8c00 33.2%,#ffed00 33.2%,#ffed00 49.8%,#008026 49.8%,#008026 66.4%,#24408e 66.4%,#24408e 83%,#732982 83%)}header{height:74px;background:#ffffffed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,20px);box-shadow:0 6px 30px #371e4c12;position:sticky;top:0;z-index:5;border-bottom:1px solid #eee9f3}.logo{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700}.logo b{color:var(--purple)}nav{display:flex;gap:8px;align-items:center}nav a,.linkbtn{display:flex;gap:7px;align-items:center;background:none;border:0;cursor:pointer;color:#57515e;padding:10px 12px;border-radius:10px;font-weight:600}nav a:hover,.linkbtn:hover{background:#f5effb;color:var(--purple)}nav svg{width:18px}.welcome{padding:11px max(4vw,20px);background:linear-gradient(90deg,#f3eafa,#fff4f8);color:#531785;display:flex;justify-content:space-between}.welcome small{color:#756a7f}.container{width:min(1180px,92%);margin:38px auto}.narrow{max-width:850px}.hero{position:relative;background:linear-gradient(125deg,#53168b,#7a2db9,#ce337d);border-radius:28px;padding:46px;color:#fff;display:grid;grid-template-columns:1.3fr .7fr;overflow:hidden;box-shadow:0 24px 55px #4d148c38}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.15),transparent 32%);pointer-events:none}.hero>div,.hero>img{position:relative}.hero h1{font-size:43px;letter-spacing:-1.7px;margin:13px 0}.hero p{line-height:1.65;color:#ffffffe6;max-width:630px}.pill{font-size:11px;font-weight:800;letter-spacing:1.2px;padding:8px 11px;border:1px solid rgba(255,255,255,.35);border-radius:999px}.bar{height:11px;background:#ffffff3b;border-radius:20px;margin-top:25px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#fff,#ffe0f0);border-radius:20px}.sectiontitle{display:flex;align-items:center;gap:10px;margin-top:39px}.sectiontitle svg{color:var(--purple)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.module{--module-color:var(--purple);position:relative;background:#fff;border-radius:19px;padding:24px;border-top:6px solid var(--module-color);box-shadow:0 10px 30px #33114412;transition:.2s ease}.module:hover{transform:translateY(-3px);box-shadow:0 17px 38px #3311441f}.moduletop{display:flex;justify-content:space-between;color:#777}.module h3{font-size:24px;margin-bottom:6px}.module p{min-height:48px;color:#666;line-height:1.5}.done{color:#1aaf67}.disabled{pointer-events:none;background:#aaa;box-shadow:none}.finalcard{margin-top:30px;background:linear-gradient(135deg,#fff8df,#fff1f7);padding:26px;border-radius:19px;display:flex;align-items:center;gap:20px;border:1px solid #f4dfaa}.finalcard svg{width:55px;height:55px;color:#d39000}.finalcard div{flex:1}.back{display:inline-flex;align-items:center;gap:5px;margin-bottom:20px;color:var(--purple);font-weight:700}.contenthead{color:#fff;padding:36px;border-radius:21px;box-shadow:0 17px 36px #3a1a5029}.contenthead h1{font-size:34px}.lesson{background:#fff;margin:20px 0;padding:36px;border-radius:21px;line-height:1.8;box-shadow:0 10px 30px #2e183d12}.lesson .heading{font-weight:800;font-size:19px;color:#68208d}.lesson iframe{width:100%;height:420px;border:0;border-radius:15px}.lesson a{color:var(--purple);font-weight:700;text-decoration:underline}.big{font-size:17px;padding:16px 25px;margin-bottom:20px}.quizhead{background:linear-gradient(135deg,#fff,#f8f2fc);padding:26px;border-radius:19px;border:1px solid var(--border)}.question{background:#fff;margin:18px 0;padding:25px;border-radius:18px;box-shadow:0 8px 25px #2e183d0f}.question label{display:block;padding:14px;border:1px solid #e6e1e9;border-radius:11px;margin:9px 0;cursor:pointer;transition:.15s}.question label:hover{border-color:#bca6cc;background:#fcf9fe}.question label.selected{border-color:var(--purple);background:#f7edff;box-shadow:0 0 0 3px #6f2dbd14}.question input{margin-right:10px}.result,.certificate{text-align:center;background:#fff;padding:50px;border-radius:22px;box-shadow:var(--shadow)}.result strong{font-size:70px}.success strong{color:#15995a}.fail strong{color:#d43b3b}.profile{background:#fff;padding:31px;border-radius:19px;box-shadow:var(--shadow)}.profile label{display:block;font-weight:600;margin-bottom:15px}.profile input{width:100%;padding:14px 16px;border:1px solid #ddd;border-radius:12px;margin:7px 0}.certificate svg{width:90px;height:90px;color:#d69b00}.certificate h1{font-size:38px}footer{text-align:center;padding:35px;color:#777;display:flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden}footer strong{color:var(--purple)}.footer-rainbow{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e40303,#ff8c00,#ffed00,#008026,#24408e,#732982)}.center{display:grid;place-items:center;align-content:center;gap:12px;height:100vh;color:var(--purple)}.loader{width:42px;height:42px;border:4px solid #eadff1;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:950px){.auth{grid-template-columns:1fr}.brand-content{padding:55px 28px 35px}.brand h1{font-size:40px;letter-spacing:-1.5px}.brand p{font-size:16px}.auth-panel{padding:25px 20px 45px}.hero{grid-template-columns:1fr;padding:30px}.hero h1{font-size:34px}.grid{grid-template-columns:1fr 1fr}nav a{font-size:0}nav{gap:4px}.welcome{font-size:13px}.finalcard{align-items:flex-start;flex-wrap:wrap}.lesson{padding:23px}.lesson iframe{height:260px}}@media (max-width:600px){.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.authcard{padding:25px 19px;border-radius:21px}.auth-heading h2{font-size:27px}.brand-features{display:none}.brand-content{padding-top:40px}.brand h1{font-size:35px;margin-top:10px}.grid{grid-template-columns:1fr}.container{width:94%;margin:22px auto}.module p{min-height:0}.logo{font-size:17px}.hero{border-radius:19px}.contenthead h1{font-size:27px}.question{padding:18px}.certificate{padding:28px 18px}.welcome small{display:none}.password-meter{align-items:flex-start;flex-direction:column}.password-meter span{width:100%}.password-meter small{text-align:left}footer{flex-direction:column}}.certificate-page{min-height:100vh;display:grid;place-items:center;padding:42px 18px;background:linear-gradient(180deg,#ff0018,#ff6b24 18%,#ffed00 38%,#22a93a,#0047bb 76%,#4b00c7 89%,#9b008e);position:relative;overflow:hidden}.certificate-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.22),transparent 44%);pointer-events:none}.certificate-form-card{position:relative;z-index:1;width:min(680px,94vw);background:#fff;border-radius:42px;padding:44px 46px 40px;box-shadow:0 24px 70px #00000038;text-align:center}.certificate-ribbon{width:70px;height:70px;color:#087ff5;stroke-width:2.2;margin-bottom:12px}.certificate-form-card h1{font-size:42px;letter-spacing:-1.4px;margin:5px 0 20px;color:#080808}.certificate-form-card>p{font-size:21px;line-height:1.5;color:#686868;margin:0 auto 30px;max-width:520px}.certificate-form-card label{display:block;text-align:left;font-size:18px;font-weight:800;margin:18px 0 8px;color:#111}.certificate-form-card input{width:100%;height:66px;border:1.5px solid #d8d8d8;border-radius:19px;padding:0 21px;font-size:20px;outline:none;background:#fff;transition:.2s}.certificate-form-card input:focus{border-color:#087ff5;box-shadow:0 0 0 4px #087ff51f}.certificate-generate{width:100%;height:68px;margin-top:26px;border:0;border-radius:18px;background:#087ff5;color:#fff;font-size:20px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;box-shadow:0 12px 28px #087ff547}.certificate-generate:hover{transform:translateY(-1px);background:#006ee0}.certificate-generate:disabled{opacity:.65;cursor:wait}.certificate-generate svg{width:24px}.certificate-back{display:inline-block;margin-top:20px;color:#5e5e5e;font-weight:700}.certificate-message{margin-top:16px;padding:12px;border-radius:12px;background:#fff0f2;color:#a92432;border:1px solid #ffd4da;text-align:left}.success-message{background:#edf9f2;color:#137442;border-color:#c8ecd7}@media (max-width:600px){.certificate-page{padding:28px 14px}.certificate-form-card{border-radius:28px;padding:30px 22px}.certificate-ribbon{width:58px;height:58px}.certificate-form-card h1{font-size:33px}.certificate-form-card>p{font-size:17px}.certificate-form-card label{font-size:16px}.certificate-form-card input{height:58px;font-size:17px}.certificate-generate{height:60px;font-size:17px}}body{background:linear-gradient(180deg,#ffffffed,#faf8fff5),linear-gradient(135deg,#e40303,#ff8c00 18%,#ffed00,#008026 50%,#004dff 68%,#750787,#ff4fa3);background-attachment:fixed}.container.narrow{position:relative}.container.narrow:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(135deg,#e40303,#ff8c00,#ffed00,#008026,#004dff 68%,#750787,#d60270)}.container.narrow:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#faf9ffe8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.lesson{background:#fffffff7;border:1px solid rgba(93,48,140,.11);box-shadow:0 24px 65px #2613461f;border-radius:24px;padding:clamp(22px,4vw,44px);overflow:hidden}.lesson p{font-size:1.05rem;line-height:1.85;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;margin:0 0 1.2rem;color:#272334}.lesson p.heading{text-align:left;font-weight:800;color:#24183b;margin-top:1.7rem}.video-section{margin:2.4rem 0 1rem;padding:clamp(18px,3vw,28px);border-radius:24px;background:linear-gradient(145deg,#75078714,#d6027014,#ff8c0014);border:1px solid rgba(117,7,135,.15)}.video-heading span{display:inline-flex;padding:.4rem .75rem;border-radius:999px;background:#fff;color:#750787;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 8px 20px #75078714}.video-heading h2{margin:.8rem 0 .35rem;font-size:clamp(1.25rem,3vw,1.75rem);color:#25143d}.video-heading p{text-align:left;margin:0 0 1.25rem;color:#655c71;font-size:.96rem;line-height:1.55}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}.video-frame{position:relative;width:100%;aspect-ratio:9/16;max-height:720px;overflow:hidden;border-radius:20px;background:#111;box-shadow:0 18px 38px #1f0e3033}.video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.contenthead{border-radius:24px;padding:clamp(24px,5vw,44px);box-shadow:0 18px 45px #2913412e;margin-bottom:20px;color:#111}.contenthead p{text-align:justify;text-justify:inter-word;line-height:1.65}.btn.big{width:min(100%,520px);margin:24px auto 0;display:flex;justify-content:center;box-shadow:0 14px 30px #75078738}@media (max-width:700px){.lesson{border-radius:20px;padding:20px 17px}.lesson p{font-size:1rem;line-height:1.75}.video-section{padding:14px;border-radius:18px}.video-frame{border-radius:14px}.contenthead{border-radius:20px}.container.narrow{padding-left:12px;padding-right:12px}}html{width:100%;min-height:100%;overflow-x:hidden;overscroll-behavior-y:contain}body{width:100%;min-height:100%;overflow-x:hidden;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}#root{width:100%;min-height:100vh;overflow:visible}main.container.narrow{min-height:auto;overflow:visible;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.lesson,.video-section,.video-grid{height:auto;max-height:none;overflow:visible}.video-frame{max-width:430px;margin-inline:auto}.module-quiz-button{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;width:min(100%,560px)!important;margin:28px auto 18px!important;border:3px solid rgba(255,255,255,.9);box-shadow:0 16px 38px #33105752!important}@media (max-width:700px){main.container.narrow{width:100%;margin:18px auto 0;padding-left:12px;padding-right:12px;padding-bottom:calc(120px + env(safe-area-inset-bottom))}.video-grid{grid-template-columns:1fr}.video-frame{width:min(100%,380px);aspect-ratio:9/16;max-height:none}.module-quiz-button{font-size:1rem;padding:15px 14px;bottom:calc(8px + env(safe-area-inset-bottom))}header{position:sticky;top:0}}.video-card{display:flex;flex-direction:column;gap:12px;min-width:0}.video-frame iframe{display:block;pointer-events:auto;touch-action:manipulation;background:#000}.youtube-fallback{display:flex!important;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px 16px;border-radius:13px;background:linear-gradient(135deg,#f03,#c90063);color:#fff!important;text-decoration:none!important;font-weight:800;line-height:1.3;text-align:center;box-shadow:0 9px 22px #cf004633}.youtube-fallback:hover{transform:translateY(-1px);box-shadow:0 13px 27px #cf004647}.youtube-fallback svg{width:19px;height:19px;flex:none}@media (max-width:560px){.youtube-fallback{font-size:.92rem;padding:12px 11px}.video-card{width:100%}}.landing-page{min-height:100vh;background:linear-gradient(180deg,#fff,#fbf8ff 48%,#fff8fb);color:#211b2a;overflow-x:hidden}.landing-pride{height:8px;background:linear-gradient(90deg,#e40303 0,#e40303 16.6%,#ff8c00 16.6%,#ff8c00 33.2%,#ffed00 33.2%,#ffed00 49.8%,#008026 49.8%,#008026 66.4%,#24408e 66.4%,#24408e 83%,#732982 83%)}.landing-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #eee7f3;position:sticky;top:0;z-index:30}.landing-logo{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750}.landing-logo img{width:48px;height:48px;object-fit:contain;border-radius:13px}.landing-logo strong{color:#702bb8}.landing-nav{display:flex;align-items:center;gap:10px}.landing-nav a{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:12px;font-weight:750}.landing-nav svg{width:18px}.landing-login{color:#5b5262}.landing-login:hover{background:#f4eef8;color:#702bb8}.landing-register{background:linear-gradient(135deg,#6f2dbd,#d63384);color:#fff;box-shadow:0 10px 24px #6f2dbd33}.landing-hero{width:min(1240px,92%);margin:42px auto 54px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:52px;padding:clamp(34px,6vw,72px);border-radius:34px;background:linear-gradient(135deg,#43117c,#742eb5 48%,#d32e7d);color:#fff;box-shadow:0 28px 70px #4b167940;position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 18%,rgba(255,255,255,.18),transparent 34%),radial-gradient(circle at 95% 85%,rgba(255,237,0,.11),transparent 30%)}.landing-hero>*{position:relative;z-index:1}.landing-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff1f;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.landing-eyebrow svg{width:18px}.landing-eyebrow.dark{color:#702bb8;background:#f5ecfb;border-color:#e6d3f3}.landing-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.02;letter-spacing:-3px;margin:22px 0 10px;max-width:760px}.landing-hero h2{font-size:clamp(25px,3vw,38px);margin:0 0 22px;color:#ffe6f3}.landing-hero-copy>p{font-size:18px;line-height:1.7;color:#ffffffe6;max-width:690px}.landing-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:30px 0}.landing-primary,.landing-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;padding:15px 22px;font-weight:850;transition:.2s}.landing-primary{background:#fff;color:#5b178c;box-shadow:0 13px 30px #1f063433}.landing-primary:hover,.landing-secondary:hover{transform:translateY(-2px)}.landing-primary svg{width:19px}.landing-secondary{border:1px solid rgba(255,255,255,.38);color:#fff;background:#ffffff14}.landing-highlights{display:flex;flex-wrap:wrap;gap:15px 24px;margin-top:28px}.landing-highlights span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.landing-highlights svg{width:19px;color:#ffeb7d}.landing-image-wrap{display:grid;place-items:center}.landing-image-wrap img{width:min(100%,460px);height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:38px;filter:drop-shadow(0 26px 38px rgba(23,4,39,.35))}.landing-content{width:min(1180px,92%);margin:0 auto 60px;display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:start}.landing-video-column,.landing-presentation{background:#fff;border:1px solid #eee6f3;border-radius:28px;padding:clamp(22px,3vw,34px);box-shadow:0 18px 50px #37194b17}.landing-section-heading span{color:#742eb5;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.09em;display:flex;align-items:center;gap:8px}.landing-section-heading svg{width:19px}.landing-section-heading h2,.landing-presentation h2{font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:-1px;margin:11px 0 24px}.landing-video-card{display:flex;flex-direction:column;gap:14px}.landing-video-frame{position:relative;width:min(100%,390px);aspect-ratio:9/16;margin:auto;border-radius:22px;overflow:hidden;background:#111;box-shadow:0 20px 42px #19072638}.landing-video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.landing-youtube-link{text-align:center;padding:13px;border-radius:12px;background:linear-gradient(135deg,#f03,#c90063);color:#fff;font-weight:800}.landing-youtube-link:hover{filter:brightness(.96)}.landing-presentation p{font-size:1.03rem;line-height:1.86;color:#36303d;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}.landing-credit{margin-top:28px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#f4eafb,#fff1f6);border-left:5px solid #7a2db9}.landing-credit strong{display:block;color:#5b178c;margin-bottom:8px}.landing-credit p{margin:0;font-size:.96rem}.landing-cta{width:min(1180px,92%);margin:0 auto 52px;padding:36px 42px;border-radius:26px;background:linear-gradient(115deg,#48127f,#7b2db8,#cf347e);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 20px 48px #49137f33}.landing-cta span{font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.09em;color:#ffd9ec}.landing-cta h2{font-size:clamp(25px,3vw,38px);margin:8px 0;max-width:720px}.landing-cta .landing-primary{flex:none}.landing-footer{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-top:1px solid #eee6f3;color:#716878}.landing-footer strong{color:#6f2dbd;font-size:19px}@media (max-width:950px){.landing-hero{grid-template-columns:1fr;text-align:center}.landing-hero-copy>p{margin-inline:auto}.landing-actions,.landing-highlights{justify-content:center}.landing-image-wrap img{width:min(72vw,390px)}.landing-content{grid-template-columns:1fr}.landing-video-frame{width:min(100%,430px)}.landing-cta{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.landing-header{height:auto;min-height:72px;padding:10px 14px}.landing-logo span{font-size:0}.landing-logo img{width:44px;height:44px}.landing-nav{gap:4px}.landing-nav a{padding:10px 11px;font-size:13px}.landing-nav svg{display:none}.landing-hero{width:94%;margin:18px auto 30px;padding:31px 19px;border-radius:24px;gap:28px}.landing-hero h1{font-size:38px;letter-spacing:-1.8px}.landing-hero h2{font-size:24px}.landing-hero-copy>p{font-size:16px}.landing-actions{flex-direction:column}.landing-actions a{width:100%}.landing-highlights{align-items:flex-start;flex-direction:column;margin-inline:auto;width:max-content}.landing-image-wrap img{width:min(84vw,330px);border-radius:25px}.landing-content{width:94%;gap:20px}.landing-video-column,.landing-presentation{padding:22px 17px;border-radius:21px}.landing-presentation p{font-size:1rem;line-height:1.75}.landing-cta{width:94%;padding:28px 20px;border-radius:22px}.landing-cta .landing-primary{width:100%}}