:root{--primary: #707df4;--second: #8a8a8a;--hover: #8d97f6;--active: #5a68d2;--disabled: #bdbdbd;--background-color: #f8f9fa;--card-color-normal: #ffffff;--card-color-hover: #f0f2f5;--text-color-100: #1a1a1a;--text-color-200: #4a4a4a;--text-color-300: #8a8a8a;--link-color-normal: #707df4;--border-color-normal: #e0e0e0;--border-color-hover: #707df4;--success-color: #4caf50;--warning-color: #ffb74d;--error-color: #f44366;--info-color: #64b5f6}@media(prefers-color-scheme:dark){:root{--primary: #8d97f6;--hover: #a8b0f8;--active: #707df4;--disabled: #6a6a6a;--background-color: #121212;--card-color-normal: #1e1e1e;--card-color-hover: #2a2a2a;--text-color-100: #ffffff;--text-color-200: #e0e0e0;--text-color-300: #b0b0b0;--link-color-normal: #707df4;--border-color-normal: #3a3a3a;--border-color-hover: #8d97f6;--success-color: #66bb6a;--warning-color: #ffcc80;--error-color: #f6688e;--info-color: #81d4fa}}html{margin:0;padding:0}body{margin:0;padding:0;background:var(--background-color)}.home{font-size:0}.logo{width:80px;height:80px;margin:48px 24px}.header{height:64vh}.content{height:36vh;background-color:var(--active)}.cards{transform:translateY(-80px);height:calc(36vh - 48px);padding:0 24px;display:flex;gap:24px}.card{width:360px}.card>.icon{width:64x;height:64px}.card>.title{margin-top:36px;padding:0 8px;font-size:20px;color:var(--card-color-normal)}.card>.description{margin-top:12px;padding:0 8px;font-size:12px;color:var(--card-color-hover)}.card>.link{margin-top:12px;padding:0 8px;font-size:12px}.card>.link a{color:var(--background-color)}.footer{font-size:12px;color:var(--background-color);height:48px;line-height:48px;padding:0 24px;display:flex;gap:6px}.footer a{color:var(--background-color)}