*{box-sizing:border-box}body{margin:0;background:#0b0f14;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Noto Sans JP",sans-serif}a{color:#fff;text-decoration:none}.hero{min-height:92vh;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.45)),url('/static/images/live.jpg') center/cover no-repeat;position:relative}.hero nav{height:72px;display:flex;align-items:center;gap:32px;padding:0 6%;background:rgba(0,0,0,.35);position:sticky;top:0;backdrop-filter:blur(10px)}.logo{font-size:26px;font-weight:800;letter-spacing:4px;margin-right:auto}.hero-content{position:absolute;left:8%;top:40%;transform:translateY(-50%);max-width:800px}.hero h1{font-size:72px;margin:0 0 18px}.hero p{font-size:28px;color:#d8d8d8}.btn{display:inline-block;background:#2b78ff;border-radius:999px;padding:15px 28px;margin-top:18px;font-weight:700}.section{max-width:1180px;margin:0 auto;padding:90px 24px;border-top:1px solid rgba(255,255,255,.12)}.grid{display:grid;grid-template-columns:1.3fr .8fr;gap:60px;align-items:center}.label{letter-spacing:6px;font-weight:800;color:#cfcfcf}.section h2{font-size:42px;line-height:1.35;margin:20px 0}.intro{font-size:18px;line-height:2;color:#ddd}.card{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:36px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.profile-card li{margin:13px 0}.aws-card{display:flex;align-items:center;min-height:280px}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:28px;margin-top:36px}.work-card video,.work-card img{width:100%;border-radius:18px;margin-top:14px}.work-card audio{width:100%;margin-top:14px}.contact{text-align:center}.contact a{display:inline-block;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:14px 24px;margin:10px}footer{text-align:center;color:#aaa;padding:40px;border-top:1px solid rgba(255,255,255,.12)}.admin-body{background:#0b0f14;min-height:100vh}.login-card,.dashboard{max-width:1100px;margin:60px auto;padding:24px}.login-card{max-width:420px;background:#171b21;border:1px solid rgba(255,255,255,.14);border-radius:20px}.login-card input,.form-grid input,.form-grid textarea,.form-grid select{width:100%;margin:8px 0 16px;padding:13px;border-radius:10px;border:1px solid #333;background:#0e1218;color:#fff}.hint,.flash{color:#ffcc4d}.dash-top{display:flex;justify-content:space-between;align-items:center}.small-btn{padding:10px 16px;border:1px solid #777;border-radius:999px;margin-left:10px}.admin-section{margin:24px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.work-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding:14px 0}.danger{background:#e5484d;color:#fff;border:0;border-radius:999px;padding:8px 16px}@media(max-width:800px){.hero h1{font-size:44px}.grid{grid-template-columns:1fr}.hero nav{gap:14px;font-size:14px}.hero-content{left:6%;right:6%}.form-grid{grid-template-columns:1fr}}

/* Remove gap between AWS and JLPT cards */
#jlpt {
    margin-top: -2px;
}


/* Certificate card spacing */
#jlpt {
    margin-top: 16px !important;
}


#jlpt {
    margin-top: 50px !important;
}


#wow {
    margin-top: 50px !important;
}


/* 页面底部留白 */
main {
    padding-bottom: 200px !important;
}