:root{--piap-pink:#ff2f87;--piap-purple:#7c3cff;--piap-blue:#247bff;--piap-green:#27bf6c;--piap-orange:#ff9f1a;--piap-yellow:#ffc247;--piap-red:#ef476f;--piap-dark:#0f1b2d;--piap-text:#10162f;--piap-muted:#667085;--piap-line:#e8ecf3;--piap-bg:#f7f9fd;--piap-card:#fff;--piap-shadow:0 12px 30px rgba(16,24,40,.07);--piap-radius:18px}.piap *{box-sizing:border-box}.piap{font-family:Poppins,Inter,Arial,sans-serif;color:var(--piap-text);background:var(--piap-bg);min-height:100vh;display:flex;border-radius:0;overflow:hidden}.piap a{text-decoration:none;color:inherit}.piap-sidebar{width:280px;background:#fff;border-right:1px solid var(--piap-line);padding:26px 22px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh;overflow:auto;flex-shrink:0}.piap-sidebar.dark{background:linear-gradient(180deg,#111d31,#0b1424);color:#fff;border-right:0}.piap-brand{display:flex;align-items:center;gap:12px}.piap-logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--piap-pink),var(--piap-purple));display:grid;place-items:center;color:#fff;font-size:29px;font-weight:900;line-height:1}.piap-brand strong{display:block;font-size:24px;letter-spacing:-.04em}.piap-brand small{display:block;color:#7c879b;font-size:12px}.dark .piap-brand small{color:#ffb6d3}.piap-nav{display:flex;flex-direction:column;gap:7px}.piap-nav small{margin:18px 8px 6px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#98a2b3}.dark .piap-nav small{color:#8ea0bc}.piap-nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;font-size:14px;color:#28324a;position:relative}.dark .piap-nav a{color:#d9e2f3}.piap-nav a.active{background:linear-gradient(135deg,var(--piap-pink),var(--piap-purple));color:#fff;box-shadow:0 12px 24px rgba(255,47,135,.24)}.piap-nav span{width:18px;text-align:center}.piap-nav em{margin-left:auto;font-style:normal;background:var(--piap-pink);color:#fff;border-radius:99px;font-size:11px;padding:2px 7px}.piap-challenge{margin-top:auto;background:linear-gradient(145deg,#fff2f8,#fff);border:1px solid #ffd6e7;border-radius:16px;padding:20px}.piap-challenge strong{color:var(--piap-pink)}.piap-challenge h4{margin:10px 0 6px;font-size:18px}.piap-challenge p{margin:0 0 16px;color:var(--piap-muted);font-size:13px;line-height:1.5}.piap button,.piap-outline,.piap-primary{border:1px solid var(--piap-line);background:#fff;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;color:var(--piap-text)}.piap-primary{border:0;background:linear-gradient(135deg,var(--piap-pink),var(--piap-purple));color:#fff;box-shadow:0 12px 25px rgba(255,47,135,.22)}.piap-outline{width:100%;color:var(--piap-pink);border-color:#ffb5d4;background:#fff}.piap-main{flex:1;padding:30px;min-width:0}.piap-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.piap-topbar h1{font-size:28px;line-height:1.15;margin:0 0 6px;letter-spacing:-.04em}.piap-topbar p{margin:0;color:var(--piap-muted)}.piap-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.piap-bell{position:relative;font-size:22px}.piap-bell b{position:absolute;right:-9px;top:-11px;background:var(--piap-pink);color:#fff;border-radius:99px;font-size:10px;width:18px;height:18px;display:grid;place-items:center}.piap-user{display:flex;align-items:center;gap:10px}.piap-user>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#ffe2ef;font-size:24px}.piap-user strong{display:block}.piap-user small{display:block;color:var(--piap-pink);font-weight:700}.piap-grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.piap-grid-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.piap-card{background:var(--piap-card);border:1px solid var(--piap-line);border-radius:var(--piap-radius);box-shadow:var(--piap-shadow);padding:22px;min-width:0}.stat{position:relative;overflow:hidden}.stat i{width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:#fff0f7;font-style:normal;font-size:24px;float:left;margin-right:16px}.stat p{font-size:13px;margin:4px 0 4px;color:#344054}.stat h2{font-size:27px;margin:0 0 7px;letter-spacing:-.04em}.stat small.up{color:#16a55f}.stat small.down{color:#ef476f}.spark{clear:both;height:34px;margin-top:16px;border-radius:10px;background:linear-gradient(135deg,rgba(255,47,135,.18),transparent)}.spark.purple{background:linear-gradient(135deg,rgba(124,60,255,.18),transparent)}.spark.blue{background:linear-gradient(135deg,rgba(36,123,255,.16),transparent)}.spark.orange{background:linear-gradient(135deg,rgba(255,159,26,.18),transparent)}.spark.green{background:linear-gradient(135deg,rgba(39,191,108,.18),transparent)}.piap-layout{display:grid;grid-template-columns:2fr .95fr 1.25fr;gap:18px;margin-top:18px}.piap-layout.lower{grid-template-columns:1.55fr .9fr .8fr}.admin-layout{grid-template-columns:1.65fr .9fr 1.15fr}.admin-lower{grid-template-columns:1.35fr .9fr .95fr}.bottom-widgets{grid-template-columns:1.2fr .7fr .7fr 1fr}.piap-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.piap-card h3,.piap-card-head h3{margin:0;font-size:18px;letter-spacing:-.03em}.piap-card-head a{color:var(--piap-pink);font-size:13px;font-weight:700}.piap-chart{height:270px;border-radius:14px;background:linear-gradient(to top,rgba(255,47,135,.08),transparent),repeating-linear-gradient(to top,#edf1f7 0,#edf1f7 1px,transparent 1px,transparent 56px);position:relative;overflow:hidden}.piap-chart:before,.piap-chart:after,.piap-chart span{content:"";position:absolute;left:34px;right:28px;height:4px;border-radius:99px;transform:skewY(-8deg)}.piap-chart:before{top:112px;background:var(--piap-pink);box-shadow:40px 18px 0 var(--piap-pink),90px -6px 0 var(--piap-pink),150px 24px 0 var(--piap-pink),220px 0 0 var(--piap-pink),300px 18px 0 var(--piap-pink),390px -14px 0 var(--piap-pink)}.piap-chart:after{top:178px;background:var(--piap-blue);box-shadow:50px 16px 0 var(--piap-blue),120px -12px 0 var(--piap-blue),200px 14px 0 var(--piap-blue),280px 2px 0 var(--piap-blue),370px 22px 0 var(--piap-blue)}.piap-chart span{top:220px;background:var(--piap-purple);opacity:.85;box-shadow:70px -10px 0 var(--piap-purple),160px 9px 0 var(--piap-purple),260px -5px 0 var(--piap-purple)}.piap-status{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:12px}.piap-status li{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--piap-line);padding-bottom:12px;color:#344054;font-size:14px}.piap-status li:last-child{border-bottom:0}.piap-status strong{margin-left:auto;color:var(--piap-text)}.piap-status b{width:10px;height:10px;border-radius:50%;display:inline-block}.green{background:var(--piap-green)}.orange{background:var(--piap-orange)}.yellow{background:var(--piap-yellow)}.gray{background:#98a2b3}.pink{background:var(--piap-pink)}.purple{background:var(--piap-purple)}.piap-feed{display:flex;flex-direction:column}.piap-feed p{margin:0;padding:13px 0;border-bottom:1px solid var(--piap-line);font-size:14px}.piap-feed p:last-child{border-bottom:0}.piap-feed small{display:block;color:var(--piap-muted);margin-top:4px;font-size:12px}.piap-table-card table{width:100%;border-collapse:collapse;font-size:14px}.piap-table-card th{text-align:left;color:#667085;font-size:12px;font-weight:700;padding:0 0 12px}.piap-table-card td{padding:12px 0;border-top:1px solid var(--piap-line);vertical-align:middle}.piap-table-card small{color:var(--piap-muted)}mark{background:#fff3df;color:#c56b00;border:1px solid #ffd9a1;border-radius:7px;padding:4px 8px;font-size:12px}.blue{background:#247bff}.piap-table-card mark.blue{background:#edf5ff;color:#247bff;border-color:#bcd8ff}.piap-table-card mark.pink{background:#fff0f7;color:var(--piap-pink);border-color:#ffc3db}.donut{width:170px;height:170px;border-radius:50%;margin:20px auto;background:conic-gradient(var(--piap-green) 0 73%,var(--piap-orange) 73% 92%,var(--piap-purple) 92% 100%);display:grid;place-items:center}.donut:before{content:"";position:absolute}.donut span{background:#fff;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:900;font-size:18px;box-shadow:inset 0 0 0 1px var(--piap-line)}.donut small{display:block;font-size:11px;color:var(--piap-muted);font-weight:600}.donut.admin{background:conic-gradient(var(--piap-green) 0 88%,var(--piap-orange) 88% 91%,var(--piap-pink) 91% 97%,#98a2b3 97% 100%)}.donut.storage{background:conic-gradient(var(--piap-pink) 0 42%,#e4e9f2 42% 100%)}.payout{text-align:center}.payout p{color:var(--piap-muted);margin-top:36px}.payout h2{font-size:26px;margin:4px 0}.payout strong{display:block;font-size:34px;color:var(--piap-green);margin:12px 0 26px}.journey{margin-top:18px}.steps{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;position:relative;padding-top:26px}.steps:before{content:"";position:absolute;left:42px;right:42px;top:42px;height:2px;background:#d9e1ee}.steps span{position:relative;z-index:1;text-align:center;color:#667085;font-size:12px;min-width:80px}.steps span:before{content:"";display:block;width:32px;height:32px;margin:0 auto 8px;border-radius:50%;background:#e5eaf2;border:4px solid #f7f9fd}.steps .done:before{background:var(--piap-green)}.steps .active{color:var(--piap-pink);font-weight:800}.steps .active:before{background:var(--piap-pink)}.steps small{display:block;margin-top:4px;color:#98a2b3}.mini-chart{height:170px;border-radius:14px;background:linear-gradient(135deg,rgba(255,47,135,.16),transparent),repeating-linear-gradient(to top,#edf1f7 0,#edf1f7 1px,transparent 1px,transparent 42px)}.system{list-style:none;padding:0;margin:8px 0 0}.system li{display:flex;justify-content:space-between;border-bottom:1px solid var(--piap-line);padding:10px 0}.system strong{background:#eafaf1;color:#079455;border:1px solid #b8eccd;border-radius:7px;padding:3px 8px;font-size:12px}.quick div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick button{height:58px;color:var(--piap-pink)}.piap-alert{padding:18px;border-radius:12px;background:#fff3f7;color:#9f1239;border:1px solid #ffc2d9}.piap-admin-wrap{margin:0 0 0 -20px}.piap-admin-wrap .piap{min-height:calc(100vh - 32px)}@media(max-width:1400px){.piap-grid-5{grid-template-columns:repeat(3,1fr)}.piap-grid-6{grid-template-columns:repeat(3,1fr)}.piap-layout,.piap-layout.lower,.admin-layout,.admin-lower,.bottom-widgets{grid-template-columns:1fr 1fr}.piap-chart-card{grid-column:1/-1}}@media(max-width:1024px){.piap{display:block}.piap-sidebar{position:relative;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--piap-line)}.piap-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.piap-nav small{grid-column:1/-1}.piap-challenge{display:none}.piap-topbar{align-items:flex-start;flex-direction:column}.piap-actions{justify-content:flex-start}.piap-grid-5,.piap-grid-6{grid-template-columns:repeat(2,1fr)}.steps{overflow:auto;justify-content:flex-start}.steps:before{display:none}}@media(max-width:700px){.piap-main{padding:18px}.piap-sidebar{padding:20px 16px}.piap-brand strong{font-size:22px}.piap-nav{grid-template-columns:1fr}.piap-topbar h1{font-size:24px}.piap-grid-5,.piap-grid-6,.piap-layout,.piap-layout.lower,.admin-layout,.admin-lower,.bottom-widgets{grid-template-columns:1fr}.piap-card{padding:18px;border-radius:16px}.piap-actions button:not(.piap-primary){display:none}.piap-user small{display:none}.piap-table-card{overflow:auto}.piap-table-card table{min-width:520px}.quick div{grid-template-columns:1fr}.piap-chart{height:220px}.stat i{width:48px;height:48px}.stat h2{font-size:24px}}

/* =========================================================
   Printinda Artist Access - Modern Login/Register UI
   Added to make /artist-access look like a polished portal.
   ========================================================= */

body:has(.piap-access-wrap) {
    margin: 0;
    background: #fff8fc;
}

.piap-access-wrap,
.piap-access-wrap * {
    box-sizing: border-box;
}

.piap-access-wrap {
    width: 100%;
    min-height: 100vh;
    padding: 52px;
    display: grid;
    grid-template-columns: minmax(280px, 0.8fr) minmax(620px, 1.45fr);
    gap: 36px;
    align-items: stretch;
    font-family: Poppins, Inter, Arial, sans-serif;
    color: #14172b;
    background:
        radial-gradient(circle at 8% 88%, rgba(255, 47, 135, 0.22), transparent 22%),
        radial-gradient(circle at 23% 100%, rgba(124, 60, 255, 0.25), transparent 21%),
        radial-gradient(circle at 88% 8%, rgba(124, 60, 255, 0.08), transparent 25%),
        linear-gradient(135deg, #fff8fc 0%, #fbfaff 48%, #f7fcff 100%);
    overflow: hidden;
}

.piap-access-left {
    position: relative;
    min-height: 720px;
    padding: 12px 10px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.piap-access-left::after {
    content: "";
    position: absolute;
    left: -90px;
    bottom: -120px;
    width: 360px;
    height: 260px;
    border-radius: 46% 54% 35% 65% / 47% 34% 66% 53%;
    background: linear-gradient(135deg, rgba(255, 47, 135, 0.28), rgba(124, 60, 255, 0.34));
    filter: blur(0.1px);
    z-index: 0;
}

.piap-access-logo {
    position: relative;
    z-index: 1;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin: 0 0 12px;
    border-radius: 18px;
    color: #fff;
    font-size: 31px;
    font-weight: 900;
    line-height: 1;
    background: linear-gradient(135deg, #ff2f87 0%, #7c3cff 100%);
    box-shadow: 0 20px 45px rgba(255, 47, 135, 0.26);
}

.piap-access-kicker {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 0 34px;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #131629;
}

.piap-access-left h1 {
    position: relative;
    z-index: 1;
    max-width: 410px;
    margin: 0 0 24px;
    font-size: clamp(46px, 5.2vw, 72px);
    line-height: 0.98;
    letter-spacing: -0.065em;
    color: #111527;
}

.piap-access-left h1::first-line {
    color: #111527;
}

.piap-access-left p {
    position: relative;
    z-index: 1;
    max-width: 430px;
    margin: 0 0 38px;
    font-size: 17px;
    line-height: 1.72;
    color: #5f6779;
}

.piap-access-points {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 17px;
    max-width: 430px;
}

.piap-access-points div {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 48px;
    color: #17182d;
    font-size: 15px;
    font-weight: 800;
}

.piap-access-points div::before {
    content: "✓";
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #7c3cff;
    font-size: 18px;
    font-weight: 900;
    background: rgba(124, 60, 255, 0.10);
}

.piap-access-right {
    display: grid;
    grid-template-columns: minmax(340px, 1fr) minmax(320px, 0.92fr);
    gap: 28px;
    align-items: start;
}

.piap-access-card {
    width: 100%;
    min-height: 720px;
    padding: 42px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(20, 23, 43, 0.08);
    box-shadow: 0 30px 90px rgba(27, 30, 70, 0.12);
}

/* Hide the duplicate wrapper titles. The inner form keeps the real heading. */
.piap-access-card > h2,
.piap-access-card > p {
    display: none !important;
}

.piap-access-card .piap-login-shell {
    width: 100%;
    min-height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    background: transparent !important;
}

.piap-access-card .piap-login-card {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.piap-access-card .piap-login-brand {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin: 0 0 28px;
}

.piap-access-card .piap-login-logo {
    width: 66px;
    height: 66px;
    display: grid;
    place-items: center;
    margin: 0 0 22px;
    border-radius: 50%;
    color: #fff;
    font-size: 0;
    font-weight: 900;
    background: linear-gradient(135deg, #ff2f87, #ff5aa8);
    box-shadow: 0 18px 38px rgba(255, 47, 135, 0.24);
}

.piap-access-card .piap-login-logo::before {
    content: "✧";
    font-size: 30px;
    line-height: 1;
}

.piap-access-card:nth-child(2) .piap-login-logo {
    background: linear-gradient(135deg, #8b5cf6, #6d28d9);
    box-shadow: 0 18px 38px rgba(124, 60, 255, 0.22);
}

.piap-access-card:nth-child(2) .piap-login-logo::before {
    content: "🔒";
    font-size: 26px;
}

.piap-access-card .piap-login-brand h2 {
    display: block !important;
    margin: 0 0 10px;
    font-size: 28px;
    line-height: 1.12;
    letter-spacing: -0.04em;
    color: #17182d;
}

.piap-access-card .piap-login-brand p {
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.55;
}

.piap-access-card .piap-login-form {
    width: 100%;
}

.piap-access-card .piap-login-form label {
    display: block;
    margin: 0 0 8px;
    color: #22243a;
    font-size: 13px;
    font-weight: 900;
}

.piap-access-card .piap-login-form input,
.piap-access-card .piap-login-form textarea {
    width: 100%;
    min-height: 48px;
    margin: 0 0 16px;
    padding: 13px 15px;
    border: 1px solid #dde3ec;
    border-radius: 10px;
    outline: none;
    background: #fff;
    color: #16182d;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    box-shadow: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.piap-access-card .piap-login-form textarea {
    min-height: 104px;
    resize: vertical;
}

.piap-access-card .piap-login-form input:focus,
.piap-access-card .piap-login-form textarea:focus {
    border-color: #ff2f87;
    box-shadow: 0 0 0 4px rgba(255, 47, 135, 0.12);
}

.piap-access-card:nth-child(2) .piap-login-form input:focus {
    border-color: #7c3cff;
    box-shadow: 0 0 0 4px rgba(124, 60, 255, 0.12);
}

.piap-access-card .piap-login-form input::placeholder,
.piap-access-card .piap-login-form textarea::placeholder {
    color: #9aa3b2;
}

.piap-access-card .piap-login-form button {
    width: 100%;
    min-height: 54px;
    margin: 4px 0 0;
    padding: 14px 18px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(135deg, #ff2f87, #7c3cff);
    color: #fff;
    font-family: inherit;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 18px 38px rgba(255, 47, 135, 0.23);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.piap-access-card .piap-login-form button:hover {
    transform: translateY(-1px);
    box-shadow: 0 24px 48px rgba(124, 60, 255, 0.24);
}

.piap-access-card .piap-checkbox {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 0 0 22px !important;
    color: #555b6d !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.piap-access-card .piap-checkbox input {
    width: 17px !important;
    height: 17px !important;
    min-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 17px;
}

.piap-access-card .piap-forgot {
    display: block;
    margin-top: 21px;
    color: #7c3cff;
    text-align: center;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}

.piap-access-card .piap-forgot:hover {
    color: #ff2f87;
}

.piap-access-card .piap-alert,
.piap-access-wrap .piap-alert {
    margin: 0 0 18px;
    padding: 14px 16px;
    border-radius: 13px;
    background: #fff0f6;
    border: 1px solid rgba(255, 47, 135, 0.24);
    color: #9f1239;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.5;
}

.piap-access-card .piap-success,
.piap-access-wrap .piap-success {
    background: #eefdf5;
    border-color: rgba(39, 191, 108, 0.25);
    color: #176b3a;
}

/* Better Elementor Canvas behavior */
.elementor-page .piap-access-wrap {
    margin: 0;
}

.elementor-section:has(.piap-access-wrap),
.elementor-container:has(.piap-access-wrap),
.elementor-widget-container:has(.piap-access-wrap) {
    padding: 0 !important;
    margin: 0 !important;
}

/* Tablet */
@media (max-width: 1180px) {
    .piap-access-wrap {
        padding: 36px 24px;
        grid-template-columns: 1fr;
        gap: 26px;
        overflow: visible;
    }

    .piap-access-left {
        min-height: auto;
        padding: 8px 4px 2px;
    }

    .piap-access-left::after {
        display: none;
    }

    .piap-access-left h1,
    .piap-access-left p,
    .piap-access-points {
        max-width: 760px;
    }

    .piap-access-right {
        grid-template-columns: 1fr 1fr;
    }

    .piap-access-card {
        min-height: auto;
    }
}

/* Mobile */
@media (max-width: 820px) {
    .piap-access-wrap {
        padding: 22px 16px 38px;
    }

    .piap-access-kicker {
        margin-bottom: 20px;
        font-size: 11px;
    }

    .piap-access-left h1 {
        font-size: 43px;
        line-height: 1;
        margin-bottom: 18px;
    }

    .piap-access-left p {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 22px;
    }

    .piap-access-points {
        gap: 10px;
    }

    .piap-access-points div {
        min-height: 42px;
        font-size: 14px;
    }

    .piap-access-points div::before {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 12px;
    }

    .piap-access-right {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .piap-access-card {
        padding: 26px 20px;
        border-radius: 22px;
    }

    .piap-access-card .piap-login-brand {
        align-items: center;
        text-align: center;
        margin-bottom: 24px;
    }

    .piap-access-card .piap-login-logo {
        width: 58px;
        height: 58px;
        margin-bottom: 18px;
    }

    .piap-access-card .piap-login-brand h2 {
        font-size: 24px;
    }

    .piap-access-card .piap-login-form input,
    .piap-access-card .piap-login-form textarea {
        min-height: 46px;
    }
}

/* Small mobile */
@media (max-width: 420px) {
    .piap-access-wrap {
        padding: 18px 12px 32px;
    }

    .piap-access-left h1 {
        font-size: 38px;
    }

    .piap-access-card {
        padding: 22px 16px;
    }
}