:root{--color-text: #1a1a1a;--color-text-muted: #6d6d6d;--color-white: #fefefe;--color-surface: var(--color-white);--color-surface-alt: #f6f4f0;--color-border: #e5e1d8;--color-accent: #e28011;--color-accent-light: #f4b860;--color-peach: #fdf2e4;--color-accent-tint: rgba(226,128,17,0.08);--color-accent-tint-strong: rgba(226,128,17,0.12);--color-danger: #d32f2f;--color-danger-tint: rgba(211,47,47,0.08);--shadow-card: 0px 2px 2px 0px rgba(27,59,119,0.05),0px 6px 10px 0px rgba(6,47,125,0.05),0px 1px 2px 0px rgba(7,4,146,0.10);--shadow-card-hover: 0px 4px 8px 0px rgba(27,59,119,0.05),0px 16px 28px 0px rgba(6,47,125,0.07);--shadow-dramatic: 0 30px 60px -20px rgba(0,0,0,0.45);--shadow-focus-ring: 0 0 0 3px rgba(226,128,17,0.18);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px}*{font-optical-sizing: auto;font-style: normal;scroll-behavior: smooth;caret-color: var(--color-accent);box-sizing: content-box;background: none}body{font-family: "SUSE",sans-serif;margin: 0;padding: 0;font-size: 1rem}html,body{max-width: 100%}* ::after,* ::before{box-sizing: border-box}input,select,textarea,button,a{box-sizing: border-box}.Padding1,.Padding2,.SectionPadding{box-sizing: border-box}.AuthCard,.PlanCard,.DropdownCard,.LanguagePickerOption,.FeatureCard,.DashboardGameHero,.DashboardGameHeroVisual,.DashboardGameHeroContent,.FAQItem{box-sizing: border-box}*::-webkit-scrollbar{width: 10px;height: 10px}* ::-webkit-scrollbar-thumb{background: var(--color-accent);border-radius: 10px}* ::-webkit-scrollbar-thumb:hover{background: var(--color-accent)}::-moz-selection{color: white;background: var(--color-accent)}* ::selection{color: white;background: var(--color-accent)}h1{font-size: 400%;font-weight: 600;margin: 1rem 0}h2{font-size: 200%;margin: 1rem 0}h3{font-size: 140%;margin: 1rem 0}h4,h5{font-size: 140%;margin: 1rem 0}h6{font-size: 100%;margin: 1rem 0}p{font-size: 112%;margin: 1rem 0}p:last-of-type{margin: 0 0 1rem 0}strong{font-weight: 600}small{font-size: 0.85rem}b,.Bold{font-weight: 700}.Underlined{text-decoration: underline}.Icon{font-size: 126%;padding: 0.16em}.TextButton .Icon{font-size: 95%;vertical-align: middle;padding: 0 0.16em;margin-top: -3px}header{padding: 1rem;border-bottom: 1px solid rgba(255,255,255,0.25)}details{cursor: pointer;border-radius: var(--radius-sm);transition: ease-in-out 0.2s;padding: 0.5rem}details:hover{background: #f0f2f5}details[open]{background: #f0f2f5}summary{padding: 1rem;font-size: 1rem}summary::marker{content: ""}details[open] summary{border-bottom: 1px solid #aaa;margin-bottom: 1rem}form{}input,select,textarea{width: 100%;font-family: inherit;font-size: 100%;border: 1px solid var(--color-border);padding: 16px 0;text-indent: 16px;background: var(--color-white);border-radius: var(--radius-sm);outline: none;transition: border-color 0.15s ease,box-shadow 0.15s ease}select{appearance: none;-webkit-appearance: none;-moz-appearance: none;padding-right: 44px;background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%237a7a7a' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 16px center;background-size: 12px 8px;cursor: pointer}select:focus{background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23e28011' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.Checkbox{appearance: none;-webkit-appearance: none;box-sizing: border-box;width: 18px;min-width: 18px;height: 18px;padding: 0;margin: 0;text-indent: 0;flex-shrink: 0;border: 1px solid #b9b4aa;border-radius: 0;background-color: var(--color-white);display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: background-color 0.15s ease,border-color 0.15s ease}.Checkbox:hover{border-color: var(--color-accent)}.Checkbox:checked{background-color: var(--color-accent);border-color: var(--color-accent)}.Checkbox::before{content: '';display: block;width: 10px;height: 10px;background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M1 5L4.5 8.5L11 1' stroke='white' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: 10px 10px;opacity: 0;transform: scale(0.6);transition: opacity 0.1s ease,transform 0.1s ease}.Checkbox:checked::before{opacity: 1;transform: scale(1)}.Checkbox:focus-visible{box-shadow: var(--shadow-focus-ring);outline: none}.Checkbox:disabled{cursor: not-allowed;opacity: 0.5;background-color: #f0f0f0;border-color: var(--color-border)}::placeholder{font-family: inherit;font-size: inherit;opacity: 1}input:focus,select:focus,textarea:focus{border-color: var(--color-accent);box-shadow: var(--shadow-focus-ring);outline: none}textarea{min-height: 100px;resize: none}input:disabled{cursor: not-allowed;background: #333;color: var(--color-white)}label{display:flex;margin-bottom: 10px}output.Invalid{display: block;color: var(--color-danger);margin-top: 0.4rem;font-size: 0.85rem}output.Invalid small{font-size: inherit}output.Invalid i{font-size: 1rem;margin-right: 0.4rem}output.Invalid b,output.Invalid strong{font-weight: inherit}input.Invalid,select.Invalid,textarea.Invalid{border-color: var(--color-danger)}input.Invalid:focus,select.Invalid:focus,textarea.Invalid:focus{border-color: var(--color-danger);box-shadow: 0 0 0 3px rgba(211,47,47,0.18)}[data-classificationvisual="InputText"],[data-classificationvisual="InputTextArea"],[data-classificationvisual="InputSelect"],[data-classificationvisual="InputNumber"],[data-classificationvisual="InputPassword"],[data-classificationvisual="InputPasswordToggle"]{display: block;margin-bottom: 10px}[data-classificationvisual="InputText"] > span > [data-classificationvisual="Button"]{width: 30px;position: absolute;margin-top: -75px;right: 0;margin-right: 54px}a{text-decoration: none;color: var(--color-accent);font-weight: 600;transition: all 0.3s}a:hover{opacity: .75}button,.Button > a{display: inline-flex;align-items: center;justify-content: space-between;color: var(--color-text);font-size: 100%;cursor: pointer;border: none;font-weight: 600;padding:0;width: auto;overflow: hidden}button:hover,.Button:hover{transition: ease-in-out 0.1s;opacity: 0.8}.TextButton{box-sizing: border-box;padding: 0 10px}.TextButton > a{display: block;width: 100%;height: 100%}button.PaddingButton,.Button.PaddingButton{padding: 0.6rem 1rem}img{border: 0;-o-object-fit: contain;object-fit: contain}figure{width: 100%;overflow: hidden}svg{shape-rendering: auto}table,tr{margin-top: 10px;border-collapse: collapse;border-radius: var(--radius-sm);overflow: hidden;font-size: 100%;width: 100%}tr[data-selectable] > td{background: #ac5825;color: #f5f5f5;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}th,td{background-color: #f0f2f5;color: var(--color-text);padding: 8px 8px;-moz-box-shadow: inset 0 0 0 0.4px #e1e1e1;-webkit-box-shadow: inset 0 0 0 0.4px #e1e1e1;box-shadow: inset 0 0 0 0.4px var(--color-border)}th{background: #0C2D48;color: #f5f5f5;font-weight: 600}tr.Selected > td{background: #2567A7;color: #f5f5f5}tr.Red > td{background: red}ul,ol{list-style-type: none}li{font-size: 100%;line-height: 160%;margin-right: 0}.Flex{display: flex}.Row{flex-direction: row}.Column{flex-direction: column}.ColumnRow{flex-direction: column}.Top{top: 0}.Left{left: 0}.Right{right: 0}.Wrap{flex-wrap: wrap}.Center{margin: 0 auto;align-self: center}.AlignCenter{align-items: center}.CenterText{text-align: center}.JustifyCenter{justify-content: center}.JustifyBetween{justify-content: space-between}.ZIndex1{z-index: 1}.Gap05{gap: 0.5rem}.Gap1{gap: 1rem}.Gap2{gap: 2rem}.Gap3{gap: 3rem}.Desktop{display: none}.Mobile{display: inline-flex}.PaddingTop{padding-top: 1.6rem}.Padding1{padding: 0.6rem}.Padding2{padding: 1.6rem}.Width100{width: 100%}.MaxWidth400{max-width: 400px;width: 100%}.MaxWidth640{max-width: 640px;width: 100%}.MaxWidth1125{max-width: 1125px;width: 100%}.MaxWidth1400{max-width: 1400px;width: 100%}.Height100{height: 100vh}.MainColour{color: var(--color-accent)}.LandingText{color: var(--color-text-muted);opacity: 1}.BlackText{color: var(--color-text)}.WhiteText{color: white}.Success{background: #069c56;color: #f9f9f9}.Warning{background: #ff681e;color: #f9f9f9}.Error{background: #d3212c;color: #f9f9f9}.BackgroundSecondary{background-color: #00796b;color: #e0f7fa}.BackgroundBlack{background-color: var(--color-text);color: var(--color-white)}.BackgroundWhite{background-color: var(--color-surface)}.BackgroundGrey{background-color: var(--color-surface-alt)}.Shadow{box-shadow: var(--shadow-card)}.Border{border: 1px solid var(--color-text)}.Logo{font-family: "SUSE",sans-serif;font-size: 240%;font-weight: 800;letter-spacing: -0.02em;line-height: 1}.LogoMark{color: var(--color-white);white-space: nowrap}.LogoMark .LogoO{display: inline-block;position: relative;margin-left: 0.03em;color: var(--color-accent);line-height: 1}.LogoMark .LogoTail{position: absolute;left: 0;top: 0;width: 1em;height: 1em;overflow: visible;fill: var(--color-accent);pointer-events: none}.Logo.Orange{color: var(--color-accent)}.RoundCorner{border-radius: var(--radius-lg)}.Round{aspect-ratio: 1 / 1;display: inline-flex;justify-content: center;align-items: center;padding: 0.5em;border-radius: 50%;overflow: hidden}.Flag{position: relative;height: 20px;width: 20px;background-size: cover;background-position: center;overflow: hidden;box-shadow: 0 1px 3px #0003,0 0 1px 1px #0001}.English{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='36' viewBox='0 0 60 36'%3E%3Crect width='60' height='36' fill='%23012169'/%3E%3Cg stroke='%23FFFFFF' stroke-width='6'%3E%3Cpath d='M0,0 L60,36 M60,0 L0,36'/%3E%3C/g%3E%3Cg stroke='%23C8102E' stroke-width='2.4'%3E%3Cpath d='M0,0 L60,36 M60,0 L0,36'/%3E%3C/g%3E%3Cg stroke='%23FFFFFF' stroke-width='10'%3E%3Cpath d='M30,0 V36 M0,18 H60'/%3E%3C/g%3E%3Cg stroke='%23C8102E' stroke-width='6'%3E%3Cpath d='M30,0 V36 M0,18 H60'/%3E%3C/g%3E%3C/svg%3E");background-size: cover;background-position: center}.Dutch{background: linear-gradient(to bottom,#ae1c28 33.33%,#fff 33.33% 66.66%,#21468b 66.66%)}.Spanish{background: linear-gradient(to bottom,#AD1519 25%,#FABD00 25% 75%,#AD1519 75% )}.French{background: linear-gradient(to right,#002654 33.333%,#FFFFFF 33.333% 66.666%,#ED2939 66.666% )}.German{background: linear-gradient(to bottom,#000000 33.33%,#D00D18 33.33% 66.66%,#FFCE00 66.66% )}.Italian{background: linear-gradient(to right,#009246 33.333%,#FFFFFF 33.333% 66.666%,#CE2B37 66.666% )}.Tag{border-radius: 1rem 1rem 0 0;background-color: var(--color-accent);color: var(--color-text);padding: 0.5rem 1rem;font-size: 0.85rem;transform: translate(32px)}.Menu{position: absolute;margin-top: 86px;max-width: 360px;margin-left: -260px;z-index: 10}.SoftwareContent{overflow-y: overlay;height: 100vh}.SectionPadding{padding: 4rem 1.5rem}.Eyebrow{display: inline-block;color: var(--color-text);font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;font-size: 0.85rem;margin-bottom: 0.5rem}.Eyebrow::before{content: '';display: inline-block;width: 1.4rem;height: 3px;margin-right: 0.6rem;border-radius: 999px;background-color: var(--color-accent);vertical-align: middle;position: relative;top: -0.1em}.WhiteText .Eyebrow{color: var(--color-accent)}.TextBox{max-width: 640px}.ButtonPrimary,.ButtonSecondary{display: inline-flex;align-items: center;justify-content: center}.ButtonPrimary{background-color: transparent;color: var(--color-text);border: 2px solid var(--color-accent);border-radius: 999px;padding: calc(1.05rem - 2px) calc(1.8rem - 2px);font-size: 1.05rem;font-weight: 800;letter-spacing: -0.02em;transition: transform 0.15s ease,box-shadow 0.15s ease,background-color 0.15s ease,opacity 0.15s ease}.WhiteText .ButtonPrimary,.HeroBackground .ButtonPrimary{color: var(--color-white)}.WhiteText .AuthCard .ButtonPrimary,.HeroBackground .AuthCard .ButtonPrimary,.WhiteText .HelpFormCard .ButtonPrimary,.WhiteText .PlanCard .ButtonPrimary{color: var(--color-text)}.ButtonPrimary .Icon{color: inherit}@media (hover: hover){.ButtonPrimary:hover{opacity: 1;background-color: var(--color-accent-tint-strong);transform: translateY(-2px)}}.ButtonPrimary .Icon,.ButtonSecondary .Icon{margin-left: 0.55rem;padding: 0;font-size: 0.95rem;transition: transform 0.15s ease}@media (hover: hover){.ButtonPrimary:hover .Icon,.ButtonSecondary:hover .Icon{transform: translateX(3px)}}.ButtonSecondary{background-color: transparent;color: inherit;border: 1px solid currentColor;border-radius: 999px;padding: 0.85rem 1.7rem;font-weight: 700;transition: background-color 0.15s ease,transform 0.15s ease,opacity 0.15s ease}@media (hover: hover){.ButtonSecondary:hover{opacity: 1;background-color: rgba(122,122,122,0.15);transform: translateY(-2px)}}.SiteNav{padding: 0.8rem 1.5rem;box-shadow: 0 1px 0 rgba(255,255,255,0.08)}@media only screen and (max-width: 640px){.SiteNav{padding: 0.7rem 1rem}}.SiteNav .ButtonPrimary{padding: 0.6rem 1.35rem;font-size: 0.95rem}.SiteNav .ButtonSecondary{padding: calc(0.6rem - 1px) 1.35rem;font-size: 0.95rem;white-space: nowrap}.SiteNav .NavStartFree{white-space: nowrap}output[data-reaction="Validation"] .ValidationLink{color: inherit;font-weight: 700;text-decoration: underline}.SiteNav .NavCta{display: flex;align-items: center;gap: 0.5rem}@media only screen and (max-width: 640px){.SiteNav .NavStartFree{display: none}}.SiteNav [data-objectid="48"] > p{margin: 0}@media only screen and (max-width: 1099px){.SiteNav nav{gap: 0.75rem}}.TrialBar{position: sticky;top: 0;z-index: 11;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.5rem 1rem;background-color: #fff4e6;color: #7a4a12;padding: 0.6rem 1.5rem;font-size: 0.85rem;font-weight: 600;text-align: center}.TrialBar a{color: var(--color-accent);font-weight: 700}.TrialBar a .Icon{font-size: 90%;vertical-align: middle;padding: 0 0.16em}.SiteNav nav a.WhiteText{position: relative;padding-bottom: 0.2rem;transition: opacity 0.15s ease}.SiteNav nav a.WhiteText::after{content: '';position: absolute;left: 0;right: 100%;bottom: 0;height: 2px;background-color: var(--color-accent);transition: right 0.2s ease}.SiteNav nav a.WhiteText:hover{opacity: 0.85}.SiteNav nav a.WhiteText:hover::after{right: 0}.NavAutoPush{margin-left: auto}.HeaderIconButton{position: relative;width: 44px;height: 44px;min-width: 44px;min-height: 44px;max-width: 44px;max-height: 44px;flex-shrink: 0;overflow: hidden;line-height: 1;background-color: rgba(255,255,255,0.12);color: var(--color-white);border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;transition: background-color 0.15s ease}.HeaderIconButton:hover{background-color: rgba(255,255,255,0.22)}.HeaderIconButton:focus-visible{outline: 2px solid var(--color-accent);outline-offset: 2px}.HeaderIconButton .Icon,.HeaderIconButton i{color: var(--color-white);font-size: 100%;line-height: 1;padding: 0}.Relative{position: relative}.HeaderMenu{position: absolute;top: calc(100% + 12px);right: 0;left: auto;z-index: 12}@keyframes HeaderMenuOpen{from{opacity: 0;transform: translateY(-8px)}to{opacity: 1;transform: translateY(0)}}.HeaderMenu:not(.Hidden){animation: HeaderMenuOpen 0.18s ease-out}.MobileMenuButton{width: 44px;height: 44px;min-width: 44px;flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;background-color: rgba(255,255,255,0.12);border-radius: 50%;transition: background-color 0.15s ease}.MobileMenuButton:hover{background-color: rgba(255,255,255,0.22)}.BurgerIcon{display: flex;flex-direction: column;justify-content: center;gap: 4px;width: 18px}.BurgerIcon span{display: block;height: 2px;width: 100%;background-color: var(--color-white);border-radius: 2px}.MobileNavLink{display: flex;align-items: center;gap: 0.65rem;padding: 0.65rem 0.6rem;border-radius: var(--radius-sm);font-weight: 600;color: var(--color-text);text-decoration: none}.MobileNavLink .Icon{font-size: 15px;color: var(--color-text-muted);padding: 0}.MobileNavLink:hover{background-color: var(--color-accent-tint);color: var(--color-accent)}.MobileNavLink:hover .Icon{color: var(--color-accent)}.DropdownCard{background-color: var(--color-white);color: var(--color-text);border-radius: var(--radius-md);padding: 0.5rem;width: 280px;box-shadow: var(--shadow-card)}[data-objectid="47"].DropdownCard{width: auto;min-width: 220px;max-width: 320px}.DropdownAvatar{width: 36px;height: 36px;min-width: 36px;border-radius: 50%;background: linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);color: var(--color-white);display: inline-flex;align-items: center;justify-content: center;font-weight: 700;font-size: 0.9rem}.DropdownDivider{height: 1px;background-color: var(--color-border);margin: 0.2rem 0.4rem}[data-objectid="SiteLanguageToggle"] .Icon,[data-objectid="SiteLanguageMenu"] .Icon{box-sizing: border-box;width: 20px;height: 20px;aspect-ratio: 1 / 1;padding: 0;border-radius: 50%;flex-shrink: 0}.NotificationsDropdown{width: 320px}@keyframes HeaderMenuSlideDown{from{opacity: 0;transform: translateY(-20px)}to{opacity: 1;transform: translateY(0)}}@media only screen and (min-width: 641px){.Mobile > [data-objectid="MobileNavMenu"]{left: 0;right: auto}}@media only screen and (max-width: 640px){.HeaderMenu{position: fixed;top: var(--HeaderMenuTop,5rem);left: 0;right: 0}.HeaderMenu:not(.Hidden){animation: HeaderMenuSlideDown 0.22s ease-out}.DropdownCard,.NotificationsDropdown,[data-objectid="47"].DropdownCard{width: 100%;min-width: 0;max-width: none;border-radius: 0;border-bottom: 1px solid var(--color-border);box-shadow: var(--shadow-card-hover)}}body:has(.HeaderMenu:not(.Hidden))::after{content: '';position: fixed;inset: 0;background-color: rgba(0,0,0,0.3);z-index: 9;animation: HeaderMenuBackdropFade 0.18s ease-out}.SiteNav{position: relative;z-index: 14}@keyframes HeaderMenuBackdropFade{from{opacity: 0}to{opacity: 1}}.NotificationRow{display: flex;align-items: flex-start;gap: 0.7rem;border-radius: var(--radius-sm);padding: 0.7rem 0.6rem;border: 1px solid var(--color-border)}.NotificationRow + .NotificationRow{margin-top: 0.4rem}.NotificationRow:hover{background-color: var(--color-accent-tint)}.NotificationRow.Unread{background-color: rgba(226,128,17,0.06)}.NotificationIcon{flex-shrink: 0;font-size: 1.15rem;line-height: 1.4}.NotificationIcon .Icon{color: var(--color-accent)}.NotificationBody{display: flex;flex-direction: column;gap: 0.15rem}.NotificationTitle{font-weight: 700;font-size: 0.9rem;color: var(--color-text)}.NotificationText{font-size: 0.85rem;color: var(--color-text-muted);line-height: 1.4}.NotificationsEmpty{text-align: center;color: var(--color-text-muted);font-size: 0.9rem;padding: 1.2rem 0.6rem;margin: 0}.DropdownCard h1,.DropdownCard h2,.DropdownCard h3,.DropdownCard h4,.DropdownCard p,.DropdownCard span{color: var(--color-text)}.DropdownCard .TextButton,.DropdownCard a.Button{border-radius: var(--radius-sm);text-align: left;padding: 0.65rem 0.6rem;font-size: 1rem;font-weight: 600;transition: background-color 0.15s ease,color 0.15s ease}[data-objectid="47"] .TextButton > a,[data-objectid="47"] button.TextButton{display: flex;align-items: center;justify-content: flex-end;gap: 0.65rem;flex-direction: row-reverse}[data-objectid="47"] .Icon{width: 15px;text-align: center;color: var(--color-text-muted);flex-shrink: 0}.DropdownCard .TextButton:hover a,.DropdownCard .TextButton:hover span,.DropdownCard .TextButton:hover .Icon,.DropdownCard a.Button:hover span,.DropdownCard a.Button:hover .Icon,.DropdownCard button:hover span,.DropdownCard button:hover .Icon{color: inherit}.DropdownCard .TextButton:hover,.DropdownCard a.Button:hover,.DropdownCard button:hover{background-color: var(--color-accent-tint);color: var(--color-accent);opacity: 1}.DropdownCard .OptionRow.Selected span{color: inherit}.SignUpStep{font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;font-size: 0.75rem;color: rgba(255,255,255,0.6)}.MobileStepPrefix{display: none}.MobileTitleText{display: none}.PasswordFieldRow{position: relative;display: flex;align-items: center}.PasswordFieldRow input{padding-right: 2.75rem}.PasswordToggle{position: absolute;right: 0.75rem;top: 0;bottom: 0;display: inline-flex;align-items: center;justify-content: center;background: none;border: none;padding: 0 0.4rem;color: var(--color-text-muted);cursor: pointer;margin-top: -8px}.PasswordToggle:hover{color: var(--color-accent)}.PasswordToggle i{font-size: 1rem;pointer-events: none;margin-top: -1px}.LanguagePickerGrid{display: grid;grid-template-columns: repeat(2,1fr);gap: 0.75rem;width: 100%}[data-objectid="9325"]{max-width: 680px}.LanguagePickerOption{display: flex;flex-direction: row-reverse;align-items: center;justify-content: flex-end;text-align: left;gap: 0.65rem;width: 100%;background-color: var(--color-white);border: 1px solid var(--color-border);border-radius: 999px;padding: 0.75rem 1.1rem;font-size: 1.05rem;color: var(--color-text);font-weight: 600;transition: border-color 0.15s ease,background-color 0.15s ease}.LanguagePickerOption:hover{border-color: var(--color-accent);background-color: var(--color-accent-tint);opacity: 1}.LanguagePickerOption .Flag{width: 28px;height: 28px;border-radius: 50%;flex-shrink: 0}[data-objectid="9319"] .LanguagePickerOption .Icon{display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;padding: 0;border-radius: 50%;background: var(--color-accent);color: var(--color-white);font-size: 1.1rem;outline: 3px solid rgba(255,255,255,0.18);outline-offset: 3px;flex-shrink: 0}.FieldRow{display: flex;gap: 1rem}.FieldRow > *{flex: 1 1 0;min-width: 0}.FieldHint{font-size: 0.85rem;color: var(--color-text-muted);margin-top: -0.4rem}.VerifyIcon{width: 56px;height: 56px;border-radius: 50%;background-color: var(--color-accent-tint-strong);color: var(--color-accent);display: flex;align-items: center;justify-content: center;font-size: 1.3rem;margin: 0 auto}.CodeInputReal{position: absolute;width: 1px;height: 1px;padding: 0;border: none;opacity: 0;pointer-events: none}.CodeBoxGroup{display: flex;justify-content: center;gap: 0.6rem;margin: 0.25rem 0}.CodeBox{width: 46px;height: 56px;padding: 0;text-indent: 0;text-align: center;font-size: 1.6rem;font-weight: 700;flex-shrink: 0}.CodeBox:focus{outline: none;border-color: var(--color-accent);box-shadow: 0 0 0 3px rgba(226,128,17,0.15)}.VerifyEmailText{color: rgba(255,255,255,0.75);margin: 0}.VerifyHint{font-size: 0.85rem;color: var(--color-text-muted);text-align: center;margin: 0.25rem 0 0}.ResendLink{background: none;border: none;padding: 0;color: var(--color-accent);font-weight: 600;cursor: pointer}.ResendLink:hover{opacity: 0.75}.ResendLink.Disabled{color: var(--color-text-muted);opacity: 0.7;pointer-events: none;cursor: default}.ResendStatus{display: none}.ResendStatus.Sending{display: block;margin-top: 0.6rem;color: rgba(255,255,255,0.6);font-style: italic;font-size: 0.85rem;text-align: center}.ResendStatus.Success{display: flex;align-items: flex-start;gap: 0.7rem;margin-top: 0.85rem;background-color: var(--color-white);color: var(--color-text);text-align: left;border-radius: var(--radius-md);padding: 1rem 1.15rem;font-size: 0.85rem;line-height: 1.55;box-shadow: var(--shadow-card);animation: ResendStatusIn 0.25s ease}.ResendStatus.Success::before{content: '\2713';flex-shrink: 0;width: 24px;height: 24px;border-radius: 50%;background-color: rgba(47,158,108,0.15);color: #2f9e6c;display: flex;align-items: center;justify-content: center;font-size: 0.85rem;font-weight: 700}@keyframes ResendStatusIn{from{opacity: 0;transform: translateY(-4px)}to{opacity: 1;transform: translateY(0)}}.PlanGrid{display: flex;flex-wrap: wrap;gap: 1.25rem;width: 100%;align-items: stretch}.PlanCard{flex: 1 1 220px;background-color: var(--color-white);border: 2px solid var(--color-border);border-radius: var(--radius-lg);padding: 1.75rem 1.5rem;color: var(--color-text);display: flex;flex-direction: column;gap: 1rem;transition: border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}@media (hover: hover){.PlanCard:not(.Featured):hover{border-color: var(--color-accent-light);box-shadow: var(--shadow-card-hover);transform: translateY(-2px)}.PlanCard.Featured:hover{box-shadow: var(--shadow-card-hover);transform: translateY(-2px)}}.PlanCard.Featured{border-color: var(--color-accent);box-shadow: var(--shadow-card)}.PlanBadge{align-self: flex-start;background-color: var(--color-accent);color: var(--color-text);font-size: 0.75rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.06em;padding: 0.3rem 0.7rem;border-radius: 999px}.PlanName{font-size: 1.15rem;font-weight: 700}.PlanPrice{font-size: 2rem;font-weight: 700;line-height: 1}.PlanPrice span{font-size: 0.9rem;font-weight: 400;color: var(--color-text-muted)}.PlanFeatureList{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.6rem;flex-grow: 1}.PlanFeatureList li{display: flex;align-items: flex-start;gap: 0.6rem;font-size: 0.9rem;line-height: 1.4}.PlanFeatureList li::before{content: '\2713';color: var(--color-accent);font-weight: 700;flex-shrink: 0}.SkipTrialBlock p{margin: 0 0 0.6rem;font-size: 0.9rem;color: var(--color-text);font-weight: 700}.HeroBackground{background: linear-gradient(160deg,var(--color-text) 0%,#222222 55%,#3a2308 100%)}.FeatureCard{background-color: var(--color-surface-alt);border-radius: var(--radius-lg);padding: 2rem;flex: 1 1 240px;text-align: center;align-items: center}a.FeatureCard{color: inherit;text-decoration: none;transition: transform 0.15s ease,box-shadow 0.15s ease}@media (hover: hover){a.FeatureCard:hover{color: inherit;transform: translateY(-3px);box-shadow: var(--shadow-card-hover)}}.FeatureCard .Icon{display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;border-radius: 50%;background: var(--color-accent);color: var(--color-white);font-size: 1.1rem;outline: 3px solid rgba(255,255,255,0.18);outline-offset: 3px;flex-shrink: 0}.SiteFooterLinks a{color: var(--color-white);opacity: 0.85}.SiteFooterLinks a:hover{opacity: 1}footer hr{border: none;border-top: 1px solid rgba(255,255,255,0.15);margin: 0}footer small{opacity: 0.75}.FooterColumns{display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 2rem;width: 100%;text-align: left}.FooterColumn .FooterColumnHeading{margin: 0 0 0.85rem;font-size: 0.95rem;font-weight: 700}.FooterColumn .FooterColumnHeading a{color: var(--color-white)}.FooterColumn .SiteFooterLinks{flex-direction: column;align-items: flex-start;gap: 0.6rem}@media (max-width: 900px){.FooterColumns{grid-template-columns: 1fr 1fr}}@media (max-width: 540px){.FooterColumns{grid-template-columns: 1fr;text-align: center}.FooterColumn .SiteFooterLinks{align-items: center}}.HeroGrid{display: flex;flex-wrap: wrap;gap: 3rem;align-items: center;justify-content: space-between}.HeroGrid > *{flex: 1 1 420px;min-width: 0}.AuthCard{background-color: var(--color-white);border-radius: var(--radius-lg);padding: 2rem;width: 100%;box-shadow: var(--shadow-dramatic);color: var(--color-text)}.AuthHero{min-height: 80vh;padding: 2rem 1.5rem}.LegalDoc h2{font-size: 1.3rem;margin: 2.5rem 0 1rem}.LegalDoc h2:first-of-type{margin-top: 0.5rem}.LegalDoc p{line-height: 1.7;margin-bottom: 1rem}.LegalDoc li{margin-bottom: 0.5rem}.LegalDoc a{color: var(--color-accent)}.DeviceMockup-Dot{width: 10px;height: 10px;border-radius: 50%;background-color: var(--color-accent);display: inline-block;margin: 0 3px;opacity: 0.35}.DeviceMockup-Dot.Active{opacity: 1}.ButtonSocial{display: inline-flex;align-items: center;justify-content: center;gap: 0.6rem;background-color: var(--color-white);color: var(--color-text);border: 1px solid #dcd8d0;border-radius: 999px;padding: 0.8rem 1.5rem;font-weight: 600}.ButtonSocial:hover{background-color: var(--color-surface-alt)}.ButtonSocial .Icon{font-size: 100%}.SocialTrouble{margin: 0;padding: 0.65rem 0.85rem;border-radius: 8px;background-color: #fdf4e7;border: 1px solid #f0d3a6;color: #7a4a06;font-size: 0.9rem;text-align: center}.AuthDivider{display: flex;align-items: center;gap: 1rem;color: var(--color-text-muted);font-size: 0.85rem;margin: 0.25rem 0}.AuthDivider::before,.AuthDivider::after{content: '';flex: 1 1 auto;height: 1px;background-color: var(--color-border)}.AuthTerms{font-size: 0.85rem;color: var(--color-text-muted);text-align: center}.AuthTerms a{color: var(--color-text-muted);text-decoration: underline}.PrincipleRow{display: flex;flex-wrap: wrap;gap: 1rem;justify-content: center}.PrincipleChip{display: inline-flex;align-items: center;gap: 0.5rem;border: 1px solid rgba(255,255,255,0.3);border-radius: 999px;padding: 0.55rem 1.3rem;font-size: 0.9rem}.FAQItem summary{font-weight: 700;font-size: 1rem;list-style: none;cursor: pointer}.FAQItem p{font-size: 1rem}.HelpTopics{display: grid;grid-template-columns: repeat(auto-fill,minmax(240px,1fr));gap: 0.8rem}.HelpTopic{display: flex;align-items: center;justify-content: flex-start;gap: 0.9rem;min-height: 86px;padding: 1rem 1.1rem;border: 1px solid #efece6;border-radius: 16px;background-color: var(--color-white);color: var(--color-text);font: inherit;text-align: left;cursor: pointer;transition: border-color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease}.HelpTopicIcon{flex: none;display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 50%;background-color: var(--color-peach);color: var(--color-accent);font-size: 1.1rem}.HelpTopicText{display: flex;flex-direction: column;gap: 0.2rem}.HelpTopicText strong{font-size: 1rem;font-weight: 800}.HelpTopicText small{font-size: 0.85rem;line-height: 1.35;color: var(--color-text-muted)}.HelpChoices{display: flex;flex-wrap: wrap;gap: 0.55rem}.HelpChoice{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.65rem 1rem;border: 1px solid var(--color-border);border-radius: 999px;background-color: var(--color-white);color: var(--color-text);font: inherit;font-size: 0.92rem;font-weight: 700;cursor: pointer;transition: border-color 0.15s ease,background-color 0.15s ease}.HelpChoice i{color: var(--color-accent)}.HelpBack{display: inline-flex;align-items: center;justify-content: flex-start;gap: 0.45rem;margin: 0 0 1rem;padding: 0;border: none;background: none;color: var(--color-text-muted);font: inherit;font-size: 0.9rem;font-weight: 700;cursor: pointer}.HelpQuestions{display: flex;flex-direction: column;gap: 0.5rem}.HelpQuestion{display: flex;align-items: center;justify-content: space-between;gap: 1rem;width: 100%;padding: 0.95rem 1.1rem;border: 1px solid #efece6;border-radius: 14px;background-color: var(--color-white);color: var(--color-text);font: inherit;font-size: 1rem;font-weight: 700;text-align: left;cursor: pointer;transition: border-color 0.15s ease,background-color 0.15s ease}.HelpQuestion i{flex: none;color: #b8b0a2;font-size: 0.85rem}.HelpQuestion:hover i{color: var(--color-accent)}.HelpNone{display: inline-flex;align-items: center;justify-content: flex-start;gap: 0.45rem;margin-top: 1rem;padding: 0;border: none;background: none;color: var(--color-accent);font: inherit;font-weight: 700;cursor: pointer}.HelpHelped{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.75rem 1rem;padding-top: 1rem;border-top: 1px solid #efece6}.HelpHelped > span{font-weight: 800}.HelpHelpedButtons{display: flex;flex-wrap: wrap;gap: 0.55rem}.HelpYes,.HelpNo{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;min-height: 46px;padding: 0 1.2rem;border-radius: 12px;font: inherit;font-weight: 800;cursor: pointer}.HelpThanks{display: flex;align-items: center;gap: 0.6rem;margin: 0 0 1rem;font-size: 1.15rem;font-weight: 800;outline: none}.HelpThanks i{color: #2e7d32;font-size: 1.4rem}.HelpModalPanel{position: relative;box-sizing: border-box;width: 100%;max-width: 540px;max-height: calc(100vh - 2rem);margin: 0 auto;overflow-y: auto;padding: 1.7rem 1.6rem 1.6rem;border-radius: 22px;background-color: var(--color-white);color: var(--color-text);box-shadow: 0 30px 60px -20px rgba(0,0,0,0.55)}.HelpModalClose{position: absolute;top: 0.9rem;right: 0.9rem;display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;padding: 0;border: none;border-radius: 50%;background-color: var(--color-surface-alt);color: #6f6a62;font-size: 1rem;cursor: pointer}.HelpModalHead h2{margin: 0.25rem 0 0.35rem;font-size: 1.5rem;line-height: 1.25}.HelpModalHead p{margin: 0;color: var(--color-text-muted);font-size: 0.98rem}.HelpField{display: flex;flex-direction: column;gap: 0.35rem}.HelpField label{font-weight: 700}.FAQSearch{display: flex;flex-direction: column;align-items: stretch;gap: 0.4rem;width: 100%;max-width: 560px;margin: 0 auto}.FAQSearch label{font-weight: 700;text-align: center}.FAQSearchBox{position: relative;display: block}.FAQSearchBox i{position: absolute;top: 50%;left: 1rem;transform: translateY(-50%);color: #b8b0a2}.FAQSearchBox input{padding-left: 2.6rem;text-indent: 0;border-radius: 999px}.FAQGroups{display: flex;flex-direction: column;gap: 2rem;width: 100%}.FAQGroup{display: flex;flex-direction: column;align-items: center;gap: 0.9rem}.FAQGroupTitle{display: flex;align-items: center;gap: 0.55rem;width: 100%;max-width: 960px;margin: 0;font-size: 1.15rem}.FAQGroupTitle i{color: var(--color-accent)}.BackgroundGrey.RoundCorner .Icon{color: var(--color-accent)}.Border.Round{background-color: var(--color-accent-tint);border-color: var(--color-accent);color: var(--color-accent)}.Border.Round:hover{background-color: rgba(226,128,17,0.16)}.GameHeader{display: flex;align-items: baseline;gap: 0.75rem;padding-bottom: 1rem;margin-bottom: 1.5rem}.GameHeader h3{font-size: 2rem;font-weight: 800;margin: 0}.GameToolbar{display: flex;flex-wrap: wrap;gap: 0.6rem;margin-bottom: 1rem}.GameToolbarButton{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.7rem 1.2rem;border-radius: 999px;background-color: var(--color-white);color: var(--color-text);border: none;font-weight: 700;font-size: 0.9rem;white-space: nowrap;box-shadow: 0px 1px 2px 0px rgba(27,59,119,0.06),0px 3px 6px 0px rgba(6,47,125,0.06);transition: background-color 0.15s ease,box-shadow 0.15s ease,transform 0.15s ease}.GameToolbarButton i{color: var(--color-accent)}[data-objectid="150"]::after{content: '\25BE';color: var(--color-text-muted);font-size: 0.75rem;margin-left: 0.1rem}.GameCard{box-sizing: border-box;position: relative;background-color: var(--color-white);border-radius: var(--radius-lg);padding: 2.25rem 2rem 2rem;overflow: hidden;box-shadow: var(--shadow-card)}.GameCard::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 6px;background: linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-light) 100%)}.GameIconButton{width: 44px;height: 44px;min-width: 44px;min-height: 44px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;background-color: var(--color-accent-tint);color: var(--color-accent);border: none;flex-shrink: 0;transition: background-color 0.15s ease}.GamePopup{position: absolute;top: calc(100% + 12px);right: 0;left: auto;z-index: 10;background-color: var(--color-white);border-radius: var(--radius-md);padding: 0.75rem;width: 280px;max-width: 80vw;color: var(--color-text);text-align: left;border: none;box-shadow: var(--shadow-card)}.GamePopup h3,.GamePopup p,.GamePopup span{color: var(--color-text)}.GamePopup .TextButton:hover,.GamePopup a.Button:hover,.GamePopup button:hover{background-color: var(--color-accent-tint);color: var(--color-accent);opacity: 1}.OptionRow,.GamePackOption{box-sizing: border-box;display: flex;align-items: center;justify-content: flex-start;gap: 0.65rem;width: 100%;padding: 0.7rem 0.75rem;border-radius: var(--radius-sm);background: none;border: none;text-align: left;font-weight: 600;font-size: 0.9rem;color: var(--color-text);cursor: pointer;transition: background-color 0.15s ease,color 0.15s ease}.OptionRow:hover,.GamePackOption:hover{background-color: var(--color-accent-tint)}.OptionRow i,.GamePackOption i{color: var(--color-accent);flex-shrink: 0}.OptionRow.Selected,.GamePackOption.Selected{background-color: var(--color-accent-tint-strong);color: var(--color-accent)}.OptionRow.Selected::after,.GamePackOption.Selected::after{content: '\2713';margin-left: auto;font-weight: 800}[data-objectid="9342"] .OptionRow i{order: -1}.GameStatsBar{display: flex;align-items: center;gap: 1.5rem;justify-content: center;background-color: var(--color-surface-alt);border-radius: var(--radius-md);padding: 1rem 1.5rem}.GameStatItem{display: flex;align-items: center;gap: 0.6rem}.GameStatText{display: flex;flex-direction: column;align-items: flex-start;gap: 0.1rem}.GameStatText span{font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.04em;font-weight: 700;color: var(--color-text-muted)}.LevelProgressRow{display: flex;align-items: center;gap: 0.75rem;padding: 0 0.25rem}.LevelLabel{font-size: 0.85rem;font-weight: 700;color: var(--color-text-muted);white-space: nowrap}.LevelProgressBar{flex: 1 1 auto;height: 8px;background-color: #ece7dc;border-radius: 999px;overflow: hidden}.ConfettiPiece{position: fixed;top: -20px;width: 10px;height: 10px;border-radius: 2px;pointer-events: none;z-index: 999;animation: ConfettiFall 1.2s ease-in forwards}@keyframes ConfettiFall{0%{transform: translateY(0) rotate(0deg);opacity: 1}100%{transform: translateY(100vh) rotate(540deg);opacity: 0}}.DashboardGameHero{display: flex;align-items: stretch;overflow: hidden;background-color: var(--color-text)}.DashboardGameHeroVisual{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem;padding: 2.5rem 2rem;min-width: 260px;background: linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);position: relative;overflow: hidden}.DashboardGameHeroVisual::before,.DashboardGameHeroVisual::after{content: '';position: absolute;border-radius: 50%;background-color: rgba(255,255,255,0.14)}.DashboardGameHeroVisual::before{width: 140px;height: 140px;top: -50px;right: -40px}.DashboardGameHeroVisual::after{width: 90px;height: 90px;bottom: -30px;left: -25px}.GameHeroTiles{display: flex;gap: 0.6rem;position: relative;z-index: 1}.GameHeroTile{display: inline-flex;align-items: center;justify-content: center;width: 46px;height: 46px;background-color: var(--color-white);color: var(--color-text);border-radius: var(--radius-sm);font-weight: 800;font-size: 1.3rem;box-shadow: 0px 4px 10px rgba(0,0,0,0.18)}.GameHeroBadge{position: relative;z-index: 1;background-color: rgba(255,255,255,0.22);color: var(--color-white);font-weight: 700;font-size: 0.85rem;padding: 0.4rem 0.9rem;border-radius: 999px;white-space: nowrap}.DashboardGameHeroContent{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 0.75rem;padding: 2.5rem 2.25rem;flex: 1}.DashboardGameHeroContent h3{color: var(--color-white);font-size: 2rem;font-weight: 800;margin: 0}.DashboardGameHeroContent p{color: rgba(255,255,255,0.75);margin: 0 0 0.5rem;max-width: 46ch}@media only screen and (max-width: 640px){h1{font-size: 220%}h2{font-size: 160%}.SectionPadding{padding: 3rem 1.25rem}.SignUpStep{display: none}h3:has(.MobileStepPrefix){font-size: 1rem;text-transform: uppercase}.MobileStepPrefix{display: inline;font-weight: 700;letter-spacing: 0.04em;font-size: 1em;color: rgba(255,255,255,0.6);margin-right: 0.4em}.DesktopTitleText{display: none}.MobileTitleText{display: inline}.CodeBox{width: 15vw;max-width: 42px;height: 52px;font-size: 1.3rem}}@media only screen and (min-width: 1100px){.ColumnRow{flex-direction: row}.SectionPadding{padding: 6rem 2rem}.Desktop{display: inline-flex}.Mobile{display: none}}.ProfileHero{box-sizing: border-box;display: flex;align-items: center;gap: 1.25rem;background: linear-gradient(135deg,var(--color-text) 0%,#2a2a2a 55%,#3a2308 100%);border-radius: var(--radius-lg);padding: 2rem;position: relative;overflow: hidden}.ProfileHero::before,.ProfileHero::after{content: '';position: absolute;border-radius: 50%;background-color: rgba(226,128,17,0.14)}.ProfileHero::before{width: 180px;height: 180px;top: -70px;right: -50px}.ProfileHero::after{width: 110px;height: 110px;bottom: -40px;right: 90px}.ProfileSection{box-sizing: border-box;background-color: var(--color-surface-alt);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 1.75rem;display: flex;flex-direction: column;gap: 0.85rem;box-shadow: var(--shadow-card);animation: ProfileSectionIn 0.4s ease both}.ProfileSection label{font-weight: 700;font-size: 0.9rem;color: var(--color-text);margin-bottom: 0.5rem}.ProfileSection input,.ProfileSection textarea{text-indent: 0;padding: 12px 14px 12px 31px;line-height: 20px;background-repeat: no-repeat;background-position: 10px center;background-size: 15px 15px}.ProfileSection input[data-object="FirstName"],.ProfileSection input[data-object="LastName"]{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='5' r='3' stroke='%237a7a7a' stroke-width='1.4' fill='none'/%3E%3Cpath d='M2.5 14c0-3 2.5-5 5.5-5s5.5 2 5.5 5' stroke='%237a7a7a' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.ProfileSection input[data-object="NewEmail"]{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='1.5' y='3.5' width='13' height='9' rx='1.5' stroke='%237a7a7a' stroke-width='1.4' fill='none'/%3E%3Cpath d='M2 4.5L8 9L14 4.5' stroke='%237a7a7a' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.ProfileSection input[data-object="CurrentPassword"],.ProfileSection input[data-object="NewPassword"],.ProfileSection input[data-object="ConfirmNewPassword"]{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.5' stroke='%237a7a7a' stroke-width='1.4' fill='none'/%3E%3Cpath d='M5 7V4.5a3 3 0 0 1 6 0V7' stroke='%237a7a7a' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");padding-right: 2.75rem}.ProfileSection input[data-object="DOB"]{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='2' y='3.5' width='12' height='10.5' rx='1.5' stroke='%237a7a7a' stroke-width='1.4' fill='none'/%3E%3Cpath d='M2 6.5h12M5 2v3M11 2v3' stroke='%237a7a7a' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");font-size: 1rem}.ProfileSection input[data-object="DOB"]::-webkit-datetime-edit,.ProfileSection input[data-object="DOB"]::-webkit-datetime-edit-fields-wrapper,.ProfileSection input[data-object="DOB"]::-webkit-datetime-edit-text,.ProfileSection input[data-object="DOB"]::-webkit-datetime-edit-day-field,.ProfileSection input[data-object="DOB"]::-webkit-datetime-edit-month-field,.ProfileSection input[data-object="DOB"]::-webkit-datetime-edit-year-field{font-size: 1rem}[data-objectid="9200"]{animation: ProfileSectionIn 0.4s ease both}@keyframes ProfileSectionIn{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}@media (prefers-reduced-motion: reduce){.ProfileHero,.ProfileSection{animation: none}}.ProfileSection h3{margin: 0;font-size: 1.15rem;display: flex;align-items: center;gap: 0.55rem}.ProfileSectionIntro{margin: -0.5rem 0 0;color: var(--color-text-muted);font-size: 0.85rem}.ProfileSection > span:has(> .ButtonPrimary){width: 100%;margin-top: 1rem}.ProfileSection .ButtonPrimary{width: 100%}.SectionIconBadge{display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;border-radius: 50%;background: var(--color-accent);color: var(--color-white);font-size: 1.1rem;outline: 3px solid rgba(255,255,255,0.18);outline-offset: 3px;flex-shrink: 0}.FormSectionTitle{margin: 0;font-size: 1.15rem;display: flex;align-items: center;gap: 0.55rem}.SaveStatus{display: inline-block;font-size: 0.85rem;font-weight: 600;color: #2f9e6c;min-height: 1.2em}.LanguagePillGrid{display: flex;flex-wrap: wrap;gap: 0.6rem}.LanguagePill{display: flex;align-items: center;gap: 0.5rem;flex: 0 0 120px;background-color: var(--color-white);border: 1px solid var(--color-border);border-radius: 999px;padding: 0.5rem 0.9rem;font-size: 0.85rem;font-weight: 600;color: var(--color-text);cursor: pointer;transition: border-color 0.15s ease,background-color 0.15s ease}.NotifyToggleCheckbox{appearance: none;-webkit-appearance: none;box-sizing: border-box;padding: 13px;width: 48px;height: 26px;flex-shrink: 0;background-color: #e5e1d8;border-radius: 999px;position: relative;cursor: pointer;box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);transition: background-color 0.2s ease,box-shadow 0.2s ease}.NotifyToggleCheckbox::before{content: '';position: absolute;top: 3px;left: 3px;width: 20px;height: 20px;border-radius: 50%;background-color: var(--color-white);transition: transform 0.2s ease;box-shadow: 0 1px 3px rgba(0,0,0,0.2),0 1px 1px rgba(0,0,0,0.08)}.NotifyToggleCheckbox:hover{background-color: #d8d3c7}.NotifyToggleCheckbox:focus-visible{outline: 2px solid var(--color-accent);outline-offset: 2px}.NotifyToggleCheckbox:checked{background: linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);box-shadow: none}.NotifyToggleCheckbox:checked:hover{background: linear-gradient(135deg,#cc7410 0%,#e0a852 100%)}.NotifyToggleCheckbox:checked::before{transform: translateX(22px)}.ProfileLayout{display: flex;align-items: flex-start;gap: 1.5rem}.ProfileMainContent{flex: 1 1 auto;min-width: 0;display: flex;flex-direction: column;gap: 1rem}.ProfileSidebarNav{box-sizing: border-box;flex: 0 0 230px;order: 2;display: flex;flex-direction: column;gap: 0.3rem;background-color: var(--color-surface-alt);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 0.6rem;position: sticky;top: 20px}@media only screen and (max-width: 859px){.ProfileSidebarNav{order: -1;flex: 1 1 auto;width: 100%;flex-direction: row;overflow-x: auto;position: static;gap: 0.5rem}}@media only screen and (max-width: 640px){.ProfileSection{padding: 1.35rem}.NotifyToggleCheckbox{margin-top: 0.15rem}}.NavigationArea a.Button{display: flex;align-items: center;gap: 0.75rem;width: 100%;box-sizing: border-box;padding: 0.75rem 1rem;border-radius: var(--radius-sm);color: var(--color-text-muted);font-weight: 600;font-size: 0.9rem;text-decoration: none;transition: background-color 0.15s ease,color 0.15s ease}.NavigationArea i{flex: 0 0 auto;font-size: 100%;width: 1.25em;text-align: center}@media (hover: hover){.NavigationArea a.Button:hover{background-color: rgba(226,128,17,0.1);color: var(--color-accent)}}[data-objectid="408"]{display: none}[data-objectid="399"]{gap: 0.85rem}[data-objectid="399"] label{font-weight: 700;font-size: 0.9rem;color: var(--color-text);margin-bottom: 0.5rem}[data-objectid="399"] input,[data-objectid="399"] textarea{text-indent: 0;padding: 12px 14px 12px 31px;line-height: 20px;background-repeat: no-repeat;background-position: 10px center;background-size: 15px 15px}[data-objectid="399"] input[data-object="Name"]{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='5' r='3' stroke='%237a7a7a' stroke-width='1.4' fill='none'/%3E%3Cpath d='M2.5 14c0-3 2.5-5 5.5-5s5.5 2 5.5 5' stroke='%237a7a7a' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}[data-objectid="399"] input[data-object="EmailAddress"]{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='1.5' y='3.5' width='13' height='9' rx='1.5' stroke='%237a7a7a' stroke-width='1.4' fill='none'/%3E%3Cpath d='M2 4.5L8 9L14 4.5' stroke='%237a7a7a' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-objectid="399"] textarea[data-object="Message"]{padding-top: 12px;background-position: 10px 14.5px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2 3.5h12v7H6.5L3 13.5V10.5H2z' stroke='%237a7a7a' stroke-width='1.4' fill='none' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-objectid="399"] .ButtonPrimary{margin-top: 1rem}[data-objectid="196"],[data-objectid="209"],[data-objectid="215"],[data-objectid="202"]{gap: 0.85rem}[data-objectid="196"] label,[data-objectid="209"] label{font-weight: 700;font-size: 0.9rem;color: var(--color-text);margin-bottom: 0.5rem}[data-objectid="209"] .FormSectionTitle,[data-objectid="215"] .FormSectionTitle,[data-objectid="202"] .FormSectionTitle,[data-objectid="399"] .FormSectionTitle{margin-bottom: 0.5rem}[data-objectid="196"] input,[data-objectid="209"] input{text-indent: 0;padding: 12px 14px 12px 31px;line-height: 20px;background-repeat: no-repeat;background-position: 10px center;background-size: 15px 15px}[data-objectid="196"] input[data-object="EmailAddress"]{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='1.5' y='3.5' width='13' height='9' rx='1.5' stroke='%237a7a7a' stroke-width='1.4' fill='none'/%3E%3Cpath d='M2 4.5L8 9L14 4.5' stroke='%237a7a7a' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-objectid="209"] input[data-object="Password"],[data-objectid="209"] input[data-object="ConfirmPassword"]{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.5' stroke='%237a7a7a' stroke-width='1.4' fill='none'/%3E%3Cpath d='M5 7V4.5a3 3 0 0 1 6 0V7' stroke='%237a7a7a' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");padding-right: 2.75rem}[data-objectid="4"]{gap: 0.85rem}[data-objectid="4"] label{font-weight: 700;font-size: 0.9rem;color: var(--color-text);margin-bottom: 0.5rem}[data-objectid="4"] input{text-indent: 0;padding: 12px 14px 12px 31px;line-height: 20px;background-repeat: no-repeat;background-position: 10px center;background-size: 15px 15px}[data-objectid="4"] input[data-object="EmailAddress"]{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='1.5' y='3.5' width='13' height='9' rx='1.5' stroke='%237a7a7a' stroke-width='1.4' fill='none'/%3E%3Cpath d='M2 4.5L8 9L14 4.5' stroke='%237a7a7a' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-objectid="4"] input[data-object="Password"]{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.5' stroke='%237a7a7a' stroke-width='1.4' fill='none'/%3E%3Cpath d='M5 7V4.5a3 3 0 0 1 6 0V7' stroke='%237a7a7a' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}[data-objectid="237"] input{text-indent: 0;padding: 12px 14px 12px 31px;line-height: 20px;background-repeat: no-repeat;background-position: 10px center;background-size: 15px 15px}[data-objectid="237"] input[data-object="EmailAddress"]{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='1.5' y='3.5' width='13' height='9' rx='1.5' stroke='%237a7a7a' stroke-width='1.4' fill='none'/%3E%3Cpath d='M2 4.5L8 9L14 4.5' stroke='%237a7a7a' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-objectid="237"] input[data-object="Password"]{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.5' stroke='%237a7a7a' stroke-width='1.4' fill='none'/%3E%3Cpath d='M5 7V4.5a3 3 0 0 1 6 0V7' stroke='%237a7a7a' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}[data-objectid="238"]{max-width: 1125px}[data-objectid="237"]{max-width: 400px;margin-left: auto;margin-right: auto}[data-objectid="239"]{background: none;position: relative;overflow: visible;justify-content: flex-start;padding-top: 4rem}[data-objectid="239"]::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 40vh;background: linear-gradient(160deg,var(--color-text) 0%,#222222 55%,#3a2308 100%);z-index: 0}[data-objectid="239"] > *{position: relative;z-index: 1}[data-objectid="197"]{max-width: 1125px}[data-objectid="196"]{max-width: 400px;margin-left: auto;margin-right: auto}[data-objectid="198"]{background: none;position: relative;overflow: visible;justify-content: flex-start;padding-top: 4rem}[data-objectid="198"]::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 40vh;background: linear-gradient(160deg,var(--color-text) 0%,#222222 55%,#3a2308 100%);z-index: 0}[data-objectid="198"] > *{position: relative;z-index: 1}[data-objectid="204"]{background: none;position: relative;overflow: visible;justify-content: flex-start;padding-top: 4rem;padding-bottom: 4rem;min-height: auto}[data-objectid="204"]::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 40vh;background: linear-gradient(160deg,var(--color-text) 0%,#222222 55%,#3a2308 100%);z-index: 0}[data-objectid="204"] > *{position: relative;z-index: 1}[data-objectid="203"]{max-width: 1125px}[data-objectid="202"]{max-width: 400px;margin-left: auto;margin-right: auto}[data-objectid="211"],[data-objectid="217"]{background: none;position: relative;overflow: visible;justify-content: flex-start;padding-top: 4rem;padding-bottom: 4rem;min-height: auto}[data-objectid="211"]::before,[data-objectid="217"]::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 40vh;background: linear-gradient(160deg,var(--color-text) 0%,#222222 55%,#3a2308 100%);z-index: 0}[data-objectid="211"] > *,[data-objectid="217"] > *{position: relative;z-index: 1}[data-objectid="386"]{background: none;position: relative;overflow: visible;justify-content: flex-start;padding-top: 4rem;padding-bottom: 4rem;min-height: auto}[data-objectid="386"]::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 40vh;background: linear-gradient(160deg,var(--color-text) 0%,#222222 55%,#3a2308 100%);z-index: 0}[data-objectid="386"] > *{position: relative;z-index: 1}[data-objectid="216"]{max-width: 1125px}[data-objectid="215"]{max-width: 400px;margin-left: auto;margin-right: auto}[data-objectid="330"],[data-objectid="342"],[data-objectid="9326"],[data-objectid="357"],[data-objectid="369"],[data-objectid="317"]{background: none;position: relative;overflow: visible;justify-content: flex-start;padding-top: 4rem}[data-objectid="330"]::before,[data-objectid="342"]::before,[data-objectid="9326"]::before,[data-objectid="357"]::before,[data-objectid="369"]::before,[data-objectid="317"]::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 33vh;background: linear-gradient(160deg,var(--color-text) 0%,#222222 55%,#3a2308 100%);z-index: 0}[data-objectid="369"]::before{height: 45vh}@media only screen and (max-width: 640px){[data-objectid="369"]::before{height: 38vh}}[data-objectid="330"] > *,[data-objectid="342"] > *,[data-objectid="9326"] > *,[data-objectid="357"] > *,[data-objectid="369"] > *,[data-objectid="317"] > *{position: relative;z-index: 1}[data-objectid="330"],[data-objectid="342"],[data-objectid="9326"]{min-height: auto;padding-bottom: 4rem}.TungoDialog{position: fixed;inset: 0;z-index: 10000;display: flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 1rem;background-color: rgba(20,16,12,0.55);opacity: 0;transition: opacity 0.18s ease;font-family: "SUSE",sans-serif}.TungoDialog.Show{opacity: 1}.TungoDialogPanel{box-sizing: border-box;width: 100%;max-width: 420px;padding: 1.7rem 1.5rem 1.35rem;border-radius: 20px;background-color: var(--color-white);color: var(--color-text);text-align: center;box-shadow: 0 30px 60px -20px rgba(0,0,0,0.55);transform: translateY(12px) scale(0.97);transition: transform 0.24s cubic-bezier(0.2,0.9,0.3,1.2)}.TungoDialog.Show .TungoDialogPanel{transform: none}.TungoDialogIcon{display: inline-flex;align-items: center;justify-content: center;width: 50px;height: 50px;margin-bottom: 0.85rem;border-radius: 50%;background-color: var(--color-peach);color: var(--color-accent);font-size: 1.3rem}.TungoDialog.Danger .TungoDialogIcon{background-color: rgba(211,47,47,0.1);color: #d32f2f}.TungoDialogPanel .TungoDialogTitle{margin: 0 0 0.4rem;font-size: 1.2rem;font-weight: 800;line-height: 1.3;color: var(--color-text)}.TungoDialogPanel .TungoDialogText{margin: 0;font-size: 0.95rem;line-height: 1.5;color: #6f6a62;overflow-wrap: anywhere}.TungoDialogButtons{display: flex;gap: 0.6rem;margin-top: 1.4rem}.TungoDialogButtons button{flex: 1;display: inline-flex;align-items: center;justify-content: center;min-height: 46px;margin: 0;padding: 0 1rem;border-radius: 12px;font: inherit;font-size: 0.95rem;font-weight: 800;line-height: 1.2;cursor: pointer;transition: background-color 0.15s ease,border-color 0.15s ease}.TungoDialogButtons .TungoDialogCancel{border: 1px solid #e2ddd2;background-color: var(--color-white);color: var(--color-text)}.TungoDialogButtons .TungoDialogCancel:hover{background-color: var(--color-surface-alt);opacity: 1}.TungoDialogButtons .TungoDialogOK{border: 1px solid var(--color-accent);background-color: var(--color-accent);color: var(--color-white)}.TungoDialogButtons .TungoDialogOK:hover{border-color: #c96f0c;background-color: #c96f0c;opacity: 1}.TungoDialog.Danger .TungoDialogButtons .TungoDialogOK{border-color: #d32f2f;background-color: #d32f2f}.TungoDialog.Danger .TungoDialogButtons .TungoDialogOK:hover{border-color: #b71c1c;background-color: #b71c1c}.TungoDialogButtons button:focus-visible{outline: none;box-shadow: 0 0 0 3px rgba(226,128,17,0.35)}.TungoDialog.Danger .TungoDialogButtons button:focus-visible{box-shadow: 0 0 0 3px rgba(211,47,47,0.3)}@media (max-width: 420px){.TungoDialogButtons{flex-direction: column-reverse}}@media (prefers-reduced-motion: reduce){.TungoDialog,.TungoDialogPanel{transition: none}}.ToastContainer{position: fixed;bottom: 1.5rem;right: 1.5rem;z-index: 9999;display: flex;flex-direction: column-reverse;gap: 0.6rem;max-width: min(340px,calc(100vw - 2rem))}.Toast{display: flex;align-items: flex-start;gap: 0.65rem;background-color: var(--color-text-muted);border-radius: var(--radius-sm);padding: 0.85rem 1.1rem;box-shadow: var(--shadow-card-hover);font-size: 0.9rem;line-height: 1.4;color: var(--color-white);opacity: 0;transform: translateY(8px);transition: opacity 0.2s ease,transform 0.2s ease}.Toast.Show{opacity: 1;transform: translateY(0)}.Toast i{margin-top: 0.15rem;color: var(--color-white)}.Toast.Success{background-color: #2e7d32}.Toast.Error{background-color: var(--color-danger)}.Toast.Neutral{background-color: var(--color-text-muted)}@media (max-width: 480px){.ToastContainer{left: 1rem;right: 1rem;max-width: none}}.Hidden{display: none}[data-objectid="NotificationsBell"]{overflow: visible}.NotificationCount{position: absolute;top: -2px;right: -2px;min-width: 18px;height: 18px;padding: 0 5px;box-sizing: border-box;border-radius: 999px;background-color: var(--color-accent);border: 2px solid var(--color-text);color: var(--color-white);font-size: 0.65rem;font-weight: 800;line-height: 14px;text-align: center}a.NotificationRow{color: inherit;text-decoration: none}a.NotificationRow:hover{opacity: 1}.NotificationTime{font-size: 0.75rem;color: var(--color-text-muted)}.NotificationsDropdown{max-height: min(70vh,520px);overflow-y: auto}.NotificationsSeeAll{display: flex;align-items: center;justify-content: center;gap: 0.4rem;margin-top: 0.6rem;padding: 0.6rem;border-radius: var(--radius-sm);color: var(--color-accent);font-size: 0.85rem;font-weight: 700}.NotificationsSeeAll:hover{background-color: var(--color-accent-tint);opacity: 1}.DeletionBar{background-color: #fdecea;color: #8e1f1f}.DeletionBar a{color: #8e1f1f;text-decoration: underline;text-underline-offset: 3px}.LoginCodeInput{font-size: 1.3rem;letter-spacing: 0.25em;text-align: center;text-indent: 0}.LoginBackupIntro,.LoginBackupHint{font-size: 0.85rem;color: var(--color-text-muted);margin: 0.4rem 0 0;text-align: center}.LoginBackupButtons{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: 0.5rem}.LoginBackupButtons button{flex: 1 1 180px}.LoginCodeStatus{display: block;font-size: 0.85rem;font-weight: 600;color: #2e7d32;text-align: center;margin-top: 0.4rem}.LoginCodeStatus:empty{display: none}.AvatarPhoto img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 50%}.AvatarFlag > .Flag{display: block;box-sizing: border-box;width: 100%;height: 100%;padding: 0;border-radius: 50%;box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08)}.DropdownAvatar.AvatarPhoto,.DropdownAvatar.AvatarFlag{background: #efece6;overflow: hidden}.HeaderIconButton.HasAvatar{padding: 0;background-color: transparent}.HeaderIconButton.HasAvatar i.Icon{display: none}.HeaderIconButton.HasAvatar label,.HeaderIconButton.HasAvatar > span{display: contents}.HeaderAvatar{box-sizing: border-box;width: 100%;height: 100%;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;background: linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);color: var(--color-white);font-weight: 700;font-size: 1rem;box-shadow: inset 0 0 0 2px rgba(254,254,254,0.25)}.HeaderAvatar.AvatarPhoto,.HeaderAvatar.AvatarFlag{background: #efece6;overflow: hidden}[data-objectid="47"].DropdownCard{min-width: 272px;max-width: 320px}@media only screen and (max-width: 640px){[data-objectid="47"].DropdownCard{width: 100%;min-width: 0;max-width: none}[data-objectid="47"] .ProfileMenuHead{border-radius: 0}}.ProfileMenuHead{display: flex;align-items: center;gap: 0.75rem;margin: -0.5rem -0.5rem 0.5rem;padding: 0.95rem 0.95rem 0.9rem;border-bottom: 1px solid var(--color-border);border-radius: var(--radius-md) var(--radius-md) 0 0;background-color: var(--color-white);color: var(--color-text);transition: background-color 0.15s ease}.ProfileMenuHead:hover{background-color: var(--color-accent-tint);opacity: 1}.DropdownCard .ProfileMenuAvatar{width: 44px;height: 44px;min-width: 44px;font-size: 1.05rem}.DropdownCard .ProfileMenuAvatar,.DropdownCard .ProfileMenuAvatar i{color: var(--color-white)}.ProfileMenuWho{flex: 1;display: flex;flex-direction: column;gap: 0.1rem;min-width: 0}.DropdownCard .ProfileMenuName{font-size: 0.95rem;font-weight: 700;color: var(--color-text);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.DropdownCard .ProfileMenuEmail{font-size: 0.78rem;font-weight: 400;color: var(--color-text-muted);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ProfileMenuChevron{flex-shrink: 0;font-size: 0.7rem;color: #b9b4aa;transition: transform 0.15s ease,color 0.15s ease}.ProfileMenuHead:hover .ProfileMenuChevron,.ProfileMenuPath:hover .ProfileMenuChevron{color: var(--color-accent);transform: translateX(2px)}.ProfileMenuPath{display: flex;align-items: center;gap: 0.7rem;margin-bottom: 0.4rem;padding: 0.6rem 0.7rem;border-radius: var(--radius-sm);background-color: var(--color-surface-alt);color: var(--color-text);transition: background-color 0.15s ease}.ProfileMenuPath:hover{background-color: var(--color-accent-tint);opacity: 1}.ProfileMenuFlags{display: inline-flex;flex-shrink: 0}.ProfileMenuFlags .Flag{box-sizing: border-box;width: 22px;height: 22px;padding: 0;border-radius: 50%;box-shadow: 0 0 0 2px var(--color-surface-alt)}.ProfileMenuFlags .Flag + .Flag{margin-left: -6px}.ProfileMenuPathText{flex: 1;display: flex;flex-direction: column;min-width: 0;line-height: 1.25}.DropdownCard .ProfileMenuPathText span{font-size: 0.84rem;font-weight: 700;color: var(--color-text)}.ProfileMenuPathText small{font-size: 0.75rem;color: var(--color-text-muted)}.ProfileMenuLinks{display: flex;flex-direction: column;padding: 0.3rem 0;border-top: 1px solid var(--color-border)}.ProfileMenuPath + .ProfileMenuLinks,.ProfileMenuHead + .ProfileMenuLinks{border-top: none;padding-top: 0}.ProfileMenuLinks a{display: flex;align-items: center;gap: 0.7rem;padding: 0.55rem 0.7rem;border-radius: var(--radius-sm);font-size: 0.92rem;font-weight: 600;color: var(--color-text);transition: background-color 0.15s ease,color 0.15s ease}.ProfileMenuLinks a i{width: 16px;text-align: center;color: var(--color-text-muted);transition: color 0.15s ease}.DropdownCard .ProfileMenuLinks a span{color: inherit}.ProfileMenuLinks a:hover{background-color: var(--color-accent-tint);color: var(--color-accent);opacity: 1}.ProfileMenuLinks a:hover i{color: var(--color-accent)}.ProfileMenuCount{margin-left: auto;box-sizing: border-box;min-width: 20px;height: 20px;padding: 0 6px;display: inline-flex;align-items: center;justify-content: center;border-radius: 999px;background-color: var(--color-accent);color: var(--color-white);font-size: 0.72rem;font-weight: 700}[data-objectid="47"] .DropdownDivider{margin: 0.1rem 0}.PlanFeatureList li.PlanPairs{font-weight: 700}.LoginRemember{display: flex;align-items: center;justify-content: flex-end;gap: 0.5rem;width: 100%;margin: -22px 0 0;color: var(--color-text-muted);font-size: 0.82rem;font-weight: 400;line-height: 1.3;text-align: right;cursor: pointer}.LoginRemember .LoginRememberText{color: var(--color-text-muted);font-weight: 400}.LoginRemember .Checkbox{width: 15px;min-width: 15px;height: 15px;padding: 0;margin: 0;text-indent: 0;border-radius: 3px}.LoginRemember .Checkbox::before{width: 9px;height: 9px;background-size: 9px 9px}.ProfileMenuLinks a.ProfileMenuSetup{background-color: #fdf0e0;color: #a85c08}.ProfileMenuLinks a.ProfileMenuSetup i{color: var(--color-accent)}.ProfileMenuLinks a.ProfileMenuSetup em{margin-left: auto;padding: 0.05rem 0.5rem;border-radius: 999px;background: var(--color-accent);color: var(--color-white);font-size: 0.72rem;font-style: normal;font-weight: 700}.PlanTutorButton{margin-top: auto}.TrialBar.FirstVisitBar{position: static;background-color: #fdf8f1;border-top: 1px solid rgba(226,128,17,0.18);font-weight: 600}.FirstVisitBar a{display: inline-flex;align-items: center;gap: 0.35rem}.FirstVisitBar em{padding: 0.05rem 0.5rem;border-radius: 999px;background-color: var(--color-accent);color: var(--color-white);font-size: 0.72rem;font-style: normal;font-weight: 700}.HeroArt{position: relative;box-sizing: border-box;width: 100%;max-width: 500px;margin: 0 auto;padding: 2.8rem 1.4rem 4.6rem;color: var(--color-text);text-align: left}.HeroTiles{display: flex;gap: 4px}.HeroTile{box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 30px;border: 1.5px solid #e2ddd2;border-radius: 6px;background-color: var(--color-surface-alt);color: var(--color-text);font-size: 0.82rem;font-weight: 800}.HeroTile.On{border-color: var(--color-accent);background-color: var(--color-peach);color: #a85c08}.HeroTile.Caret{position: relative;border-color: var(--color-accent);background-color: var(--color-white)}.HeroTile.Caret::after{content: '';width: 2px;height: 15px;border-radius: 1px;background-color: var(--color-accent);animation: HeroBlink 1.1s steps(1) infinite}.HeroGap{width: 8px}.HeroXP{position: absolute;top: -11px;right: -14px;display: inline-flex;align-items: center;gap: 0.25rem;padding: 0.22rem 0.6rem;border-radius: 999px;background-color: var(--color-accent);color: var(--color-white);font-size: 0.72rem;font-weight: 800;transform: rotate(8deg);box-shadow: 0 8px 16px -8px rgba(90,45,0,0.7)}@keyframes HeroBlink{50%{opacity: 0}}.HomeGameCard{position: relative;display: flex;flex-direction: column;align-items: center;gap: 0.45rem;padding: 0.9rem 1.2rem 1rem;border-radius: 16px;background-color: var(--color-white);color: var(--color-text);box-shadow: 0 20px 36px -18px rgba(0,0,0,0.7);transform: rotate(-3deg);transition: transform 0.2s ease}.HomeGameCard strong{font-size: 1.1rem;font-weight: 800}.HomeGameCard.Photo{transform: rotate(3deg)}.HomeGamePhoto{display: inline-flex;align-items: center;justify-content: center;width: 112px;height: 80px;border-radius: 12px;background: linear-gradient(135deg,var(--color-peach) 0%,#f8dcb4 100%);color: #d8541a;font-size: 2.3rem}.HomeGameCard.Sound{flex-direction: row;gap: 0.8rem;padding: 0.9rem 1.1rem;transform: rotate(-2deg)}.HomeGamePlay{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 48px;height: 48px;padding-left: 3px;border-radius: 50%;background-color: var(--color-accent);color: var(--color-white);font-size: 1rem;box-shadow: 0 0 0 7px var(--color-peach)}.HomeGameWave{display: flex;align-items: center;gap: 3px;height: 34px}.HomeGameWave i{display: block;width: 4px;height: 40%;border-radius: 2px;background-color: var(--color-accent-light);animation: HomeWave 1.2s ease-in-out infinite}.HomeGameWave i:nth-child(2n){animation-delay: 0.15s}.HomeGameWave i:nth-child(3n){animation-delay: 0.3s}.HomeGameWave i:nth-child(4n){animation-delay: 0.45s}.HomeGameAnswer{display: inline-flex;align-items: center;width: 58px;height: 30px;padding-left: 8px;box-sizing: border-box;border: 1.5px solid var(--color-accent);border-radius: 8px}.HomeGameCaret{width: 2px;height: 15px;border-radius: 1px;background-color: var(--color-accent);animation: HeroBlink 1.1s steps(1) infinite}@keyframes HomeWave{0%,100%{height: 30%}50%{height: 100%}}@media (prefers-reduced-motion: reduce){.HeroTile.Caret::after,.HomeGameWave i,.HomeGameCaret{animation: none}.HomeGameCard{transition: none}}@media (max-width: 520px){.HeroTile{width: 20px;height: 26px;font-size: 0.72rem}}.HowStep{display: flex;flex-direction: column;overflow: hidden;border-radius: 22px;background-color: var(--color-white);color: var(--color-text);text-align: left;box-shadow: 0 18px 36px -24px rgba(90,45,0,0.45)}.BackgroundWhite .HowStep{box-shadow: 0 18px 36px -24px rgba(90,45,0,0.45),0 0 0 1px #efece6}.HowStepArt{position: relative;display: flex;align-items: center;justify-content: center;height: 190px;overflow: hidden;background: linear-gradient(135deg,var(--color-peach) 0%,#f8d6a8 100%)}.HowStepArt::before,.HowStepArt::after{content: '';position: absolute;border-radius: 50%;background-color: rgba(255,255,255,0.45);pointer-events: none}.HowStepArt::before{width: 170px;height: 170px;top: -80px;right: -50px}.HowStepArt::after{width: 110px;height: 110px;bottom: -55px;left: -30px}.HowStepArt > *{position: relative;z-index: 1}.HowStepArt > .HowStepNumber{position: absolute;top: 14px;left: 14px;z-index: 2;display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;border-radius: 50%;background-color: var(--color-accent);color: var(--color-white);font-size: 1rem;font-weight: 800;box-shadow: 0 8px 16px -8px rgba(90,45,0,0.7)}.HowStepBody{display: flex;flex-direction: column;gap: 0.4rem;padding: 1.2rem 1.4rem 1.5rem}.HowStepBody h3{margin: 0;font-size: 1.3rem}.HowStepBody p{margin: 0;color: #5f5b53;font-size: 0.98rem;line-height: 1.55}.HowFlip{position: relative;display: flex;flex-direction: column;align-items: center;min-width: 130px;padding: 0.7rem 1.4rem 0.8rem;border-radius: 14px;background-color: var(--color-white);box-shadow: 0 16px 28px -14px rgba(90,45,0,0.55);transform: rotate(-4deg)}.HowFlip strong{font-size: 1.4rem;font-weight: 800;line-height: 1.2}.HowFlip small{font-size: 0.85rem;font-weight: 700;color: #a85c08}.HowFlip.Back{position: absolute;width: 130px;height: 66px;min-width: 0;padding: 0;background-color: rgba(255,255,255,0.6);box-shadow: none;transform: translate(30px,-12px) rotate(8deg)}.HowSpeak{position: absolute;right: -12px;bottom: -12px;display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;background-color: var(--color-accent);color: var(--color-white);font-size: 0.8rem;box-shadow: 0 0 0 4px var(--color-white)}.HowLevel{display: flex;flex-direction: column;align-items: center;gap: 1rem}.HowPath{position: relative;display: flex;align-items: center;gap: 22px;margin-top: 1rem}.HowPath::before{content: '';position: absolute;left: 8px;right: 8px;top: 50%;height: 6px;border-radius: 3px;background: linear-gradient(90deg,var(--color-accent) 0 44%,var(--color-white) 44% 100%);transform: translateY(-50%)}.HowPath > span{position: relative;display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;width: 26px;height: 26px;border: 3px solid #e2ddd2;border-radius: 50%;background-color: var(--color-white);color: #b8b0a2;font-size: 0.6rem}.HowPath > span.Done{border-color: var(--color-accent);background-color: var(--color-accent);color: var(--color-white)}.HowPath > span.Here{width: 34px;height: 34px;border: 4px solid var(--color-accent);color: var(--color-accent);box-shadow: 0 0 0 6px rgba(226,128,17,0.2);font-size: 0.85rem}.HowBadge{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.4rem 0.85rem 0.4rem 0.4rem;border-radius: 12px;background-color: var(--color-text);color: var(--color-white);font-size: 0.85rem;font-weight: 800;box-shadow: 0 12px 22px -12px rgba(0,0,0,0.7)}.HowBadge > span:last-child{display: flex;flex-direction: column;line-height: 1.2}.HowBadge small{font-size: 0.6rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.06em;color: var(--color-accent-light)}.HowBadgeIcon{display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 9px;background: linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);font-size: 0.8rem}.HowLangs{display: flex;align-items: center;gap: 1rem;color: #a85c08;font-size: 1.3rem}.HowFlag{display: inline-flex;width: 70px;height: 70px;overflow: hidden;border-radius: 50%;box-shadow: 0 0 0 5px var(--color-white),0 16px 26px -12px rgba(90,45,0,0.6)}.HowFlag .Flag{width: 100%;height: 100%;box-shadow: none}.HowCode{display: flex;flex-direction: column;align-items: center;gap: 0.55rem;padding: 0.8rem 1.1rem 0.9rem;border-radius: 16px;background-color: var(--color-white);box-shadow: 0 16px 28px -14px rgba(90,45,0,0.55);transform: rotate(-2deg)}.HowCodeIcon{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 50%;background-color: var(--color-peach);color: var(--color-accent);font-size: 0.95rem}.HowCodeBoxes{display: flex;gap: 5px}.HowCodeBoxes span{box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 30px;border: 1.5px solid #e2ddd2;border-radius: 6px;background-color: var(--color-surface-alt);font-size: 0.85rem;font-weight: 800}.HowCodeBoxes span.On{border-color: var(--color-accent);background-color: var(--color-peach);color: #a85c08}.HowCodeBoxes span.Caret{border-color: var(--color-accent);background-color: var(--color-white)}.HowCodeBoxes span.Caret::after{content: '';width: 2px;height: 15px;border-radius: 1px;background-color: var(--color-accent);animation: HeroBlink 1.1s steps(1) infinite}.HowTrial{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.25rem 0.75rem;border-radius: 999px;background-color: var(--color-accent);color: var(--color-white);font-size: 0.75rem;font-weight: 800}.HowPlans{display: flex;flex-direction: column;gap: 7px;width: min(80%,230px)}.HowPlans span{display: flex;justify-content: space-between;align-items: baseline;padding: 0.5rem 0.85rem;border-radius: 10px;background-color: var(--color-white);font-size: 0.85rem;font-weight: 800;box-shadow: 0 8px 16px -10px rgba(90,45,0,0.5)}.HowPlans span.On{background-color: var(--color-accent);color: var(--color-white);transform: scale(1.05)}.HowPlans small{font-weight: 700;color: var(--color-text-muted)}.HowPlans span.On small{color: rgba(255,255,255,0.88)}@media (prefers-reduced-motion: reduce){.HowCodeBoxes span.Caret::after{animation: none}}a.HomeGuide{display: flex;align-items: center;gap: 0.8rem;padding: 0.95rem 1.1rem;border-radius: 16px;background-color: var(--color-white);color: var(--color-text);box-shadow: 0 0 0 1px #efe6d8,0 14px 28px -22px rgba(90,45,0,0.45);transition: transform 0.15s ease,box-shadow 0.15s ease}a.LangCard{display: flex;flex-direction: column;overflow: hidden;border-radius: 22px;background-color: var(--color-white);color: var(--color-text);text-align: left;text-decoration: none;box-shadow: 0 18px 36px -24px rgba(90,45,0,0.45),0 0 0 1px #efece6;transition: transform 0.15s ease,box-shadow 0.15s ease}a.LangCard:hover{color: var(--color-text);transform: translateY(-3px);box-shadow: 0 24px 40px -22px rgba(90,45,0,0.55),0 0 0 1px #f1cf9f}a.LangCard:focus-visible{outline: 3px solid var(--color-accent);outline-offset: 3px}.LangCard .HowStepArt{height: 150px}.LangCardBody{display: flex;flex-direction: column;flex-grow: 1;gap: 0.4rem;padding: 1.1rem 1.3rem 1.3rem}.LangCardBody h3{margin: 0;color: var(--color-text);font-size: 1.25rem}.LangCardBody p{flex-grow: 1;margin: 0;color: #5f5b53;font-size: 0.95rem;line-height: 1.5}.LangCardGo{display: inline-flex;align-items: center;gap: 0.4rem;margin-top: 0.35rem;color: #a85c08;font-size: 0.92rem;font-weight: 700}.LangCardGo i{font-size: 0.8rem;transition: transform 0.15s ease}a.LangCard:hover .LangCardGo i{transform: translateX(3px)}.LangArt{position: relative;display: inline-flex}.LangArt .HowFlag{width: 84px;height: 84px}.LangHello{position: absolute;left: 62px;top: -16px;padding: 0.35rem 0.75rem;border-radius: 14px 14px 14px 4px;background-color: var(--color-text);color: var(--color-white);font-size: 0.95rem;font-weight: 800;line-height: 1.2;white-space: nowrap;box-shadow: 0 10px 18px -10px rgba(0,0,0,0.6)}@media (prefers-reduced-motion: reduce){a.LangCard,.LangCardGo i{transition: none}a.LangCard:hover{transform: none}}@media only screen and (max-width: 560px){.LangCard .HowStepArt{height: 112px}.LangCard .LangArt .HowFlag{width: 60px;height: 60px;box-shadow: 0 0 0 4px var(--color-white),0 12px 20px -10px rgba(90,45,0,0.6)}.LangCard .LangHello{left: 42px;top: -14px;padding: 0.25rem 0.55rem;font-size: 0.8rem}.LangCardBody{padding: 0.8rem 0.9rem 1rem}.LangCardBody h3{font-size: 1.05rem}.LangCardBody p{font-size: 0.85rem}}.HelpConvHead p{margin: 0.25rem 0 0;font-size: 0.95rem;color: var(--color-text-muted)}.HelpConvText strong{overflow: hidden;font-weight: 800;white-space: nowrap;text-overflow: ellipsis}.HelpConvText small{font-size: 0.8rem;color: var(--color-text-muted);font-variant-numeric: tabular-nums}#conversations + #help{padding-top: 2.5rem}@media (max-width: 640px){#conversations + #help{padding-top: 1.75rem}}.HelpConvHead p{margin-top: 0.35rem;font-size: 1rem}.HelpConvTour i{display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;background-color: var(--color-accent);color: var(--color-white);font-size: 0.85rem}#conversations + #help{padding-top: 2rem}@media (max-width: 640px){#conversations + #help{padding-top: 1.5rem}}.PlanPayer{box-sizing: border-box;display: flex;flex-direction: column;align-items: flex-start;gap: 0.3rem;width: fit-content;max-width: min(560px,100%);margin: 1rem auto 0;padding: 0.75rem 1rem;border: 1px solid #efece6;border-radius: 14px;background-color: var(--color-white);text-align: left;box-shadow: 0 12px 28px -18px rgba(0,0,0,0.35)}.PlanPayer:has(input:checked){border-color: var(--color-accent);background-color: var(--color-peach)}.PlanPayerCheck{display: inline-flex;align-items: flex-start;gap: 0.6rem;color: var(--color-text);font-size: 0.95rem;font-weight: 600;line-height: 1.4;cursor: pointer}.PlanPayerCheck input[type="checkbox"]{flex-shrink: 0;width: 1.15rem;height: 1.15rem;margin: 0.1rem 0 0;padding: 0;text-indent: 0;accent-color: var(--color-accent);cursor: pointer}.PlanPayerNote{margin: 0 0 0 1.75rem;font-size: 0.8rem;line-height: 1.4;color: #6f6a62}.RegionNotice{box-sizing: border-box;display: flex;flex-direction: column;align-items: center;gap: 0.65rem;width: 100%;max-width: 640px;margin: 0 auto;padding: 2rem 1.5rem;border: 1px solid #efece6;border-radius: 22px;background-color: var(--color-white);color: var(--color-text);text-align: center;box-shadow: 0 18px 36px -24px rgba(90,45,0,0.35)}.RegionNotice > i{display: inline-flex;align-items: center;justify-content: center;width: 56px;height: 56px;border-radius: 50%;background-color: var(--color-peach);color: var(--color-accent);font-size: 1.4rem}.RegionNotice h3{margin: 0;font-size: 1.3rem;line-height: 1.3;text-wrap: balance}.RegionNotice p{margin: 0;max-width: 46ch;color: var(--color-text-muted)}.RegionNotice a{font-weight: 700;color: var(--color-accent)}[data-pay-card],[data-pay-before],[data-pay-after],[data-pay-free]{display: flex;flex-direction: column;gap: 1rem}.PayLine{display: flex;justify-content: space-between;align-items: flex-start;gap: 1rem;padding: 0.9rem 0;border-bottom: 1px solid #efece6}.PayLine:first-child{padding-top: 0.25rem}.PayLineName{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.PayLineName strong{font-size: 1rem}.PayLineName small{font-size: 0.85rem;line-height: 1.4;color: #6f6a62}.PayLinePrice{flex-shrink: 0;font-weight: 700;white-space: nowrap;font-variant-numeric: tabular-nums}.PayLinePrice small{margin-left: 0.1rem;font-size: 0.8rem;font-weight: 400;color: var(--color-text-muted)}.PayDiscount .PayLineName strong,.PayDiscount .PayLinePrice{color: #b8650a}.PayTotal{display: flex;justify-content: space-between;align-items: baseline;gap: 1rem;padding-top: 1rem;font-weight: 700}.PayTotal strong{font-size: 1.7rem;line-height: 1;font-variant-numeric: tabular-nums}.PayAfter{margin: 0.4rem 0 0;font-size: 0.85rem;line-height: 1.45;color: #6f6a62}[data-pay-gated]{animation: PayReveal 0.18s ease-out}@keyframes PayReveal{from{opacity: 0;transform: translateY(-3px)}to{opacity: 1;transform: none}}@media (prefers-reduced-motion: reduce){[data-pay-gated]{animation: none}}.PayCode{display: flex;flex-direction: column;gap: 0.5rem}.PayCode label{font-size: 0.9rem;font-weight: 700}.PayCodeRow button{flex-shrink: 0;height: 46px;margin: 0;padding: 0 1.15rem;border: 0;border-radius: 12px;background-color: var(--color-text);color: var(--color-white);font: inherit;font-weight: 700;cursor: pointer}[data-pay-remove]{align-self: flex-start;display: inline-flex;align-items: center;gap: 0.35rem;margin: 0.45rem 0 0;padding: 0.25rem 0.6rem;border: 1px solid #e5e1d8;border-radius: 999px;background-color: var(--color-white);color: #6b645a;font: inherit;font-size: 0.78rem;font-weight: 600;line-height: 1.2;cursor: pointer;transition: color 0.15s,border-color 0.15s,background-color 0.15s}[data-pay-remove]::before{content: '\00d7';font-size: 0.95rem;line-height: 1;font-weight: 700}[data-pay-remove]:hover{border-color: #e3b4ae;background-color: #fdf5f4;color: #c62828}[data-pay-remove]:focus-visible{outline: 3px solid var(--color-accent);outline-offset: 2px}[data-pay-remove]:disabled{opacity: 0.5;cursor: default}[data-pay-remove]:disabled:hover{border-color: #e5e1d8;background-color: var(--color-white);color: #6b645a}@media (prefers-reduced-motion: reduce){[data-pay-remove]{transition: none}}.Toolkit{display: flex;flex-direction: column;gap: 1.25rem;width: 100%;color: var(--color-text);text-align: left}.ToolkitMoreText span{color: #5f5b53;font-size: 0.95rem;line-height: 1.5}.ToolkitSlots span{box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border: 2px solid #e2ddd2;border-radius: 9px;background-color: var(--color-surface-alt);color: #b8b0a2;font-size: 0.62rem}.ToolkitCount small{color: #a85c08;font-size: 0.7rem;font-weight: 800;letter-spacing: 0.06em;text-transform: uppercase}.ToolkitSplit i{display: block;height: 100%}.ArtWeek{display: grid;grid-template-columns: repeat(7,16px);gap: 8px;align-items: end;height: 84px}.ArtWeek > span{display: flex;flex-direction: column;align-items: center;justify-content: flex-end;gap: 4px;height: 100%}.ArtWeek i{display: block;width: 100%;height: calc(var(--h) * 0.6px);border-radius: 5px 5px 3px 3px;background-color: var(--color-accent)}.ArtWeek i.Zero{background-color: rgba(255,255,255,0.85)}.ArtWeek small{color: #a85c08;font-size: 0.62rem;font-weight: 800;line-height: 1}.PlaceAwardArt{display: block;width: min(300px,70vw);height: auto;margin: 0 auto 0.4rem;filter: drop-shadow(0 18px 30px rgba(0,0,0,0.25))}.ProfileMenuLinks a .ProfileMenuCount{margin-left: auto;min-width: 20px;height: 20px;padding: 0 6px;box-sizing: border-box;border-radius: 999px;background-color: var(--color-accent);color: var(--color-white);font-size: 0.72rem;font-weight: 800;line-height: 20px;text-align: center}.ProfileMenuLinks a .ProfileMenuCount:empty{display: none}.MobileNavLanguages{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.15rem 0.3rem}.MobileNavLanguages .OptionRow{display: flex;align-items: center;gap: 0.5rem;width: 100%;padding: 0.5rem 0.6rem;font-size: 0.88rem}.MobileNavLanguages .OptionRow .Icon.Flag{flex: none;width: 20px;height: 20px}.MobileNavLanguages .OptionRow .Icon.Round.Flag{width: 22px !important;height: 22px !important;min-width: 22px;background-size: cover;padding: 0 !important;box-sizing: border-box}.HeaderPairButton{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;height: 44px;padding: 0 0.55rem;border-radius: 999px;background-color: rgba(255,255,255,0.12);transition: background-color 0.15s ease}.HeaderPairButton:hover{background-color: rgba(255,255,255,0.22);opacity: 1}.HeaderPairButton:focus-visible{outline: 2px solid var(--color-accent-light);outline-offset: 2px}.HeaderPairButton .Flag{box-sizing: border-box;width: 28px;height: 28px;padding: 0;border-radius: 50%;box-shadow: 0 0 0 2px var(--color-text)}.HeaderPairButton .Flag + .Flag{margin-left: -9px}@media (max-width: 500px){.HeaderPairButton{height: 40px;padding: 0 0.45rem}.HeaderPairButton .Flag{width: 24px;height: 24px}}.HeaderPairButton .Flag{box-shadow: 0 0 0 2px #313131}.HeaderPairButton:hover .Flag{box-shadow: 0 0 0 2px #454545}.HeaderPairButton .Flag{width: 24px;height: 24px}.HeaderPairButton .Flag + .Flag{margin-left: -7px}@media (max-width: 500px){.HeaderPairButton .Flag{width: 21px;height: 21px}.HeaderPairButton .Flag + .Flag{margin-left: -6px}}.SiteNav .HeaderPairButton{margin-right: 0.25rem}@media (min-width: 1100px){.SiteNav .HeaderPairButton{margin-right: -1rem}}.MyGameMark{display: inline-flex;align-items: baseline;white-space: nowrap;font-weight: 800;color: #3a2308;letter-spacing: -0.02em;line-height: 1.1}.MyGameMark .MyGameMarkO{flex: none;width: 0.86em;height: 0.86em;margin: 0 -0.03em 0 -0.02em;align-self: baseline;transform: translateY(0.15em);overflow: visible}.MyGameMark .MyGameMarkX{flex: none;height: 0.62em;align-self: center;overflow: visible}.MyGameMark .MyGameMarkX.Lines{width: 0.3em;margin-right: 0.12em}.MyGameMark .MyGameMarkX.Waves{width: 0.42em;margin-left: 0.1em}.MyGameMark .MyGameMarkX.Spark{width: 0.36em;margin-left: 0.06em;align-self: flex-start}.SignUpLevelNote{display: block;margin-top: 0.5rem;font-size: 0.86rem;font-weight: 400;line-height: 1.45;color: var(--color-text-muted)}.CenterText > a:not(.ButtonPrimary):not(.ButtonSecondary){color: var(--color-text);font-weight: 700;text-decoration: underline;text-decoration-color: var(--color-accent);text-decoration-thickness: 2px;text-underline-offset: 5px}.CenterText > a:not(.ButtonPrimary):not(.ButtonSecondary) .Icon{margin-left: 0.35rem;color: var(--color-accent);transition: transform 0.15s ease}@media (hover: hover){.CenterText > a:not(.ButtonPrimary):not(.ButtonSecondary):hover .Icon{transform: translateX(3px)}}.WhiteText .CenterText > a:not(.ButtonPrimary):not(.ButtonSecondary){color: var(--color-white)}.SiteNav .ButtonPrimary.NavStartFree{color: var(--color-white);padding: calc(0.6rem - 2px) calc(1.35rem - 2px)}