/*
Theme Name: Portrait Links
Author: ChatGPT
Description: Page de liens personnalisable avec portrait.
Version: 1.0
Requires PHP: 7.4
*/
:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#fff;background:#111827}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#344563,#111827 65%)}.wrap{width:min(100% - 32px,510px);margin:auto;padding:55px 0 45px;text-align:center}.portrait{width:132px;height:132px;border-radius:50%;object-fit:cover;object-position:center 27%;border:4px solid rgba(255,255,255,.85);box-shadow:0 12px 40px #0006}h1{font-size:29px;margin:19px 0 8px}p.bio{opacity:.78;line-height:1.55;margin:0 0 29px}.links{display:grid;gap:13px}.link{display:flex;align-items:center;justify-content:center;min-height:60px;background:#fff;color:#152036;text-decoration:none;border-radius:15px;font-weight:700;box-shadow:0 6px 18px #0003;transition:transform .2s,background .2s}.link:hover{transform:translateY(-3px);background:#e6edf8}.footer{font-size:12px;opacity:.5;margin-top:32px}

.contact-link{margin-top:3px}.back{display:block;color:#fff;text-decoration:none;margin-bottom:25px;opacity:.9}.contact-form{display:grid;text-align:left;gap:10px;margin-top:25px}.contact-form label{font-weight:600}.contact-form input,.contact-form textarea{width:100%;border:1px solid #b7c4d7;border-radius:12px;padding:13px;font:inherit;background:white;color:#111827}.contact-form button{border:0;border-radius:13px;padding:16px;font:inherit;font-weight:700;background:#fff;color:#111827;cursor:pointer;margin-top:10px}.notice{padding:12px;background:#263e55;border-radius:10px}.trap{position:absolute;left:-9999px}

/* Contact premium */
.contact-wrap{max-width:590px;padding-top:30px}.contact-wrap .back{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:10px 16px;border:1px solid #ffffff30;border-radius:100px;background:#ffffff10;font-size:14px}.contact-card{background:linear-gradient(145deg,#ffffff 0%,#f3f6fc 100%);color:#18243a;border:1px solid #ffffff;border-radius:26px;padding:clamp(23px,5vw,38px);text-align:left;box-shadow:0 24px 75px #03071280}.contact-card .contact-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:18px;background:#e7efff;color:#3059a3;font-size:27px}.contact-card h1{font-size:30px;letter-spacing:-.8px;margin:16px 0 8px}.contact-card .contact-intro{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 25px}.contact-card .contact-form{gap:9px;margin-top:0}.contact-card .contact-form label{font-size:13px;color:#34445d;margin-top:9px}.contact-card .contact-form input,.contact-card .contact-form textarea{border:1px solid #d9e1ee;border-radius:13px;background:#fff;padding:15px 16px;outline:none;transition:border .2s,box-shadow .2s}.contact-card .contact-form input:focus,.contact-card .contact-form textarea:focus{border-color:#577dc7;box-shadow:0 0 0 4px #577dc71f}.contact-card .contact-form textarea{resize:vertical;min-height:140px}.contact-card .contact-form button{background:linear-gradient(110deg,#294c91,#527ac8);color:#fff;border-radius:14px;min-height:54px;box-shadow:0 10px 24px #2e59a63b;transition:transform .2s}.contact-card .contact-form button:hover{transform:translateY(-2px)}.contact-card .contact-privacy{color:#78859b;font-size:12px;text-align:center;margin:17px 0 0}.contact-card .notice{color:#15365b;background:#e1edff}.contact-wrap .footer{margin-top:24px}@media(max-width:420px){.contact-card h1{font-size:26px}}

/* Formulaire avec champs séparés et zone de message agrandie */
.contact-card .contact-form textarea{min-height:260px;resize:vertical}