:root{--bg:#ffe6ef;--card:#fff0f6;--accent:#ff66a3;--muted:#666;--white:#fff} *{box-sizing:border-box} body{font-family:Inter,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,sans-serif;margin:0;background:linear-gradient(180deg,#ffe6ef 0%, #ffd6e6 100%);color:#3a3a3a;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px} .container{width:100%;max-width:900px} .card{background:var(--card);border-radius:12px;padding:28px;box-shadow:0 6px 30px rgba(0,0,0,0.1)} h1{margin:0 0 8px;font-size:1.6rem;color:#3a3a3a} p.lead{margin:0 0 20px;color:var(--muted)} .grid{display:grid;grid-template-columns:1fr 1fr;gap:18px} @media (max-width:720px){.grid{grid-template-columns:1fr}} label{display:block;font-size:0.85rem;margin-bottom:6px;color:#555} input,textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #ffb6c1;background:#fff;color:#333;outline:none;font-size:0.95rem} textarea{min-height:120px;resize:vertical} .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:var(--accent);color:#fff;border:none;cursor:pointer;font-weight:600} .meta{padding:16px;background:#ffe6ef;border-radius:10px} a.inline{color:var(--accent);text-decoration:none;position:relative;animation:sparkle 2s infinite alternate} .small{font-size:0.85rem;color:#666} .row{display:flex;gap:12px;align-items:center} .social{display:flex;gap:12px;margin-top:10px} .social a{background:#fff;padding:8px 10px;border-radius:8px;color:var(--accent);text-decoration:none;font-weight:600;border:1px solid #ffb6c1;position:relative;overflow:hidden;animation:sparkle 2s infinite alternate} .notice{font-size:0.8rem;color:#666;margin-top:12px} @keyframes sparkle { 0% { box-shadow: 0 0 5px #ff99cc, 0 0 10px #ff66a3; } 100% { box-shadow: 0 0 15px #ff66a3, 0 0 25px #ff3385; } }