:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#17253b;background:#f5f7fc}*{box-sizing:border-box}body{margin:0}a{color:#1742a7}.fk-wrap{max-width:1050px;margin:0 auto;padding:22px 18px 60px}.fk-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0 23px;border-bottom:1px solid #dce4f0}.fk-head>a{font-weight:850;text-decoration:none;font-size:24px}.fk-head nav{display:flex;gap:17px}.fk-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.fk-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.fk-card{background:white;border:1px solid #e0e7f2;border-radius:15px;padding:22px;margin-top:18px;box-shadow:0 6px 18px #15284b08}h1{font-size:29px;margin:30px 0 10px}h2{font-size:20px}form{display:grid;gap:12px}label{display:grid;gap:6px;font-weight:600;font-size:14px}input,textarea,select{width:100%;border:1px solid #c7d2e3;border-radius:9px;padding:12px;font:inherit;color:inherit;background:white}button{background:#255de2;color:white;border:0;border-radius:9px;padding:12px 18px;font:inherit;font-weight:750;cursor:pointer}button.fk-secondary{background:#e8eef9;color:#243b65}button:hover{filter:brightness(.94)}.fk-success,.fk-error{border-radius:10px;padding:13px;margin:15px 0;border:1px solid}.fk-success{background:#e9f8f3;border-color:#87ceb8}.fk-error{background:#fff0f0;border-color:#f2b1b1}.fk-muted,small{font-size:13px;color:#63738e}small{display:block}.fk-scroll{max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #e6ebf4;padding:11px 10px;vertical-align:top}th{white-space:nowrap}.fk-qris{display:block;max-width:300px;width:100%;height:auto;border:1px solid #ccd7e6;border-radius:10px;margin-top:12px}p{line-height:1.6}

/* Followerku v0.8.2 — account and checkout visual consistency.
   CSS only: forms, statuses, transaction calculations and API untouched. */
:root{--fk82-purple:#6247e6;--fk82-dark:#25215d}
body.fk82-customer{min-height:100vh;background:radial-gradient(ellipse at 4% 14%,rgba(250,120,197,.18),transparent 35%),radial-gradient(ellipse at 93% 87%,rgba(38,195,246,.21),transparent 37%),linear-gradient(145deg,#f1edff,#f9f6ff 50%,#eef8ff);color:#28234a}
.fk82-customer .fk-wrap{max-width:1120px}
.fk82-customer .fk-head{position:relative;margin:8px 0 28px;padding:17px 20px;border:1px solid #e8defd;border-radius:19px;background:linear-gradient(115deg,#fff,#f4edff);box-shadow:0 14px 35px rgba(60,39,144,.09)}
.fk82-customer .fk-head>a{color:#5438c8;letter-spacing:-.03em}
.fk82-customer .fk-head nav a{font-weight:750;text-decoration:none;color:#4536b4}
.fk82-customer h1{color:#292259;font-size:clamp(1.7rem,4.5vw,2.5rem)}
.fk82-customer .fk-card{position:relative;isolation:isolate;overflow:hidden;margin-top:20px;border:1px solid #e5def8;border-radius:23px;background:linear-gradient(145deg,#fff 48%,#f9f6ff);box-shadow:0 17px 43px rgba(66,50,150,.105);padding:25px}
.fk82-customer .fk-card::before{content:"";height:5px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#ff6bbb,#6e50ed,#38cdf5)}
.fk82-customer .fk-card h2{color:#30255f}
.fk82-customer button:not(.fk-secondary){background:linear-gradient(110deg,#5946df,#a34ad9);border-radius:12px;box-shadow:0 10px 19px rgba(84,57,174,.17)}
.fk82-customer .fk-secondary{border-radius:12px;background:#ede8ff;color:#4530aa}
.fk82-customer input,.fk82-customer select,.fk82-customer textarea{border:1px solid #d8d1eb;border-radius:12px;background:#fff;padding:13px}
.fk82-customer :is(button,input,select,textarea,a):focus-visible{outline:3px solid #e6a648;outline-offset:3px}
.fk82-customer .fk-success{background:#e9fff6;border-color:#a4e8c8}
.fk82-customer .fk-error{background:#fff0f3;border-color:#efb7c7}
.fk82-customer .fk-scroll{border:1px solid #eee9f9;border-radius:12px;background:#fff}
.fk82-customer table th{background:#f2edff;color:#4534a7}
.fk82-customer table tr:hover td{background:#fcfaff}
.fk82-customer .fk-qris{border:8px solid white;outline:1px solid #e4dafa;box-shadow:0 15px 32px rgba(50,37,124,.11)}
.fk82-customer .fk77-account-lang{background:#fff;border:1px solid #e2dbf4;border-radius:15px;padding:13px 17px;box-shadow:0 7px 20px rgba(52,40,136,.06)}
@media(max-width:640px){.fk82-customer .fk-wrap{padding:12px 12px 38px}.fk82-customer .fk-head{padding:13px 14px}.fk82-customer .fk-head nav{gap:9px;font-size:13px}.fk82-customer .fk-card{padding:18px;border-radius:18px}}