/* ========================================================================== MARTIALTEK UI 2 - the two sign-in pages (staff login + member login). Loaded after mt-ui.css and mt-public.css, only on body.mt-login, so the other public pages do not change. Colors still follow the school's theme (light or dark); the gold is MartialTek's own. Motion is soft and stops for people who ask their device for less. ========================================================================== */ @property --mtl-a { syntax: ''; inherits: false; initial-value: 0deg; } body.mt-login { --mtl-gold: #F0A548; --mtl-gold-2: #F7C66A; --mtl-ember: #D9783A; position: relative; min-height: 100vh; min-height: 100svh; overflow-x: hidden; background: var(--mt-bg) !important; } /* ---------- Background: glow, dots, the swoosh, a little grain ---------- */ .mtl-bg { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; } .mtl-aura { position: absolute; width: 62vmax; height: 62vmax; border-radius: 50%; filter: blur(70px); opacity: 0; animation: mtlFade 1.6s ease-out .1s forwards, mtlDrift 22s ease-in-out 1.6s infinite alternate; } .mtl-aura.a1 { left: -22vmax; top: -26vmax; background: radial-gradient(circle, var(--mt-accent) 0%, transparent 62%); --mtl-o: .2; } .mtl-aura.a2 { right: -24vmax; bottom: -30vmax; background: radial-gradient(circle, var(--mtl-gold) 0%, transparent 60%); --mtl-o: .22; animation-direction: normal, alternate-reverse; } html.mt-dark .mtl-aura.a1 { --mtl-o: .26; } html.mt-dark .mtl-aura.a2 { --mtl-o: .16; } .mtl-dots { position: absolute; inset: 0; background-image: radial-gradient(color-mix(in srgb, var(--mt-ink) 13%, transparent) 1px, transparent 1.2px); background-size: 22px 22px; -webkit-mask-image: radial-gradient(ellipse 60% 55% at 50% 50%, #000 0%, transparent 75%); mask-image: radial-gradient(ellipse 60% 55% at 50% 50%, #000 0%, transparent 75%); opacity: .55; } .mtl-grain { position: absolute; inset: -50%; opacity: .05; mix-blend-mode: overlay; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); } .mtl-arc { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; } .mtl-arc-body { opacity: .55; } .mtl-arc-glow { opacity: .45; } html.mt-dark .mtl-arc-body { opacity: .5; } html.mt-dark .mtl-arc-glow { opacity: .6; } /* The swoosh draws itself once, from its tail around to the top */ .mtl-reveal { fill: none; stroke: #fff; stroke-width: 90; stroke-linecap: round; stroke-dasharray: 100 100; stroke-dashoffset: 100; animation: mtlDraw 1.7s cubic-bezier(.6,.05,.25,1) .25s forwards; } /* A spark runs along it now and then, and cracks into a small bolt at the end */ .mtl-spark { fill: none; stroke: #FFE6B0; stroke-width: 4; stroke-linecap: round; stroke-dasharray: 9 200; stroke-dashoffset: 9; opacity: 0; animation: mtlSpark 6s cubic-bezier(.55,0,.35,1) 2.2s infinite; } html.mt-dark .mtl-spark { stroke: #FFF4DC; } .mtl-bolt { fill: none; stroke: #FFE9BA; stroke-width: 2.6; stroke-linejoin: round; stroke-linecap: round; opacity: 0; animation: mtlBolt 6s linear 2.2s infinite; } @keyframes mtlFade { to { opacity: var(--mtl-o, .25); } } @keyframes mtlDrift { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(6vmax, 4vmax, 0) scale(1.12); } } @keyframes mtlDraw { to { stroke-dashoffset: 0; } } @keyframes mtlSpark { 0% { stroke-dashoffset: 9; opacity: 0; } 3% { opacity: 1; } 22% { stroke-dashoffset: -91; opacity: 1; } 25%, 100% { stroke-dashoffset: -91; opacity: 0; } } @keyframes mtlBolt { 0%, 21.5% { opacity: 0; } 22.2% { opacity: .95; } 23% { opacity: .2; } 23.6% { opacity: .85; } 25.5%, 100% { opacity: 0; } } /* ---------- Dead center, a smaller card ---------- */ body.mt-login form { margin: 0; } body.mt-login .mt-pub-wrap { position: relative; z-index: 1; max-width: 404px; min-height: 100vh; min-height: 100svh; justify-content: center; gap: 0; padding: 84px 16px 96px; } body.mt-login .mt-pub-card { --mtl-rx: 0deg; --mtl-ry: 0deg; --mtl-x: 50%; --mtl-y: 0%; position: relative; isolation: isolate; gap: 16px; padding: 30px 30px 26px; border-radius: 26px; background: color-mix(in srgb, var(--mt-card) 80%, transparent); -webkit-backdrop-filter: blur(22px) saturate(150%); backdrop-filter: blur(22px) saturate(150%); border: 1px solid color-mix(in srgb, var(--mt-ink) 9%, transparent); box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 1px 2px rgba(10,10,20,.06), 0 8px 18px -6px rgba(10,10,20,.12), 0 36px 70px -22px rgba(10,10,20,.30), 0 60px 120px -40px color-mix(in srgb, var(--mt-accent) 30%, transparent); transform: perspective(1200px) rotateX(var(--mtl-rx)) rotateY(var(--mtl-ry)); transition: transform .5s cubic-bezier(.2,.8,.2,1); animation: mtlCardIn .9s cubic-bezier(.2,.8,.2,1) .1s backwards; } html.mt-dark body.mt-login .mt-pub-card { background: color-mix(in srgb, var(--mt-card) 74%, transparent); border-color: rgba(255,255,255,.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 1px 2px rgba(0,0,0,.4), 0 14px 30px -10px rgba(0,0,0,.55), 0 50px 100px -30px rgba(0,0,0,.75), 0 60px 140px -40px color-mix(in srgb, var(--mt-accent) 38%, transparent); } /* A thin light that travels slowly around the edge of the card */ body.mt-login .mt-pub-card::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; padding: 1px; pointer-events: none; background: conic-gradient(from var(--mtl-a), transparent 0deg 250deg, color-mix(in srgb, var(--mt-accent) 85%, transparent) 300deg, var(--mtl-gold-2) 335deg, transparent 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: .9; animation: mtlSpin 7s linear infinite; } /* Soft light that follows the mouse */ body.mt-login .mt-pub-card::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .4s; background: radial-gradient(420px circle at var(--mtl-x) var(--mtl-y), color-mix(in srgb, var(--mtl-gold) 14%, transparent), transparent 60%); } body.mt-login .mt-pub-card.mtl-lit::after { opacity: 1; } @keyframes mtlSpin { to { --mtl-a: 360deg; } } @keyframes mtlCardIn { from { opacity: 0; transform: perspective(1200px) translateY(22px) scale(.965); filter: blur(8px); } to { opacity: 1; transform: perspective(1200px) translateY(0) scale(1); filter: blur(0); } } /* Each piece of the card slides in just after the card */ body.mt-login .mt-pub-card > * { animation: mtlUp .6s cubic-bezier(.2,.8,.2,1) both; } body.mt-login .mt-pub-card > :nth-child(1) { animation-delay: .25s; } body.mt-login .mt-pub-card > :nth-child(2) { animation-delay: .32s; } body.mt-login .mt-pub-card > :nth-child(3) { animation-delay: .38s; } body.mt-login .mt-pub-card > :nth-child(4) { animation-delay: .43s; } body.mt-login .mt-pub-card > :nth-child(5) { animation-delay: .48s; } body.mt-login .mt-pub-card > :nth-child(6) { animation-delay: .52s; } body.mt-login .mt-pub-card > :nth-child(7) { animation-delay: .56s; } body.mt-login .mt-pub-card > :nth-child(n+8) { animation-delay: .6s; } @keyframes mtlUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } } /* ---------- School logo + name ---------- */ body.mt-login .mt-pub-brand { position: relative; gap: 12px; padding-bottom: 2px; } body.mt-login .mt-pub-brand::before { content: ""; position: absolute; left: 50%; top: 34px; width: 240px; height: 90px; transform: translate(-50%, -50%); z-index: -1; background: radial-gradient(closest-side, color-mix(in srgb, var(--mt-accent) 30%, transparent), transparent); filter: blur(18px); opacity: .8; } body.mt-login .mt-pub-brand img { max-width: min(210px, 78%); max-height: 68px; border-radius: 10px; box-shadow: 0 1px 0 rgba(255,255,255,.08), 0 10px 26px -10px rgba(0,0,0,.55); } body.mt-login .mt-pub-mark { width: 58px; height: 58px; border-radius: 18px; box-shadow: 0 12px 28px -10px var(--mt-accent); } body.mt-login .mt-pub-school { font: 700 11.5px/1.3 var(--mt-font) !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: color-mix(in srgb, var(--mt-ink) 58%, transparent) !important; } /* ---------- Title ---------- */ body.mt-login .mt-pub-head { align-items: center; text-align: center; gap: 6px; margin-top: 2px; } body.mt-login .mt-pub-title { font-size: clamp(27px, 7vw, 32px) !important; letter-spacing: -.035em; line-height: 1.05 !important; color: var(--mt-ink) !important; } body.mt-login .mt-pub-lead { font-size: 14.5px !important; line-height: 1.45 !important; max-width: 31ch; } body.mt-login .mt-pub-h2 { font-family: var(--mt-display) !important; font-weight: 800 !important; font-size: 17px !important; letter-spacing: -.01em; } /* ---------- Fields ---------- */ body.mt-login .mt-field { gap: 7px; } body.mt-login .mt-field label, body.mt-login label.mt-label { font-size: 13.5px !important; font-weight: 600 !important; color: color-mix(in srgb, var(--mt-ink) 82%, transparent) !important; } body.mt-login .mt-field-top { align-items: center; } body.mt-login .mt-pub-link.sm { min-height: 24px; padding: 0; font-size: 13px; font-weight: 600; } body.mt-login .mt-pub-card input[type="text"], body.mt-login .mt-pub-card input[type="email"], body.mt-login .mt-pub-card input[type="password"], body.mt-login .mt-pub-card .form-control { height: 48px !important; min-height: 48px; border-radius: 13px !important; border-width: 1px !important; border-color: color-mix(in srgb, var(--mt-ink) 13%, transparent) !important; background-color: color-mix(in srgb, var(--mt-input) 88%, transparent) !important; box-shadow: inset 0 1px 2px rgba(0,0,0,.06) !important; font-size: 15.5px !important; transition: border-color .18s, box-shadow .18s, background-color .18s; } body.mt-login .mt-pub-card input:hover:not(:focus) { border-color: color-mix(in srgb, var(--mt-ink) 24%, transparent) !important; } body.mt-login .mt-pub-card input:focus { border-color: var(--mt-accent) !important; background-color: var(--mt-input) !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--mt-accent) 16%, transparent), 0 0 26px -4px color-mix(in srgb, var(--mt-accent) 45%, transparent) !important; } /* ---------- The button ---------- */ body.mt-login .mt-btn.go.lg { position: relative; height: 50px; min-height: 50px; border-radius: 13px; font-size: 16px; font-weight: 700; letter-spacing: .01em; margin-top: 4px; border: 1px solid color-mix(in srgb, var(--mt-accent) 70%, #000); background-color: var(--mt-accent); background-image: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.38) 50%, transparent 62%), linear-gradient(180deg, color-mix(in srgb, var(--mt-accent) 82%, #fff), var(--mt-accent) 55%, color-mix(in srgb, var(--mt-accent) 88%, #000)); background-size: 260% 100%, 100% 100%; background-position: 140% 0, 0 0; background-repeat: no-repeat; box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 2px 4px rgba(0,0,0,.14), 0 12px 26px -10px color-mix(in srgb, var(--mt-accent) 75%, transparent); transition: transform .18s, box-shadow .25s, background-position .7s cubic-bezier(.2,.8,.2,1), filter .2s; } body.mt-login .mt-btn.go.lg:hover { transform: translateY(-1px); filter: none; background-position: -40% 0, 0 0; background-color: var(--mt-accent); box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 3px 6px rgba(0,0,0,.16), 0 18px 36px -12px color-mix(in srgb, var(--mt-accent) 90%, transparent); } body.mt-login .mt-btn.go.lg:active { transform: translateY(0) scale(.985); } body.mt-login .mt-btn.dark { height: 46px; border-radius: 12px; } body.mt-login .mt-pub-panel { border-radius: 16px; padding: 16px; background: color-mix(in srgb, var(--mt-soft) 80%, transparent); border: 1px solid color-mix(in srgb, var(--mt-ink) 7%, transparent); } body.mt-login .mt-note, body.mt-login .alert { font-size: 14px !important; border-radius: 12px !important; } body.mt-login .mt-pub-alt { padding-top: 14px; font-size: 14px !important; border-top-color: color-mix(in srgb, var(--mt-ink) 9%, transparent); } body.mt-login .mt-pub-alt .mt-pub-link { min-height: 30px; font-size: 14px; } /* ---------- Under the card: Powered by MartialTek + copyright ---------- */ body.mt-login .mt-pub-foot { position: absolute; left: 0; right: 0; bottom: 18px; margin: 0; padding: 0; border: 0; background: none; border-radius: 0; font-size: 11.5px; color: color-mix(in srgb, var(--mt-ink) 45%, transparent); opacity: 0; animation: mtlFadeIn .8s ease-out .9s forwards; } .mtl-by { position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 9px; padding: 6px 13px 6px 9px; border-radius: 999px; color: color-mix(in srgb, var(--mt-ink) 62%, transparent) !important; text-decoration: none !important; white-space: nowrap; font: 500 13px/1 var(--mt-font); letter-spacing: .01em; background: color-mix(in srgb, var(--mt-card) 55%, transparent); border: 1px solid color-mix(in srgb, var(--mt-ink) 8%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; animation: mtlFadeIn .8s ease-out .8s forwards; transition: color .2s, border-color .2s, box-shadow .3s; } .mtl-by b { font-weight: 800; font-family: var(--mt-display); letter-spacing: -.005em; color: var(--mt-ink); } .mtl-by:hover { color: var(--mt-ink) !important; border-color: color-mix(in srgb, var(--mtl-gold) 55%, transparent); box-shadow: 0 0 24px -6px color-mix(in srgb, var(--mtl-gold) 70%, transparent); } /* The MartialTek fighter in gold, with a flash of light passing over it */ .mtl-mark { width: 34px; height: 28px; flex: none; background: linear-gradient(115deg, var(--mtl-ember) 0%, var(--mtl-gold) 38%, #FFF6DF 48%, var(--mtl-gold) 58%, var(--mtl-ember) 100%); background-size: 320% 100%; background-position: 100% 0; -webkit-mask: url("data:image/png;base64,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") center / contain no-repeat; mask: url("data:image/png;base64,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") center / contain no-repeat; filter: drop-shadow(0 0 5px color-mix(in srgb, var(--mtl-gold) 55%, transparent)); animation: mtlGlint 6s ease-in-out 1.6s infinite; } .mtl-by:hover .mtl-mark { animation-duration: 1.6s; } html:not(.mt-dark) .mtl-mark { background-image: linear-gradient(115deg, #B5531F 0%, #E08A2E 38%, #FFE7B0 48%, #E08A2E 58%, #B5531F 100%); filter: drop-shadow(0 1px 2px rgba(150,70,20,.25)); } @keyframes mtlGlint { 0% { background-position: 100% 0; } 30%, 100% { background-position: 0% 0; } } @keyframes mtlFadeIn { to { opacity: 1; } } /* ---------- Phones ---------- */ @media (max-width: 520px) { body.mt-login .mt-pub-wrap { padding: 28px 14px 96px; } body.mt-login .mt-pub-card { padding: 24px 20px 20px; border-radius: 22px; } body.mt-login .mt-pub-brand img { max-height: 58px; } .mtl-aura { filter: blur(50px); } } /* Tall phone screens: turn the swoosh so it wraps around the card */ @media (max-aspect-ratio: 4/5) { .mtl-arc { transform: rotate(-64deg) scale(.82); } } @media (max-height: 700px) and (min-width: 521px) { body.mt-login .mt-pub-wrap { padding-top: 28px; } } /* ---------- Less motion: everything still, nothing removed ---------- */ @media (prefers-reduced-motion: reduce) { .mtl-aura { animation: none; opacity: var(--mtl-o, .25); } .mtl-reveal { animation: none; stroke-dashoffset: 0; } .mtl-spark, .mtl-bolt { display: none; } body.mt-login .mt-pub-card, body.mt-login .mt-pub-card > *, body.mt-login .mt-pub-foot, .mtl-by { animation: none; opacity: 1; } body.mt-login .mt-pub-card::before { animation: none; } .mtl-mark { animation: none; background-position: 50% 0; } body.mt-login .mt-btn.go.lg { transition: none; } } /* The swoosh and the lightning bolt are gone (owner's request, Oct 17 2026). */ .mtl-arc { display: none !important; }