:root{--bg: #faf7f2;--grad1: #ffe6f0;--grad2: #e8fbff;--card: #ffffff;--ink: #1d2634;--sub: #687281;--brand1: #ff6ea8;--brand2: #33c2df;--stroke: #e2e4eb}html,body{margin:0;padding:0;font-family:Heebo,Inter,Arial,sans-serif;background:linear-gradient(140deg,var(--grad1),var(--grad2) 60%),var(--bg);color:var(--ink);min-height:100vh}button{padding:10px 14px;border:none;border-radius:12px;background:linear-gradient(90deg,var(--brand1),var(--brand2));color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #33c2df40;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #33c2df59}button[disabled]{opacity:.7;cursor:default}.card{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:16px;box-shadow:0 6px 20px #0000000d;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000012}h1,h2,h3,h4{font-family:Heebo,Arial,sans-serif;margin-top:0;color:var(--ink)}p{color:var(--sub)}input,select,textarea{font-family:Heebo,Arial,sans-serif;border:1px solid var(--stroke);border-radius:10px;padding:10px;font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--brand2);box-shadow:0 0 0 3px #33c2df40}.alert{background:#fff7f8;border:1px solid #ffd2dc;padding:12px;border-radius:10px;color:#b91c1c;margin-bottom:12px}details{background:#fcfdff;border-radius:8px;padding:6px 10px;border:1px solid var(--stroke)}details summary{cursor:pointer;font-weight:600;color:var(--brand2)}details summary:hover{text-decoration:underline}details div{padding-top:4px;color:var(--sub)}header.site-header{background:linear-gradient(90deg,var(--brand1),var(--brand2));color:#fff;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-radius:0 0 18px 18px;box-shadow:0 4px 16px #00000026}header .logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800}header .logo span{font-size:26px}header .menu a{color:#fff;text-decoration:none;margin:0 10px;font-weight:500;transition:opacity .2s ease}header .menu a:hover{opacity:.8}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px}.card-title{font-weight:700;font-size:16px;margin-bottom:6px}.card-sub{color:var(--sub);font-size:13px}@keyframes fadeSlide{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeSlide .6s ease forwards}footer{text-align:center;color:var(--sub);font-size:13px;margin-top:40px;padding:20px}footer a{color:var(--brand2);text-decoration:none}