:root{--ink:#092f36;--ink-2:#154e56;--teal:#0f8f8c;--teal-dark:#075e65;--mint:#dff6ee;--aqua:#d7f1f2;--sky:#dfeffc;--lime:#82bb49;--sand:#fff2df;--surface:#f3fbf9;--card:#ffffffcc;--line:#cfe7e4;--muted:#5f777b;--danger:#c95151;--shadow:0 16px 40px rgba(11,70,76,.10);--radius:22px;--font:'DM Sans',sans-serif;--display:'Plus Jakarta Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:linear-gradient(180deg,#e3f7f3 0,#f5fbf9 33%,#e7f5f3 100%);color:var(--ink);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--display);color:var(--ink);font-weight:800}a{text-decoration:none}.section-padding{padding:88px 0}.page-top-space{padding-top:144px}.text-gradient{background:linear-gradient(90deg,#0c8588,#54a94f);-webkit-background-clip:text;background-clip:text;color:transparent}.text-muted{color:var(--muted)!important}.navbar{background:rgba(5,57,65,.94);backdrop-filter:blur(16px);padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);transition:.25s}.navbar.scrolled{box-shadow:0 8px 28px rgba(4,44,48,.2)}.navbar-brand{display:flex;align-items:center;gap:10px;color:#fff!important;line-height:1}.navbar-brand strong{font-family:var(--display);font-size:1rem}.navbar-brand em,.footer-brand em{font-style:normal;color:#68ded2}.navbar-brand small{display:block;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;opacity:.72;margin-top:4px}.brand-mark{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#20c5bc,#82bb49);color:#fff;font-size:1.05rem;box-shadow:0 8px 18px rgba(21,180,165,.25)}.nav-link{color:rgba(255,255,255,.78)!important;font-weight:600;font-size:.9rem;margin:0 3px;padding:9px 11px!important;border-radius:10px}.nav-link:hover,.nav-link.active{color:#fff!important;background:rgba(255,255,255,.13)}.btn{border-radius:12px;font-weight:700;padding:.7rem 1rem}.btn-brand{border:0;background:linear-gradient(135deg,#1ab8ae,#82bb49);color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.15)}.btn-brand:hover{color:#fff;transform:translateY(-1px)}.btn-soft{background:#e2f5ee;color:var(--teal-dark);border:1px solid #c6e9df}.btn-outline-brand{border:1px solid var(--teal);color:var(--teal-dark);background:transparent}.btn-outline-brand:hover{background:var(--teal);color:#fff}.btn-glow{border:0;background:linear-gradient(135deg,#14aba6,#8fc646);color:#fff;box-shadow:0 10px 24px rgba(19,160,147,.22)}.btn-glow:hover{color:#fff;transform:translateY(-2px)}.btn-glass{border:1px solid #bde1de;background:#f2fbf9;color:var(--teal-dark)}.btn-glass:hover{background:#d9f4ef;color:var(--ink)}.hero-section{position:relative;overflow:hidden;min-height:700px;padding-top:84px;background:radial-gradient(circle at 78% 12%,rgba(116,219,210,.42),transparent 28%),radial-gradient(circle at 5% 100%,rgba(131,190,73,.22),transparent 28%),linear-gradient(125deg,#073f46,#0b626a 58%,#0e8184);color:#fff}.hero-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:22px 22px;opacity:.18}.hero-content{position:relative;z-index:1}.hero-kicker{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.1);padding:8px 12px;border-radius:99px;font-size:.84rem;font-weight:700}.hero-title{color:#fff;font-size:clamp(2.6rem,5vw,4.9rem);line-height:1.08;letter-spacing:-.055em;max-width:680px;margin:20px 0}.hero-title span{color:#93e1c9}.hero-subtitle{color:rgba(255,255,255,.84);font-size:1.1rem;max-width:600px}.hero-search{margin-top:30px;background:#ffffffed;padding:9px;border-radius:16px;display:flex;gap:8px;max-width:600px;box-shadow:0 18px 40px rgba(0,0,0,.22)}.hero-search input{border:0;outline:0;background:transparent;flex:1;padding:0 12px;color:var(--ink)}.hero-orbit{position:relative;height:490px}.hero-main-image{position:absolute;width:76%;height:355px;right:2%;top:42px;object-fit:cover;border-radius:38px 38px 38px 8px;border:6px solid rgba(255,255,255,.85);box-shadow:0 28px 60px rgba(0,0,0,.25)}.hero-mini{position:absolute;width:47%;height:160px;object-fit:cover;border:5px solid #dff7f1;border-radius:24px;box-shadow:0 18px 34px rgba(0,0,0,.24)}.hero-mini.one{left:0;top:265px}.hero-mini.two{right:0;bottom:14px}.hero-card{position:absolute;background:#ffffffef;border:1px solid #fff;border-radius:16px;padding:14px;color:var(--ink);box-shadow:var(--shadow);font-weight:800;font-size:.9rem}.hero-card i{color:var(--teal);margin-right:7px}.hero-card.top{left:20px;top:15px}.hero-card.bottom{right:17px;top:210px}.soft-wave{position:absolute;bottom:-1px;left:0;width:100%;height:100px;background:var(--surface);clip-path:polygon(0 58%,19% 85%,43% 55%,67% 77%,82% 48%,100% 72%,100% 100%,0 100%)}.section-eyebrow{font-weight:800;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}.section-title{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em}.section-lead{color:var(--muted);max-width:650px}.category-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--card);box-shadow:0 9px 20px rgba(10,83,87,.06);height:100%;transition:.25s}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#a4d9d2}.category-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--aqua);color:var(--teal-dark);font-size:1.25rem}.category-card:nth-child(2) .category-icon{background:#e5f4d7;color:#579426}.category-card:nth-child(3) .category-icon{background:#e2ecfe;color:#2d70c7}.category-card:nth-child(4) .category-icon{background:#eee4fc;color:#7648bd}.category-card h6{margin:0;font-size:1rem}.category-card p{margin:3px 0 0;color:var(--muted);font-size:.84rem}.activity-card{height:100%;overflow:hidden;background:#fff;border:1px solid #d5e9e6;border-radius:20px;box-shadow:0 10px 25px rgba(9,75,79,.08);transition:.25s}.activity-card:hover{transform:translateY(-6px);box-shadow:0 20px 38px rgba(9,75,79,.16)}.activity-image{height:190px;position:relative;overflow:hidden}.activity-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.activity-card:hover .activity-image img{transform:scale(1.06)}.activity-type,.date-box{position:absolute;top:12px;z-index:1}.activity-type{left:12px;padding:6px 10px;background:#083f46;color:#fff;font-weight:800;border-radius:9px;font-size:.7rem;letter-spacing:.03em;text-transform:uppercase}.activity-type.workshop{background:#599725}.activity-type.webinar{background:#2d70c7}.activity-type.seminar{background:#7d49b7}.date-box{right:12px;background:#fff;color:var(--ink);border-radius:10px;padding:6px 8px;text-align:center;line-height:1;box-shadow:0 8px 15px rgba(0,0,0,.15);font-weight:800;font-size:.72rem}.date-box b{display:block;font-size:1.05rem}.activity-body{padding:18px}.activity-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;margin-bottom:10px}.activity-meta i{color:var(--teal)}.activity-card h3{font-size:1.06rem;line-height:1.35;margin:0 0 8px}.activity-card h3 a{color:var(--ink)}.activity-card p{font-size:.88rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #edf4f2}.price-free{color:#37903b;font-weight:800}.price-paid{color:var(--teal-dark);font-weight:800}.status-chip{font-size:.72rem;border-radius:99px;padding:5px 8px;font-weight:800}.status-active,.status-confirmed,.status-paid{background:#dff4e1;color:#26702d}.status-pending,.status-pending_payment{background:#fff2d8;color:#916100}.status-cancelled,.status-failed{background:#ffe2e2;color:#a23838}.stats-strip{border-radius:22px;padding:24px;background:linear-gradient(120deg,#d3f1ee,#e7f7e8);border:1px solid #c8e4dd}.stat-item{display:flex;align-items:center;gap:13px}.stat-item i{font-size:1.8rem;color:var(--teal)}.stat-item strong{display:block;font-family:var(--display);font-size:1.45rem}.stat-item span{font-size:.8rem;color:var(--muted)}.page-hero{padding:150px 0 58px;background:linear-gradient(135deg,#074953,#0b7374);color:#fff}.page-hero h1{color:#fff;font-size:clamp(2.1rem,4vw,3.6rem)}.page-hero p{color:rgba(255,255,255,.8);max-width:600px}.filter-panel{margin-top:-25px;position:relative;z-index:2;padding:18px;border-radius:18px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.form-control,.form-select{border:1px solid #cde1de;border-radius:12px;padding:.72rem .85rem;color:var(--ink);background:#fff}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(15,143,140,.13);border-color:#60b8b2}.glass-card{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.glass-input{background:#fff;border:1px solid #cde1de;color:var(--ink)}.glass-input:focus{background:#fff;color:var(--ink);border-color:var(--teal);box-shadow:0 0 0 .2rem rgba(15,143,140,.13)}.detail-image{width:100%;height:390px;object-fit:cover;border-radius:26px;box-shadow:var(--shadow)}.detail-facts{background:#effaf8;border:1px solid var(--line);border-radius:20px;padding:20px}.detail-fact{display:flex;gap:12px;margin:14px 0}.detail-fact i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#d5f1ed;color:var(--teal)}.detail-fact small{display:block;color:var(--muted)}.detail-fact b{font-size:.92rem}.ticket-card{border-radius:26px;background:linear-gradient(145deg,#073f46,#0c7576);color:#fff;overflow:hidden;box-shadow:0 24px 50px rgba(4,58,62,.25)}.ticket-card h1,.ticket-card h2,.ticket-card h3{color:#fff}.ticket-qr{background:#fff;padding:12px;border-radius:16px;width:190px}.dashboard-hero{padding:135px 0 42px;background:linear-gradient(135deg,#07454e,#0f8585);color:#fff}.dashboard-hero h1{color:#fff}.dash-stat{padding:18px;border:1px solid var(--line);background:#fff;border-radius:18px;height:100%}.dash-stat .icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#dff4ef;color:var(--teal);font-size:1.25rem}.dash-stat b{font-family:var(--display);font-size:1.8rem;display:block;margin-top:8px}.site-footer{background:#073f46;color:rgba(255,255,255,.75);padding:65px 0 22px;margin-top:0}.footer-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-family:var(--display);font-weight:800;font-size:1.2rem}.site-footer h6{color:#fff;font-family:var(--display);font-weight:800;margin-bottom:16px}.site-footer a:not(.footer-brand):not(.btn){display:block;color:rgba(255,255,255,.68);margin:9px 0;font-size:.9rem}.site-footer a:not(.footer-brand):not(.btn):hover{color:#8de2d3}.footer-social{display:flex;gap:8px}.footer-social a{display:grid!important;place-items:center;width:35px;height:35px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff!important}.btn-footer{background:#1b9f9b;color:#fff;border:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding-top:20px;font-size:.83rem;display:flex;justify-content:space-between;gap:12px}.whatsapp-float{position:fixed;right:20px;bottom:24px;width:52px;height:52px;display:grid;place-items:center;background:#25d366;color:#fff;border-radius:50%;font-size:1.65rem;box-shadow:0 11px 28px rgba(15,105,65,.25);z-index:50}.back-to-top{position:fixed;right:22px;bottom:88px;width:42px;height:42px;border:0;border-radius:12px;color:#fff;background:#0f7073;opacity:0;pointer-events:none;transition:.2s;z-index:50}.back-to-top.visible{opacity:1;pointer-events:auto}.flash-holder{position:fixed;top:92px;left:0;right:0;z-index:1000;max-width:600px}.empty-state{padding:58px 20px;border:1px dashed #abd9d4;border-radius:20px;text-align:center;background:#f4fbfa}.empty-state i{font-size:2.5rem;color:#5eb1ab}.auth-wrap{min-height:100vh;padding:150px 0 70px;background:linear-gradient(145deg,#d9f4ee,#f9fdfb)}.auth-card{max-width:520px;margin:auto;padding:34px}.auth-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:19px;background:#d9f2ee;color:var(--teal);font-size:1.65rem;margin:0 auto 16px}.table-wrap{border:1px solid var(--line);border-radius:18px;overflow:auto;background:#fff}.table{margin:0}.table>thead{background:#eaf7f5}.table td,.table th{vertical-align:middle;padding:.9rem}.certificate{max-width:920px;margin:50px auto;padding:55px;border:16px solid #d8b66c;background:#fffef6;text-align:center;color:#293c3c}.certificate h1{font-size:3.2rem;color:#0b595c}.certificate .name{font-family:var(--display);font-size:2.6rem;color:#083f46;border-bottom:2px solid #c9ac67;display:inline-block;padding:0 20px}.certificate .seal{font-size:3rem;color:#aa8a47}@media(max-width:991px){.hero-orbit{height:380px}.hero-main-image{height:285px}.hero-mini{height:120px}.hero-mini.one{top:225px}.page-top-space{padding-top:118px}.navbar-nav{padding:12px 0}.nav-link{margin:2px 0}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}@media(max-width:767px){.section-padding{padding:62px 0}.hero-section{min-height:640px}.hero-title{font-size:2.7rem}.hero-orbit{height:305px;margin-top:15px}.hero-main-image{height:235px;width:76%;right:0}.hero-mini{height:90px;border-width:3px}.hero-mini.one{top:190px}.hero-mini.two{bottom:0}.hero-card{font-size:.73rem;padding:10px}.hero-card.top{left:0}.hero-card.bottom{top:150px}.activity-image{height:200px}.detail-image{height:260px}.ticket-qr{width:150px}.whatsapp-float{right:16px;bottom:16px}.back-to-top{right:18px;bottom:78px}}
.navbar-logo{
width:48px;
height:48px;
object-fit:contain;
margin-right:12px;
}

.brand-title{
display:flex;
align-items:center;
gap:5px;

font-size:1.5rem;
font-weight:700;

color:#fff;
}

.brand-title em{
color:#2CE5D5;
font-style:normal;
}

.brand-mark{
display:none!important;
}




.footer-brand{
display:flex;
align-items:center;
gap:12px;

color:#fff;
text-decoration:none;

font-size:24px;
font-weight:700;
}

.footer-logo{
width:58px;
height:58px;

object-fit:contain;

border-radius:12px;
}

.footer-brand em{
font-style:normal;
color:#2CE5D5;
}

.footer-social{
margin-top:20px;
display:flex;
gap:12px;
}



 


.auth-logo {
    text-align: center;
    margin-bottom: 18px;
}

.auth-logo img {
    width: 110px;
    height: 110px;
    object-fit: contain;
    border-radius: 50%;
}









.auth-logo {
    text-align: center;
    margin-bottom: 18px;
}

.auth-logo img {
    width: 110px;
    height: 110px;
    object-fit: contain;
    border-radius: 50%;
}










.certificate-page {
    background:
        radial-gradient(circle at top left, rgba(20, 184, 166, .18), transparent 35%),
        linear-gradient(135deg, #e9fbf7 0%, #f7fffd 50%, #e7f7f4 100%);
    padding-bottom: 80px;
}

.certificate-pro {
    position: relative;
    max-width: 980px;
    margin: 0 auto;
    padding: 56px 64px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(236,253,249,.96));
    border: 2px solid rgba(13, 148, 136, .28);
    border-radius: 28px;
    box-shadow: 0 30px 90px rgba(5, 77, 79, .18);
    overflow: hidden;
}

.certificate-pro::before {
    content: "";
    position: absolute;
    inset: 18px;
    border: 2px dashed rgba(13, 148, 136, .28);
    border-radius: 22px;
    pointer-events: none;
}

.certificate-border {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, #064e52, #0f766e, #22c55e, #0f766e, #064e52);
    height: 12px;
}

.certificate-header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
    margin-bottom: 34px;
}

.certificate-logo {
    width: 86px;
    height: 86px;
    object-fit: contain;
    background: #fff;
    border-radius: 18px;
    padding: 8px;
    box-shadow: 0 10px 30px rgba(5, 77, 79, .14);
}

.certificate-header h3 {
    margin: 0;
    font-size: 30px;
    font-weight: 800;
    color: #073f46;
}

.certificate-header h3 span {
    color: #00bfa6;
}

.certificate-header p {
    margin: 2px 0 0;
    color: #64748b;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 12px;
}

.certificate-title {
    position: relative;
    z-index: 1;
    text-align: center;
}

.certificate-badge {
    width: 74px;
    height: 74px;
    margin: 0 auto 14px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    font-size: 34px;
    background: linear-gradient(135deg, #0f766e, #22c55e);
    box-shadow: 0 18px 40px rgba(15, 118, 110, .25);
}

.certificate-title p {
    margin: 0 0 10px;
    color: #0f766e;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .18em;
}

.certificate-title h1 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 34px;
    font-weight: 800;
    color: #062f35;
    margin-bottom: 24px;
}

.certificate-name {
    position: relative;
    z-index: 1;
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 48px;
    font-weight: 800;
    color: #073f46;
    padding: 10px 20px 18px;
    margin: 0 auto 18px;
    max-width: 760px;
    border-bottom: 3px solid rgba(15, 118, 110, .35);
}

.certificate-text {
    text-align: center;
    color: #64748b;
    font-size: 18px;
    margin-bottom: 10px;
}

.certificate-event {
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #0f766e;
    margin-bottom: 34px;
}

.certificate-meta {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin: 0 auto 44px;
}

.certificate-meta div {
    background: rgba(13, 148, 136, .08);
    border: 1px solid rgba(13, 148, 136, .18);
    border-radius: 18px;
    padding: 18px;
    text-align: center;
}

.certificate-meta small {
    display: block;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 6px;
}

.certificate-meta strong {
    color: #073f46;
}

.certificate-footer {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
}

.certificate-footer span {
    display: block;
    width: 220px;
    border-top: 2px solid #073f46;
    margin-bottom: 8px;
}

.certificate-footer p {
    margin: 0;
    color: #64748b;
    font-weight: 700;
}

.certificate-seal {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #073f46;
    color: #fff;
    border-radius: 999px;
    padding: 12px 18px;
    font-weight: 800;
}

.certificate-seal i {
    color: #4ade80;
}

.certificate-actions {
    margin-top: 28px;
    display: flex;
    justify-content: center;
    gap: 12px;
}

@media print {
    nav,
    footer,
    .certificate-actions,
    .whatsapp-float,
    .back-to-top {
        display: none !important;
    }

    .certificate-page {
        padding: 0;
        background: #fff;
    }

    .certificate-pro {
        box-shadow: none;
        border-radius: 0;
        max-width: none;
        min-height: 100vh;
    }
}

@media (max-width: 768px) {
    .certificate-pro {
        padding: 42px 24px;
    }

    .certificate-meta {
        grid-template-columns: 1fr;
    }

    .certificate-name {
        font-size: 34px;
    }

    .certificate-footer {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}
.certificate-contact-line {
    text-align: center;
    margin: 28px 0 18px;
    font-size: 13px;
    font-weight: 700;
    color: #0f766e;
    letter-spacing: .03em;
}

.certificate-contact-line span {
    margin: 0 6px;
}.certificate-bottom-info {
    position: relative;
    z-index: 2;
    margin-top: 28px;
    padding-top: 14px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #073f46;
    letter-spacing: .02em;
    border-top: 1px solid rgba(15, 118, 110, .12);
}.certificate-bottom-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 42px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #0f766e;
    letter-spacing: .03em;
}

.certificate-bottom-info span {
    display: inline-block;
    margin: 0 6px;
}

.certificate-bottom-info .dot {
    color: #22c55e;
}