.home nav a{color:var(--muted);text-decoration:none;font-size:13px;padding:0 0 8px;border-bottom:2px solid transparent}.home nav a:hover{color:var(--text)}.home nav .home-active{color:var(--accent);border-color:var(--accent)}.home main{padding-top:76px;padding-bottom:64px}.home-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}.home-heading small{letter-spacing:1px;color:var(--accent)}.home h1{margin-top:16px;font-size:28px;font-weight:400;line-height:1.4}.start-practice{display:inline-flex;align-items:center;gap:24px;border:1px solid #5a5246;background:var(--key);border-radius:5px;padding:13px 17px;text-decoration:none;color:var(--text);font-size:12px;white-space:nowrap;box-shadow:0 2px #0004}.start-practice:hover{border-color:var(--accent)}.start-practice span{color:var(--accent);font-size:20px}.home-ruler{height:32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:9px;background:repeating-linear-gradient(90deg,var(--line) 0,var(--line) 1px,transparent 1px,transparent 3.125%);background-size:100% 4px;background-repeat:no-repeat}.home-ruler span{padding-top:11px}.home-words{padding:13px 0 30px}.home-words p{position:relative;margin:0;padding-left:44px;font-size:28px;line-height:1.86;color:var(--muted)}.home-words p:first-child{color:var(--text)}.home-words p>span{position:absolute;left:0;top:0;font-size:10px;line-height:52px;color:var(--muted)}.home-caption{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:24px}@media(max-width:800px){.home main{padding-top:42px}.home-heading{align-items:flex-start;flex-direction:column;margin-bottom:32px}.home h1{font-size:24px}.home-words p{font-size:21px;line-height:1.8;padding-left:32px}.home-words p>span{line-height:38px}.home-caption{flex-wrap:wrap}.home nav{gap:16px}.home .brand strong{font-size:20px}}@media(max-width:400px){.home header{padding:0 16px}.home main{margin:0 16px}.home .mark{width:30px;height:30px}.home .brand{gap:8px}.home nav a{font-size:12px}}
.home-welcome{margin-bottom:72px}.login-area{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-block:1px solid var(--line);padding:48px 24px;background:linear-gradient(135deg,#3a342d55,transparent)}.login-button{display:flex;align-items:center;justify-content:center;gap:26px;min-height:94px;width:min(100%,420px);padding:24px 40px;border:1px solid #cf7658;border-radius:8px;background:var(--accent);color:var(--text);text-decoration:none;font-size:30px;box-shadow:0 4px 0 #0004;transition:background .15s,transform .15s}.login-button:hover{background:#ca694b;transform:translateY(-2px)}.login-button:active{transform:translateY(1px)}.login-button img{width:18px;height:18px}.login-area p{margin:20px 0 0;color:var(--muted);font-size:12px}.home h2{font-size:22px;font-weight:400;line-height:1.4;margin:14px 0 0}@media(max-width:800px){.home-welcome{margin-bottom:48px}.login-area{min-height:240px;padding:36px 20px}.login-button{min-height:88px;font-size:28px;padding:22px}.home h2{font-size:20px}}

.login-button{width:min(100%,500px);font-size:26px}@media(max-width:500px){.login-button{font-size:21px;gap:16px}}