@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration:inherit;-webkit-text-decoration: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:where(:not(iframe)){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 components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.grid{display:grid}}:root{--ofu-bg:#c3cfa4;--ofu-surface:#fff;--ofu-text:#2b3820;--ofu-muted:#44552f;--ofu-accent:#6b4423;--ofu-accent-ink:#fff;--ofu-edge:#2b3820;--ofu-radius:18px;--ofu-btn-radius:16px;--ofu-camo:url(/assets/camo.svg);--ofu-font:Tahoma, Verdana, Geneva, "DejaVu Sans", sans-serif}.ofu-body{background:#a9b883 var(--ofu-camo) 0 0 / 640px 640px repeat;color:var(--ofu-text);font-family:var(--ofu-font);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;margin:0;display:flex}.ofu-body h1,.ofu-body h2{font-family:var(--ofu-font)}.ofu-nav{background:var(--ofu-bg);border-bottom:2.5px solid var(--ofu-edge);justify-content:space-between;align-items:center;gap:16px;height:68px;padding:0 clamp(16px,4vw,40px);display:flex}.ofu-wordmark{font-family:var(--ofu-font);letter-spacing:-.01em;color:var(--ofu-text);font-size:20px;font-weight:700;text-decoration:none}.ofu-wordmark span{color:var(--ofu-accent)}.ofu-btn{cursor:pointer;font-family:var(--ofu-font);border-radius:var(--ofu-btn-radius);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:700;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.ofu-btn:active{transform:translateY(1px)scale(.98)}.ofu-btn-primary{background:var(--ofu-accent);color:var(--ofu-accent-ink)}.ofu-btn-primary:hover{filter:brightness(1.08)}.ofu-btn-ghost{color:var(--ofu-text);box-shadow:inset 0 0 0 1.5px var(--ofu-edge);background:0 0}.ofu-landing{flex:1;padding:clamp(12px,3vw,32px);display:flex}.ofu-hero{background:var(--ofu-bg);border:2.5px solid var(--ofu-edge);border-radius:var(--ofu-radius);flex:1;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(24px,5vw,72px);width:100%;max-width:1200px;margin:0 auto;padding:clamp(20px,3vw,40px) clamp(16px,4vw,40px) 48px;display:grid}.ofu-mascot-stage{justify-self:end;width:min(100%,460px);margin-left:-4%;position:relative}.ofu-mascot-video{border-radius:var(--ofu-radius);width:100%;height:auto;display:block}.ofu-hero-copy{max-width:480px}.ofu-hero-copy h1{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.05}.ofu-sub{color:var(--ofu-muted);max-width:42ch;margin:0 0 24px;font-size:16px;line-height:1.55}.ofu-login{background:var(--ofu-surface);border-radius:var(--ofu-radius);box-shadow:0 1px 0 var(--ofu-edge), 0 14px 40px -18px var(--ofu-text);padding:22px 22px 20px}@supports (color:color-mix(in lab, red, red)){.ofu-login{box-shadow:0 1px 0 var(--ofu-edge), 0 14px 40px -18px color-mix(in srgb, var(--ofu-text) 28%, transparent)}}.ofu-login-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ofu-login-head h2{margin:0;font-size:19px;font-weight:700}.ofu-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.ofu-field label{color:var(--ofu-text);font-size:13px;font-weight:700}.ofu-field input{font:inherit;color:var(--ofu-text);background:var(--ofu-bg);border:1.5px solid var(--ofu-edge);border-radius:calc(var(--ofu-radius) * .6);outline:none;padding:11px 12px;font-size:15px;transition:border-color .15s,box-shadow .15s}.ofu-field input::placeholder{color:var(--ofu-muted)}@supports (color:color-mix(in lab, red, red)){.ofu-field input::placeholder{color:color-mix(in srgb, var(--ofu-muted) 75%, transparent)}}.ofu-field input:focus-visible{border-color:var(--ofu-accent);box-shadow:0 0 0 3px var(--ofu-accent)}@supports (color:color-mix(in lab, red, red)){.ofu-field input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ofu-accent) 25%, transparent)}}.ofu-login-submit{width:100%;margin-top:2px}.ofu-login-helper,.ofu-login-notice{color:var(--ofu-muted);margin:12px 0 0;font-size:13px}.ofu-login-notice{color:var(--ofu-accent);font-weight:700}.ofu-badges{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.ofu-badge{border-radius:var(--ofu-btn-radius);background:var(--ofu-text);color:var(--ofu-bg);opacity:.92;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:9px 16px;display:inline-flex}.ofu-badge img{display:block}.ofu-badge small{letter-spacing:.02em;opacity:.75;font-size:10px;line-height:1.2;display:block}.ofu-badge strong{font-size:14px;line-height:1.15;display:block}.ofu-features{background:var(--ofu-bg);border:2.5px solid var(--ofu-edge);border-radius:var(--ofu-radius);flex:1;width:min(1080px,100% - 24px);margin:clamp(12px,3vw,32px) auto;padding:24px clamp(16px,4vw,40px) 72px}.ofu-features-intro{max-width:60ch;padding:clamp(24px,5vw,56px) 0 clamp(28px,4vw,48px)}.ofu-features-intro h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(32px,4.5vw,48px);font-weight:700;line-height:1.04}.ofu-features-intro p{color:var(--ofu-muted);margin:0;font-size:17px}.ofu-feat{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(20px,4vw,56px);padding:clamp(24px,4vw,44px) 0;display:grid}.ofu-feat-flip .ofu-feat-art{order:2}.ofu-feat-flip .ofu-feat-copy{order:1}.ofu-feat-art img{width:min(100%,340px);height:auto;filter:drop-shadow(0 18px 28px var(--ofu-text));margin:0 auto;display:block}@supports (color:color-mix(in lab, red, red)){.ofu-feat-art img{filter:drop-shadow(0 18px 28px color-mix(in srgb, var(--ofu-text) 22%, transparent))}}.ofu-feat-art img{transition:transform .25s}.ofu-feat:hover .ofu-feat-art img{transform:translateY(-4px)}.ofu-feat-copy h2{letter-spacing:-.01em;margin:0 0 10px;font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.1}.ofu-feat-copy p{color:var(--ofu-muted);max-width:52ch;margin:0;font-size:16px;line-height:1.6}.ofu-feat-cta{text-align:center;padding:clamp(40px,6vw,72px) 24px 8px}.ofu-feat-cta h2{margin:0 0 8px;font-size:clamp(26px,3.4vw,36px);font-weight:700}.ofu-feat-cta p{color:var(--ofu-muted);margin:0 0 20px}.ofu-footer{background:var(--ofu-bg);border-top:2.5px solid var(--ofu-edge);color:var(--ofu-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px clamp(16px,4vw,40px);font-size:13px;display:flex}.ofu-footer p{margin:0}.ofu-center-page{flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.ofu-center-card{text-align:center;background:var(--ofu-bg);border:2.5px solid var(--ofu-edge);border-radius:var(--ofu-radius);max-width:420px;padding:28px 24px}.ofu-center-card h1{margin:0 0 8px;font-size:34px}.ofu-center-card p{color:var(--ofu-muted);margin:0 0 20px}.ofu-center-actions{justify-content:center;gap:10px;display:flex}@media (prefers-reduced-motion:no-preference){.ofu-hero-copy>*,.ofu-mascot-stage{animation:.6s cubic-bezier(.16,1,.3,1) both ofu-rise}.ofu-hero-copy>:first-child{animation-delay:50ms}.ofu-hero-copy>:nth-child(2){animation-delay:.12s}.ofu-hero-copy>:nth-child(3){animation-delay:.19s}.ofu-hero-copy>:nth-child(4){animation-delay:.26s}@keyframes ofu-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:860px){.ofu-hero{grid-template-columns:1fr;gap:20px;padding-top:8px}.ofu-mascot-stage{justify-self:center;width:min(72vw,340px);margin-left:0}.ofu-hero-copy{max-width:none}.ofu-feat,.ofu-feat-flip{grid-template-columns:1fr;gap:16px}.ofu-feat-flip .ofu-feat-art{order:1}.ofu-feat-flip .ofu-feat-copy{order:2}.ofu-feat-art img{width:min(58vw,260px)}}.v-bold .ofu-login,.v-bold .ofu-mascot-video,.v-bold .ofu-badge{border:2.5px solid var(--ofu-edge);box-shadow:6px 6px 0 var(--ofu-edge)}.v-bold .ofu-login{box-shadow:8px 8px 0 var(--ofu-edge)}.v-bold .ofu-btn-primary{border:2.5px solid var(--ofu-edge);box-shadow:4px 4px 0 var(--ofu-edge)}.v-bold .ofu-btn-primary:active{box-shadow:1px 1px 0 var(--ofu-edge);transform:translate(3px,3px)}.v-bold .ofu-field input{border-width:2px;border-color:var(--ofu-edge)}.v-bold .ofu-badge{color:var(--ofu-text);background:#fff}.v-bold .ofu-feat-art img{filter:none}.v-bold .ofu-feat:nth-child(2n) .ofu-feat-art img{transform:rotate(-2deg)}.v-bold .ofu-feat:nth-child(odd) .ofu-feat-art img{transform:rotate(2deg)}.v-bold .ofu-feat:hover .ofu-feat-art img{transform:rotate(0)translateY(-4px)}