@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap";
:root{--crimson:#8b2020;--crimson-lite:#c94040;--warm-gray:#a89898;--dark-gray:#6a6060;--charcoal:#2c2c2a;--dark-bg:#1e1c1c;--cream:#f5f0eb;--white:#fff;--font:"DM Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background-color:var(--cream);color:var(--charcoal);line-height:1.6;overflow-x:hidden}nav{background:var(--cream);z-index:10;justify-content:space-between;align-items:center;padding:24px 5%;display:flex;position:relative}.logo-h{align-items:center;gap:8px;text-decoration:none;transition:opacity .2s;display:inline-flex}.logo-h:hover{opacity:.82}.mark-h{flex-shrink:0;width:60px;height:75px;display:block}.wm-h{flex-direction:column;justify-content:center;gap:4px;display:flex}.nm{letter-spacing:3px;color:var(--charcoal);font-size:42px;font-weight:600;line-height:1}.tg{letter-spacing:3.5px;color:var(--crimson);text-transform:uppercase;font-size:10px;font-weight:400}.ll{stroke:var(--crimson)}.lr{stroke:var(--warm-gray)}.br{stroke:var(--crimson)}.dt,.dl{fill:var(--crimson)}.dr{fill:var(--warm-gray)}.btn-login{background:var(--crimson);color:var(--white);border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:background .3s,transform .2s}.btn-login:hover{background:var(--crimson-lite);transform:translateY(-2px)}.hero{background:var(--cream);align-items:center;max-width:1400px;margin:0 auto;padding:100px 5% 120px;display:flex;position:relative}.hero-content{z-index:2;max-width:650px;position:relative}.hero-bg-art{mix-blend-mode:multiply;opacity:.85;z-index:1;pointer-events:none;background-image:url(/assets/donghua_brushstroke_uncropped.png);background-position:100%;background-repeat:no-repeat;background-size:contain;width:50%;height:100%;position:absolute;top:0;right:5%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 15%);mask-image:linear-gradient(90deg,#0000 0%,#000 15%)}.hero-badge{color:var(--crimson);letter-spacing:1px;text-transform:uppercase;background:#8b20201a;border-radius:50px;margin-bottom:24px;padding:8px 16px;font-size:12px;font-weight:600;display:inline-block}.hero h1{color:var(--charcoal);letter-spacing:-1px;margin-bottom:24px;font-size:56px;font-weight:700;line-height:1.1}.hero h1 span{color:var(--crimson)}.hero p{color:var(--dark-gray);max-width:500px;margin-bottom:40px;font-size:18px}.apps-section{z-index:3;max-width:1200px;margin:0 auto;padding:80px 5%;position:relative}.section-title{text-align:center;margin-bottom:48px;font-size:32px;font-weight:600}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.app-card{background:var(--white);color:inherit;border:1px solid #eceae3;border-radius:16px;padding:40px 32px;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.app-card:hover{border-color:var(--crimson);transform:translateY(-8px);box-shadow:0 20px 40px #2c2c2a14}.app-card:before{content:"";background:var(--crimson);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.app-card:hover:before{opacity:1}.app-icon{background:var(--cream);border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex}.app-title{margin-bottom:12px;font-size:22px;font-weight:600}.app-desc{color:var(--dark-gray);margin-bottom:24px;font-size:14px}.app-link{color:var(--crimson);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.app-link:after{content:"→";transition:transform .2s}.app-card:hover .app-link:after{transform:translate(4px)}.badge-soon{background:var(--warm-gray);color:var(--white);text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:600;position:absolute;top:24px;right:24px}footer{text-align:center;color:var(--warm-gray);background:var(--cream);border-top:1px solid #eceae3;padding:40px 5%;font-size:14px}@media (max-width:900px){.hero{padding-top:60px}.hero-bg-art{opacity:.3;width:100%;right:0}}.app-wrapper{width:100%}.glass-nav{-webkit-backdrop-filter:blur(12px);background:#f5f0ebb3!important;border-bottom:1px solid #ffffff4d!important}.theme-animated button,.theme-animated a{transition:all .3s cubic-bezier(.25,.8,.25,1)}.theme-animated .app-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px #2c2c2a1f}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--warm-gray);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--crimson)}