@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--font-weight-light:var(--font-weight-light);--font-weight-medium:var(--font-weight-medium);--font-weight-semibold:var(--font-weight-semibold);--font-weight-bold:var(--font-weight-bold);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:var(--radius-2xl);--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--color-primary);--color-primary-light:var(--color-primary-light);--color-primary-dark:var(--color-primary-dark);--color-secondary:var(--color-secondary);--color-secondary-light:var(--color-secondary-light);--color-secondary-dark:var(--color-secondary-dark);--color-accent:var(--color-accent);--color-accent-light:var(--color-accent-light);--color-accent-dark:var(--color-accent-dark);--color-success:var(--color-success);--color-success-light:var(--color-success-light);--color-error:var(--color-error);--color-error-light:var(--color-error-light);--color-error-dark:var(--color-error-dark);--color-error-bg:var(--color-error-bg);--color-error-border:var(--color-error-border);--color-warning:var(--color-warning);--color-warning-light:var(--color-warning-light);--color-warning-dark:var(--color-warning-dark);--color-warning-bg:var(--color-warning-bg);--color-warning-border:var(--color-warning-border);--color-neutral-bg:var(--color-neutral-bg);--color-neutral-border:var(--color-neutral-border);--color-background:var(--color-background);--color-background-secondary:var(--color-background-secondary);--color-surface:var(--color-surface);--color-surface-light:var(--color-surface-light);--color-text:var(--color-text);--color-text-secondary:var(--color-text-secondary);--color-text-light:var(--color-text-light);--color-text-on-color:var(--color-text-on-color);--color-border:var(--color-border);--color-border-light:var(--color-border-light);--color-divider:var(--color-divider);--color-folder-default:var(--color-folder-default);--color-folder-default-light:var(--color-folder-default-light);--color-folder-user:var(--color-folder-user);--color-folder-user-light:var(--color-folder-user-light);--font-weight-regular:var(--font-weight-regular);--radius-none:var(--radius-none);--radius-full:var(--radius-full)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.glass{-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px var(--color-shadow);background:#ffffffb3;border:1px solid #fff3}@media(prefers-color-scheme:dark){.glass{background:#202625b3;border:1px solid #ffffff0d}}.gradient-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.gradient-subtle{background:linear-gradient(180deg,var(--color-background) 0%,var(--color-background-secondary) 100%)}.premium-shadow{box-shadow:0 10px 40px -10px var(--color-shadow-medium)}.text-balance{text-wrap:balance}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-bounce-slow{animation:4s ease-in-out infinite bounce-slow}.animate-bounce-delayed{animation:5s ease-in-out 1s infinite bounce-delayed}}:root{--color-primary:#3d7a74;--color-primary-light:#d7eae4;--color-primary-dark:#3a6660;--color-secondary:#5869a8;--color-secondary-light:#dce0f2;--color-secondary-dark:#3d4975;--color-accent:#9273a3;--color-accent-light:#e7c7d7;--color-accent-dark:#6b5a80;--color-success:#3d7a74;--color-success-light:#d7eae4;--color-error:#ff6b6b;--color-error-light:#ffebee;--color-error-dark:#e53935;--color-error-bg:#ffebee;--color-error-border:#ffcdd2;--color-warning:#ffb74d;--color-warning-light:#fff3e0;--color-warning-dark:#f57c00;--color-warning-bg:#fff3e0;--color-warning-border:#ffe0b2;--color-neutral-bg:#f5f5f5;--color-neutral-border:#e0e0e0;--color-background:#f4f9f8;--color-background-secondary:#fff;--color-surface:#fff;--color-surface-light:#f7fcfa;--color-text:#2d3635;--color-text-secondary:#526361;--color-text-light:#7a8a87;--color-text-on-color:#fff;--color-border:#d7eae4;--color-border-light:#eaf4f1;--color-divider:#e0ebe8;--color-shadow:#9ad3ca33;--color-shadow-medium:#929fd140;--color-folder-default:#9273a3;--color-folder-default-light:#f1e8f5;--color-folder-user:#3d7a74;--color-folder-user-light:#d7eae4;--radius-none:0px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-2xl:40px;--radius-full:9999px;--font-sans:"Quicksand", ui-sans-serif, system-ui, sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--primary:var(--color-primary);--primary-light:var(--color-primary-light);--primary-dark:var(--color-primary-dark);--secondary:var(--color-secondary);--secondary-light:var(--color-secondary-light);--secondary-dark:var(--color-secondary-dark);--accent:var(--color-accent);--accent-light:var(--color-accent-light);--accent-dark:var(--color-accent-dark);--background:var(--color-background);--background-secondary:var(--color-background-secondary);--surface:var(--color-surface);--surface-light:var(--color-surface-light);--text:var(--color-text);--text-secondary:var(--color-text-secondary);--text-light:var(--color-text-light);--text-on-color:var(--color-text-on-color);--border:var(--color-border);--border-light:var(--color-border-light);--divider:var(--color-divider);--shadow:var(--color-shadow);--shadow-medium:var(--color-shadow-medium)}@media(prefers-color-scheme:dark){:root{--color-background:#121414;--color-background-secondary:#1a1f1e;--color-surface:#202625;--color-surface-light:#262c2b;--color-text:#f4f9f8;--color-text-secondary:#d7eae4;--color-text-light:#7a8a87;--color-border:#2a3332;--color-shadow:#0006}}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans)}input,button,select,textarea{font-family:inherit}.App{text-align:center;flex-direction:column;min-height:100vh;display:flex}.App-hero{background:radial-gradient(circle at 100% 0,#3d7a740d,#f4f9f8);flex-direction:column;justify-content:center;align-items:center;min-height:85vh;padding:6rem 1.5rem;display:flex;position:relative;overflow:hidden}.hero-background-blobs{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.blob{filter:blur(80px);opacity:.5;border-radius:50%;animation:20s infinite alternate blob-float;position:absolute}.blob-1{background:var(--primary-light);width:400px;height:400px;top:-100px;left:-100px}.blob-2{background:var(--secondary-light);width:300px;height:300px;animation-delay:-5s;bottom:-50px;right:-50px}@keyframes blob-float{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}.hero-content{animation:1s cubic-bezier(0,0,.2,1) reveal}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.App-logo{pointer-events:none;height:clamp(150px,30vw,250px);margin-bottom:2rem;animation:6s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.hero-title{color:var(--text);letter-spacing:-3px;background:linear-gradient(135deg,var(--text) 0%,var(--primary-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);text-wrap:balance;max-width:700px;margin:1.5rem auto 3rem;font-size:clamp(1.1rem,2vw,1.3rem);font-weight:500;line-height:1.6}.hero-buttons{flex-direction:column;align-items:center;gap:2rem;display:flex}.main-cta-btn{background:var(--primary);color:#fff;box-shadow:0 10px 15px -3px var(--primary-glow);border:1px solid #ffffff1a;border-radius:99px;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-cta-btn:hover{background:var(--primary-dark);box-shadow:0 20px 25px -5px var(--primary-glow);transform:translateY(-2px)scale(1.02)}.secondary-cta-text{color:var(--text-secondary);font-weight:500}.promotion-section{z-index:1;background-color:#fff;padding:8rem 2rem;position:relative}.download-section{background-color:var(--color-surface-light);padding:8rem 2rem}.promotion-grid{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.promotion-image-wrapper{position:relative}.promotion-mockup{border-radius:40px;width:100%;max-width:500px;box-shadow:0 30px 60px -12px #32325d40,0 18px 36px -18px #0000004d}.promotion-split-title{flex-direction:column;gap:.5rem;margin-bottom:2.5rem;line-height:1.1;display:flex}.title-line-1{color:var(--text);font-size:clamp(2rem,4vw,2.8rem);font-weight:500}.title-line-2{color:var(--primary);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;display:block}.promotion-content h2{color:var(--primary-dark);margin-bottom:2rem;font-size:3rem;line-height:1.2}.promotion-features{padding:0;list-style:none}.promotion-features li{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;font-size:1.1rem;display:flex}.feature-icon{background:var(--primary-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.ecosystem-header{max-width:700px;margin:0 auto 4rem}.ecosystem-header h2{margin-bottom:1rem;font-size:2.5rem}.tool-card{border:1px solid var(--border);text-align:left;color:inherit;background:#fff;border-radius:30px;flex-direction:column;padding:2.5rem;text-decoration:none;transition:all .3s;display:flex}.tool-card h3{margin-bottom:1rem;font-size:1.5rem}.store-button-custom{color:var(--text);cursor:pointer;border:2px solid var(--primary-light);width:220px;height:64px;box-shadow:0 4px 12px var(--shadow);background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:10px 24px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.store-button-custom:hover{background:var(--primary-light);border-color:var(--primary);box-shadow:0 10px 20px var(--shadow-medium);transform:translateY(-4px)}.store-button-custom.google-play{border-color:var(--secondary-light)}.store-button-custom.google-play:hover{background:var(--secondary-light);border-color:var(--secondary)}.store-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.store-icon img{object-fit:contain}.store-text{text-align:left;flex-direction:column;line-height:1.2;display:flex}.store-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;font-family:Quicksand,sans-serif;font-size:.7rem;font-weight:500}.store-name{color:var(--text);font-family:Quicksand,sans-serif;font-size:1.15rem;font-weight:700}.tool-card.locked{background:var(--color-surface);opacity:.8}.status-badge{background:var(--color-neutral-bg);border-radius:20px;width:fit-content;margin-bottom:1rem;padding:.3rem .8rem;font-size:.75rem;font-weight:600}.status-badge.ready{background:var(--primary-light);color:var(--primary-dark)}.status-badge.progress{background:var(--color-warning-bg);color:var(--color-warning-dark);border:1px solid var(--color-warning-border)}.features-section{background-color:var(--background);flex-wrap:wrap;justify-content:center;gap:3rem;padding:5rem 1.5rem;display:flex}.feature-card{background:var(--surface);text-align:center;max-width:380px;box-shadow:0 15px 50px -15px var(--shadow-medium);border:1px solid #fffc;border-radius:32px;flex:300px;padding:3rem;transition:all .4s}.App-footer{background-color:var(--secondary-light);color:var(--text);margin-top:auto;padding:1.5rem 1rem}.App-footer p{margin:.2rem 0}.legal-page{text-align:left;background-color:var(--background);max-width:800px;min-height:100vh;margin:0 auto;padding:0 1.5rem}.legal-nav{border-bottom:1px solid var(--border);align-items:center;margin-bottom:3rem;padding:2rem 0;display:flex}.nav-logo{color:var(--text);align-items:center;gap:1rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.nav-logo img{height:40px}.legal-content h1{color:var(--primary-dark);margin-bottom:.5rem;font-size:2.5rem}.legal-content section{margin-top:2.5rem}.legal-content h2{color:var(--secondary-dark);margin-bottom:1rem;font-size:1.5rem}.legal-content p,.legal-content li{color:var(--text);margin-bottom:1rem;line-height:1.7}.legal-content ul{padding-left:1.5rem}.vocabulary-link-cta{background-color:var(--secondary);color:#fff;box-shadow:0 4px 15px var(--shadow-medium);border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.vocabulary-link-cta:hover{background-color:var(--secondary-dark);box-shadow:0 6px 20px var(--shadow-medium);transform:scale(1.05)}.highlight-section{border-bottom:1px solid var(--border);background-color:#fff;padding:4rem 1.5rem}.highlight-content{background:linear-gradient(135deg,var(--surface-light) 0%,var(--color-surface-light) 100%);border:1px solid var(--border);max-width:900px;box-shadow:0 10px 30px var(--shadow);border-radius:40px;margin:0 auto;padding:3rem}.highlight-text h2{color:var(--primary-dark);margin:1rem 0;font-size:2.2rem}.highlight-text p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.2rem}.badge{background:var(--primary);color:#fff;border-radius:20px;padding:.4rem 1rem;font-size:.9rem;font-weight:700}.vocabulary-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);text-align:center;z-index:100;background:#fffc;padding:1.5rem 1rem 1.25rem;position:sticky;top:0}.vocabulary-header h1{color:var(--primary-dark);margin:.5rem 0 0;font-size:1.8rem;font-weight:800}.brand-header-link{flex-direction:column;align-items:center;gap:.1rem;text-decoration:none;transition:opacity .2s;display:flex}.brand-header-link:hover{opacity:.8}.brand-header-link img{height:40px!important}.app-header-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}.back-link{color:var(--text-secondary);background:var(--background);border:1px solid var(--border);border-radius:50px;align-items:center;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 5px #0000000d}.back-link:hover{color:var(--primary-dark);background:var(--primary-light);border-color:var(--primary);transform:translateY(-1px)}.header-brand{flex-direction:column;align-items:center;gap:.1rem;display:flex}.header-subtitle{color:var(--text-secondary);margin:.4rem 0 0;font-size:.9rem}.in-progress-badge{background:var(--color-warning-bg);color:var(--color-warning-dark);border:1px solid var(--color-warning-border);border-radius:8px;margin-top:1rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.vocabulary-menu-container{max-width:1000px;margin:0 auto;padding:4rem 2rem}.dance-grid-menu{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.dance-menu-card{color:inherit;border:1px solid var(--border-light);box-shadow:var(--shadow);background:#fff;border-radius:32px;flex-direction:column;align-items:center;padding:3rem 2rem;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.dance-menu-card:hover{border-color:var(--primary-light);background:linear-gradient(180deg,var(--color-surface) 0%,var(--primary-light) 100%);box-shadow:var(--shadow-xl);transform:translateY(-12px)}.dance-card-icon{margin-bottom:1rem;font-size:3rem}.dance-menu-card h3{color:var(--text);margin:.5rem 0;font-size:1.5rem}.dance-menu-card p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.4}.explore-btn{color:var(--primary-dark);font-weight:700}.dance-family-tag{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;background:var(--color-neutral-bg);border-radius:4px;margin-bottom:.5rem;padding:2px 8px;font-size:.8rem;font-weight:600;display:inline-block}.dance-family-subheader{color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-top:-.2rem;margin-bottom:1rem;font-size:1rem;font-weight:600}.dance-menu-card.coming-soon{opacity:.7;background:var(--color-neutral-bg)}.coming-soon-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:700}.dance-detail-container{max-width:1000px;margin:0 auto;padding:2rem}.header-navigation{justify-content:center;margin:.6rem 0 .8rem;display:flex}.step-selection-container{flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.step-dropdown{appearance:none;border:2px solid var(--primary-light);color:var(--text);cursor:pointer;width:100%;max-width:400px;box-shadow:0 4px 12px var(--shadow);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237BA8A1' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 1.2rem center/1.2rem no-repeat;border-radius:15px;padding:1rem 3.5rem 1rem 1.5rem;font-family:inherit;font-size:1.1rem;transition:all .2s}.step-dropdown:hover{border-color:var(--primary);box-shadow:0 6px 18px var(--shadow-medium);transform:translateY(-1px)}.step-dropdown:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.focused-step-card{box-shadow:var(--shadow-xl);border:1px solid var(--border-light);background:#fff;border-radius:40px;width:100%;max-width:900px;margin:0 auto 4rem;transition:transform .3s;overflow:hidden}.focused-step-card:hover{transform:translateY(-4px)}.video-main-wrapper{background:#000;height:0;padding-bottom:56.25%;position:relative}.video-main-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0}.step-details-large{text-align:left;padding:2.5rem}.step-details-large h2{color:var(--primary-dark);margin:0 0 1rem;font-size:2rem}.step-details-large p{color:var(--text-secondary);margin:0;font-size:1.2rem;line-height:1.6}.steps-mini-grid{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.step-mini-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;padding:.8rem 1.5rem;transition:all .2s}.step-mini-card:hover{background:var(--primary-light)}.step-mini-card.active{background:var(--primary);color:#fff;border-color:var(--primary)}.step-mini-card h4{margin:0;font-size:.9rem}.app-promotion-banner{color:var(--text);border:1px solid var(--primary-light);max-width:fit-content;box-shadow:0 4px 12px var(--shadow);text-align:left;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:1.2rem;margin:1rem auto 2rem;padding:.6rem 1.25rem;display:flex}.promotion-banner-content{align-items:center;gap:1rem;display:flex}.banner-app-icon{font-size:1.6rem;line-height:1}.banner-text-group{flex-direction:column;justify-content:center;display:flex}.banner-app-name{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.75rem;font-weight:700}.banner-app-tagline{color:var(--text);margin:0;font-size:.95rem;font-weight:600;line-height:1}.promotion-banner-cta{background:var(--primary-light);color:var(--primary-dark);white-space:nowrap;border-radius:50px;padding:.5rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s}.promotion-banner-cta:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}@media(max-width:600px){.app-promotion-banner{gap:.8rem;width:calc(100% - 2rem);padding:.5rem 1rem}.banner-app-icon{font-size:1.4rem}.banner-app-tagline{font-size:.85rem}.promotion-banner-cta{padding:.4rem .8rem;font-size:.8rem}}.steps-list-section{max-width:1000px;margin:0 auto;padding:2rem 0}.steps-table-container{box-shadow:var(--shadow-lg);border:1px solid var(--border-light);background:#fff;border-radius:32px;padding:1rem;overflow:hidden}.steps-table{border-collapse:separate;border-spacing:0 .5rem;text-align:left;width:100%}.steps-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;background:0 0;border:none;padding:1.5rem;font-size:.75rem;font-weight:700}.steps-table td{background:var(--background-alt);vertical-align:middle;border-top:1px solid var(--border-light);padding:1.5rem}.clickable-row{cursor:pointer;transition:all .2s}.clickable-row:hover td{background:var(--primary-light);color:var(--primary-dark)}.clickable-row:hover .view-btn{transform:translate(5px)}.step-name-cell{color:var(--text);font-size:1.1rem}.step-desc-cell{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.view-btn{color:var(--primary-dark);white-space:nowrap;font-size:.9rem;font-weight:700}@media(max-width:600px){.steps-table th:nth-child(2),.steps-table td:nth-child(2){display:none}.steps-table td{padding:1rem}}@media(max-width:900px){.promotion-grid{text-align:center;grid-template-columns:1fr;gap:2rem}.promotion-features li{justify-content:center}.promotion-mockup{max-width:300px}}@media(max-width:600px){.highlight-content{padding:2rem 1.5rem}.highlight-text h2{font-size:1.8rem}}.hero-seo-content{z-index:2;position:relative}.hero-cta-group{flex-direction:column;align-items:center;gap:1rem;margin-top:2.5rem;display:flex}.hero-cta-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.web-cta-btn{color:var(--primary-dark);border:2px solid var(--primary);box-shadow:0 4px 6px var(--shadow);background:0 0;border-radius:99px;align-items:center;gap:.5rem;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.web-cta-btn:hover{background:var(--primary-light);box-shadow:0 10px 15px var(--shadow-medium);transform:translateY(-2px)}.secondary-cta-text{color:var(--text-secondary);font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}.secondary-cta-text:hover{color:var(--primary-dark)}.demo-visual-section{background:linear-gradient(180deg,var(--background) 0%,var(--surface-light) 100%);padding:4rem 1.5rem;position:relative;overflow:hidden}.demo-visual-container{max-width:900px;margin:0 auto;position:relative}.demo-phone-frame{background:var(--surface);box-shadow:0 40px 100px -20px var(--shadow-medium);border:8px solid var(--text);border-radius:48px;max-width:420px;margin:0 auto;padding:1.5rem;position:relative;overflow:hidden}.demo-video-area{background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary-light) 100%);border-radius:var(--radius-xl);aspect-ratio:16/9;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden}.demo-video-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dancer-silhouette{opacity:.35;filter:grayscale(.6);-webkit-user-select:none;user-select:none;pointer-events:none;font-size:4rem}.demo-video-overlay{position:absolute;bottom:12px;left:12px}.demo-live-badge{background:var(--primary);color:#fff;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #3d7a744d}.demo-timeline{padding:1rem 0;position:relative}.demo-timeline-track{background:var(--border);border-radius:3px;height:6px;margin-bottom:1.5rem;position:relative}.demo-timeline-progress{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);border-radius:3px;width:45%;height:100%;position:absolute;top:0;left:0}.demo-timeline-marker{background:var(--primary);border:3px solid var(--surface);width:16px;height:16px;box-shadow:0 2px 4px var(--shadow);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.demo-timeline-marker.active{background:var(--accent);width:20px;height:20px}.demo-step-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.demo-step-card{background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:left;padding:1rem;transition:all .3s}.demo-step-card:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-2px)}.demo-step-time{color:var(--primary-dark);margin-bottom:.25rem;font-size:.75rem;font-weight:700}.demo-step-name{color:var(--text);margin-bottom:.25rem;font-size:.95rem;font-weight:700}.demo-step-note{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.features-grid-section{background:var(--surface);padding:6rem 1.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;max-width:1100px;margin:0 auto;display:grid}.feature-card-modern{background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-xl);text-align:left;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.feature-card-modern:before{content:"";background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);opacity:0;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}.feature-card-modern:hover{border-color:var(--primary);box-shadow:0 20px 40px var(--shadow);transform:translateY(-8px)}.feature-card-modern:hover:before{opacity:1}.feature-icon-modern{background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary-light) 100%);border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.feature-card-modern h3{color:var(--text);margin:0 0 .75rem;font-size:1.25rem}.feature-card-modern p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.vocabulary-cta-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;text-align:center;padding:6rem 1.5rem;position:relative;overflow:hidden}.vocabulary-cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a,#0000 70%);width:200%;height:200%;animation:30s linear infinite rotate-slow;position:absolute;top:-50%;left:-50%}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vocabulary-cta-content{z-index:2;max-width:700px;margin:0 auto;position:relative}.vocabulary-cta-section h2{margin:0 0 1rem;font-size:clamp(1.8rem,4vw,2.5rem)}.vocabulary-cta-section p{opacity:.95;margin:0 0 2rem;font-size:1.1rem;line-height:1.6}.vocabulary-cta-btn{color:var(--primary-dark);background:#fff;border-radius:99px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 10px 15px -3px #0003}.vocabulary-cta-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 20px 25px -5px #00000040}.ecosystem-section{background:var(--surface);padding:6rem 1.5rem}.ecosystem-header{text-align:center;max-width:700px;margin:0 auto 4rem}.ecosystem-header h2{color:var(--text);margin-bottom:1rem;font-size:2.5rem}.ecosystem-header p{color:var(--text-secondary);font-size:1.1rem}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1100px;margin:0 auto;display:grid}.tool-card{background:var(--background);border:1px solid var(--border);text-align:left;color:inherit;border-radius:30px;flex-direction:column;padding:2.5rem;text-decoration:none;transition:all .3s;display:flex}.tool-card.clickable{cursor:pointer}.tool-card:hover{border-color:var(--primary);box-shadow:0 20px 40px var(--shadow);transform:translateY(-10px)}.tool-card .icon{margin-bottom:1.5rem;font-size:2.5rem}.tool-card h3{color:var(--text);margin-bottom:1rem;font-size:1.5rem}.tool-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:2rem;line-height:1.6}.tool-link{color:var(--primary-dark);align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:flex}.tool-link:hover{text-decoration:underline}.final-cta-section{background:linear-gradient(180deg,var(--surface) 0%,var(--background) 100%);text-align:center;padding:6rem 1.5rem}.final-cta-content{max-width:700px;margin:0 auto}.final-cta-section h2{color:var(--text);margin:0 0 1rem;font-size:clamp(2rem,4vw,2.8rem)}.final-cta-section p{color:var(--text-secondary);margin:0 0 2.5rem;font-size:1.1rem}.final-cta-buttons{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.final-cta-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.final-web-cta{border-top:1px solid var(--border);width:100%;max-width:400px;margin-top:1rem;padding-top:1.5rem}.final-web-cta p{margin-bottom:1rem;font-size:.95rem}.App-footer{background-color:var(--secondary-light);color:var(--text);text-align:center;margin-top:auto;padding:3rem 1rem 2rem}.App-footer h3{color:var(--secondary-dark);margin-top:0;margin-bottom:.5rem;font-size:1.3rem}.App-footer p{color:var(--text-secondary);margin:.2rem 0}.contact-link{color:var(--secondary-dark);border-bottom:2px solid #0000;margin-top:.75rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:border-color .2s;display:inline-block}.contact-link:hover{border-color:var(--secondary-dark)}.footer-links{color:var(--text-secondary);margin-top:2rem;font-size:.85rem}.footer-legal-links{justify-content:center;gap:1.5rem;margin-top:.5rem;display:flex}.footer-legal-link{color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:color .2s}.footer-legal-link:hover{color:var(--primary-dark)}@media(max-width:768px){.hero-cta-row{flex-direction:column;align-items:center;width:100%}.main-cta-btn,.web-cta-btn{justify-content:center;width:100%;max-width:320px}.demo-phone-frame{padding:1rem}.features-grid,.tools-grid{grid-template-columns:1fr}.final-cta-row{flex-direction:column;align-items:center;width:100%}.store-button-custom{width:100%;max-width:280px}}.features-showcase-section{background:linear-gradient(180deg,var(--surface) 0%,var(--background) 100%);padding:6rem 1.5rem}.feature-row{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1100px;margin:0 auto 6rem;display:grid}.feature-row:last-child{margin-bottom:0}.feature-row.reverse{direction:rtl}.feature-row.reverse>*{direction:ltr}.feature-text{text-align:left}.feature-tag{background:var(--primary-light);color:var(--primary-dark);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:1rem;padding:.35rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.feature-text h3{color:var(--text);margin:0 0 1rem;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.feature-text p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:1.1rem;line-height:1.7}.feature-benefits{margin:0 0 1.5rem;padding:0;list-style:none}.feature-benefits li{color:var(--text);margin-bottom:.75rem;padding-left:0;font-size:1rem;line-height:1.5}.feature-inline-link{color:var(--primary-dark);font-size:1rem;font-weight:700;text-decoration:none;transition:color .2s}.feature-inline-link:hover{text-decoration:underline}.feature-visual{justify-content:center;align-items:center;display:flex}.visual-videoteca{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:340px;display:grid}.vthumb{aspect-ratio:16/10;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary-light) 100%);box-shadow:0 4px 12px var(--shadow);transition:all .3s;position:relative}.vthumb.active{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);box-shadow:0 8px 24px var(--shadow-medium);z-index:2;transform:scale(1.08)}.vthumb.active:after{content:"▶";color:#fff;opacity:.9;font-size:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vthumb:hover{box-shadow:0 8px 20px var(--shadow-medium);transform:translateY(-4px)}.visual-timeline{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:380px;box-shadow:0 10px 30px var(--shadow);border:1px solid var(--border-light);padding:2rem}.vt-track{background:var(--border);border-radius:3px;height:6px;margin-bottom:1.5rem;position:relative}.vt-progress{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);border-radius:3px;width:55%;height:100%;position:absolute;top:0;left:0}.vt-marker{background:var(--primary);border:3px solid var(--surface);width:14px;height:14px;box-shadow:0 2px 6px var(--shadow);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vt-marker.active{background:var(--accent);width:18px;height:18px}.vt-cards{flex-direction:column;gap:.75rem;display:flex}.vt-card{background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem;transition:all .2s}.vt-card.highlight{border-color:var(--primary);background:var(--primary-light)}.vt-time{color:var(--primary-dark);margin-bottom:.25rem;font-size:.75rem;font-weight:700}.vt-name{color:var(--text);margin-bottom:.25rem;font-size:.95rem;font-weight:700}.vt-note{color:var(--text-secondary);font-size:.85rem}.visual-practice{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:340px;display:grid;position:relative}.prac-control{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .3s;display:flex}.prac-control.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 8px 20px var(--shadow);transform:translateY(-4px)}.prac-icon{font-size:1.5rem}.prac-control span{color:var(--text);font-size:.85rem;font-weight:700}.prac-screen{aspect-ratio:16/9;background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary-light) 100%);border-radius:var(--radius-xl);grid-column:1/-1;justify-content:center;align-items:center;margin-top:.5rem;display:flex}.prac-play{background:var(--surface);width:48px;height:48px;color:var(--primary-dark);box-shadow:0 4px 12px var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.visual-spaces{width:280px;height:280px;position:relative}.sp-center{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);width:80px;height:80px;box-shadow:0 8px 24px var(--shadow-medium);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-avatar{background:var(--surface);width:44px;height:44px;color:var(--text);border:2px solid var(--border);box-shadow:0 2px 8px var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:absolute}.sp-a1{top:10%;left:50%;transform:translate(-50%)}.sp-a2{top:30%;right:10%}.sp-a3{bottom:30%;right:10%}.sp-a4{bottom:10%;left:50%;transform:translate(-50%)}.sp-a5{bottom:30%;left:10%}.visual-dictionary{grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:320px;display:grid}.dict-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:left;padding:1.25rem;transition:all .3s}.dict-card:hover{border-color:var(--primary);box-shadow:0 8px 20px var(--shadow);transform:translateY(-4px)}.dict-badge{color:var(--primary-dark);background:var(--primary-light);text-transform:uppercase;border-radius:10px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.dict-name{color:var(--text);font-size:1rem;font-weight:700}.visual-cloud{justify-content:center;align-items:center;width:280px;height:200px;display:flex;position:relative}.cl-device{background:var(--surface);border-radius:var(--radius-md);box-shadow:0 4px 16px var(--shadow);border:2px solid var(--border-light);justify-content:center;align-items:center;font-size:1.8rem;transition:all .3s;display:flex;position:absolute}.cl-phone{border-radius:10px;width:50px;height:80px;top:50%;left:20px;transform:translateY(-50%)}.cl-tablet{border-radius:8px;width:70px;height:90px;top:20%;right:20px}.cl-desktop{border-radius:6px;width:100px;height:70px;bottom:10px;right:40px}.cl-sync-line{border:2px dashed var(--primary-light);border-radius:50%;width:60px;height:60px;animation:10s linear infinite spin-slow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin-slow{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media(max-width:900px){.feature-row{text-align:center;flex-direction:column;gap:1rem;margin-bottom:4rem;display:flex}.feature-row.reverse{direction:ltr}.feature-text{display:contents}.feature-tag{order:1;align-self:center;margin-bottom:.5rem}.feature-row h3{order:2;margin-bottom:1rem}.feature-visual{order:3;margin-top:.5rem;margin-bottom:1.5rem}.feature-row p{order:4;margin-bottom:1rem}.feature-benefits{text-align:left;order:5;margin-bottom:1rem;display:inline-block}.feature-inline-link{order:6;margin-bottom:1rem}.visual-spaces{width:240px;height:240px}.visual-cloud{width:240px}}.pricing-section{background:linear-gradient(180deg,var(--background) 0%,var(--surface) 100%);text-align:center;padding:6rem 1.5rem;position:relative;overflow:hidden}.pricing-header{max-width:700px;margin:0 auto 4rem}.pricing-header h2{color:var(--text);margin-top:1.5rem;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.8rem);line-height:1.2}.pricing-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch;gap:2rem;max-width:1200px;margin:0 auto;display:grid}.pricing-card{background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-xl);text-align:left;flex-direction:column;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.pricing-card:hover{border-color:var(--primary-light);box-shadow:0 20px 40px var(--shadow);transform:translateY(-8px)}.pricing-card.popular{border-color:var(--primary);box-shadow:0 15px 35px var(--shadow-medium);background:linear-gradient(180deg,var(--background) 0%,#fffc 100%)}@media(min-width:901px){.pricing-card.popular{transform:scale(1.05)}.pricing-card.popular:hover{transform:translateY(-8px)scale(1.05)}}.popular-tag{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px var(--shadow);border-radius:99px;padding:.35rem 1.25rem;font-size:.75rem;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.pricing-card-header{margin-bottom:2rem}.plan-badge{background:var(--surface);border:1px solid var(--border-light);color:var(--text-secondary);text-transform:uppercase;border-radius:12px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.popular .plan-badge{background:var(--primary-light);color:var(--primary-dark);border-color:#0000}.pricing-card-header h3{color:var(--text);margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.plan-desc{color:var(--text-secondary);min-height:2.8rem;margin:0 0 1.5rem;font-size:.9rem;line-height:1.4}.plan-price{color:var(--text);align-items:baseline;display:flex}.plan-price .currency{align-self:flex-start;margin-top:.25rem;font-size:1.5rem;font-weight:700}.plan-price .amount{letter-spacing:-1px;font-size:3rem;font-weight:900;line-height:1}.plan-price .period{color:var(--text-light);margin-left:.25rem;font-size:.95rem;font-weight:600}.plan-features{flex-direction:column;flex-grow:1;gap:1rem;margin:0 0 2.5rem;padding:0;list-style:none;display:flex}.plan-features li{color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.4;display:flex}.plan-features li span{color:var(--primary-dark);font-weight:700}.pricing-btn{text-align:center;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-lg);padding:1rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:block}.pricing-btn:hover{background:var(--background);border-color:var(--primary-light);color:var(--primary-dark);transform:scale(1.02)}.pricing-btn.active{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 8px 16px var(--shadow-medium);border:none}.pricing-btn.active:hover{opacity:.95;box-shadow:0 12px 20px var(--shadow-medium);transform:scale(1.02)translateY(-1px)}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;gap:2.5rem}}.pricing-info-box{border-radius:var(--radius-xl);text-align:left;border:1px solid var(--border-light);max-width:800px;box-shadow:0 10px 30px var(--shadow);align-items:flex-start;gap:1.5rem;margin:4rem auto 0;padding:2rem;transition:all .3s;display:flex}.pricing-info-box:hover{box-shadow:0 15px 35px var(--shadow-medium);transform:translateY(-2px)}.info-box-icon{background:var(--primary-light);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;padding:.8rem;font-size:2.2rem;line-height:1;display:flex}.info-box-content h4{color:var(--text);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.info-box-content p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}@media(max-width:600px){.pricing-info-box{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem}}body{background-color:var(--background);color:var(--text);margin:0;line-height:1.5}html{scroll-behavior:smooth}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}