/*
Theme Name: Adzra Group Network
Theme URI: https://example.com/
Author: Adzra Group Network
Description: Tema profil perusahaan Adzra Group Network dengan konten layanan yang dapat dikelola dari WordPress.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: adzra-group-network
*/
:root{--ink:#12243a;--muted:#63748a;--blue:#1769e0;--cyan:#27b9cb;--pale:#eff6ff;--line:#e5edf5;--white:#fff;--dark:#0a1728;--radius:18px;--shadow:0 18px 60px rgba(21,49,81,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,237,245,.8)}.header-row{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:17px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,var(--blue),var(--cyan));display:grid;place-items:center;color:white;font-size:14px;box-shadow:0 7px 18px #1769e044}.brand span:last-child small{display:block;font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:700;margin-top:-4px}.nav-menu{display:flex;gap:30px;align-items:center;list-style:none;margin:0;padding:0;font-size:14px;font-weight:600;color:#4f6176}.nav-menu a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;background:var(--blue);color:white;border-radius:10px;font-weight:700;font-size:14px;border:0;transition:.2s}.button:hover{background:#0e56c1;transform:translateY(-1px)}.button-outline{background:white;color:var(--blue);border:1px solid #cfe0f4}.button-outline:hover{color:white}.menu-toggle{display:none;background:transparent;border:0;font-size:26px;color:var(--ink)}.hero{padding:82px 0 76px;background:radial-gradient(ellipse at 82% 22%,#d9f4fa 0,transparent 33%),radial-gradient(ellipse at 15% 95%,#e8f0ff 0,transparent 34%),#f8fbff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.2vw,68px);line-height:1.06;letter-spacing:-.055em;margin:19px 0 22px}h1 em{color:var(--blue);font-style:normal}.hero-copy{font-size:18px;color:var(--muted);max-width:570px;margin-bottom:29px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust{margin-top:38px;padding-top:23px;border-top:1px solid #dfe8f2;display:flex;gap:25px;align-items:center;flex-wrap:wrap;color:#60738a;font-size:12px;font-weight:650}.trust b{color:var(--ink);font-size:13px}.visual{min-height:390px;position:relative;display:grid;place-items:center}.orb{position:absolute;width:330px;height:330px;border-radius:50%;background:linear-gradient(150deg,#d9f2fa,#dbe8ff);filter:blur(1px)}.network-card{position:relative;width:min(390px,100%);border:1px solid #ffffff;background:rgba(255,255,255,.82);border-radius:22px;padding:24px;box-shadow:0 25px 75px rgba(27,82,139,.18);backdrop-filter:blur(12px);transform:rotate(-2deg)}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);font-weight:700}.live{display:flex;align-items:center;gap:6px;color:#19845d}.live:before{content:"";width:7px;height:7px;border-radius:50%;background:#22b87a;box-shadow:0 0 0 4px #22b87a22}.chart{height:150px;margin:24px 0 20px;position:relative;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0 36px,#edf2f8 37px 38px)}.chart svg{width:100%;height:100%;overflow:visible}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{padding:12px;background:#f6f9fd;border-radius:11px}.metric b{display:block;font-size:17px;letter-spacing:-.03em}.metric small{color:var(--muted);font-size:10px}.floating{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:13px 16px;border-radius:13px;font-size:12px;font-weight:700}.float-one{top:38px;right:-16px}.float-two{bottom:38px;left:-23px}.float-icon{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e8f6ff;color:var(--blue);margin-right:7px}.section{padding:88px 0}.section-soft{background:#f6f9fc}.section-head{max-width:650px;margin:0 auto 43px;text-align:center}.section-head h2{font-size:clamp(31px,4vw,44px);line-height:1.12;letter-spacing:-.045em;margin:13px 0}.section-head p{color:var(--muted);margin-bottom:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:27px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:.22s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d2e1f1}.service-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:#eaf4ff;color:var(--blue);font-size:22px;margin-bottom:20px}.service-card:nth-child(2) .service-icon{background:#e8fafa;color:#168c9b}.service-card:nth-child(3) .service-icon{background:#f1edff;color:#7555cc}.service-card h3{font-size:19px;letter-spacing:-.02em;margin-bottom:9px}.service-card p{color:var(--muted);font-size:14px;margin-bottom:18px}.text-link{font-size:13px;color:var(--blue);font-weight:750}.text-link span{margin-left:5px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.benefit-panel{padding:28px;border-radius:22px;background:linear-gradient(145deg,#0c2440,#123e70);color:white;position:relative;overflow:hidden}.benefit-panel:after{content:"";position:absolute;right:-70px;bottom:-150px;width:300px;height:300px;border-radius:50%;border:1px solid #ffffff20;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff06}.benefit-panel h3{font-size:22px;max-width:300px}.benefit-row{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid #ffffff20;font-size:13px;color:#d5e4f4}.benefit-row b{color:white}.benefit-content h2{font-size:clamp(32px,4vw,45px);line-height:1.12;letter-spacing:-.045em;margin:15px 0}.benefit-content>p{color:var(--muted)}.check-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:13px}.check-list li{display:flex;gap:11px;align-items:flex-start;color:#43556a;font-size:14px}.check-list li:before{content:"✓";flex:0 0 21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#e4f7f1;color:#13835c;font-weight:900;font-size:12px}.cta{padding:0 0 82px}.cta-box{padding:48px 55px;border-radius:22px;background:linear-gradient(110deg,#1769e0,#168cac);color:white;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta-box h2{font-size:clamp(27px,3.5vw,38px);letter-spacing:-.04em;line-height:1.15;margin:0 0 8px}.cta-box p{margin:0;color:#e1f3ff;font-size:14px}.cta-box .button{background:white;color:var(--blue);white-space:nowrap}.site-footer{background:var(--dark);color:#c1cfde;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px;padding-bottom:38px}.footer-brand{color:white}.footer-grid p{font-size:13px;color:#99aabd;max-width:340px;margin-top:17px}.footer-grid h4{color:#fff;font-size:13px;margin:4px 0 15px}.footer-links{display:grid;gap:10px;font-size:13px;color:#aebed0}.footer-links a:hover{color:white}.footer-bottom{border-top:1px solid #ffffff18;padding-top:19px;font-size:11px;color:#8192a6;display:flex;justify-content:space-between;gap:15px}.page-hero{padding:68px 0 55px;background:var(--pale)}.page-hero h1{font-size:48px}.content-area{padding:55px 0 85px}.entry-content{max-width:800px;color:#40546b}.entry-content h2,.entry-content h3{color:var(--ink)}.entry-content a{color:var(--blue);text-decoration:underline}.entry-content img{border-radius:12px}.empty-note{text-align:center;padding:25px;color:var(--muted);background:#f5f8fb;border-radius:12px}.admin-bar .site-header{top:32px}
@media(max-width:850px){.nav-menu{gap:17px}.header-row>.button{display:none}.hero-grid{gap:25px}.visual{min-height:330px}.orb{width:270px;height:270px}.network-card{padding:19px}.float-one{right:-4px}.service-grid{grid-template-columns:1fr 1fr}.benefit-grid{gap:35px}.footer-grid{gap:25px}}
@media(max-width:640px){.wrap{width:min(100% - 34px,1160px)}.header-row{height:68px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:15px 22px 22px;border-bottom:1px solid var(--line);box-shadow:0 12px 22px #12243a12}.main-nav.is-open{display:block}.nav-menu{display:grid;gap:0}.nav-menu li a{display:block;padding:12px 0}.hero{padding:57px 0 46px}.hero-grid{grid-template-columns:1fr}.hero-copy{font-size:16px}.trust{gap:12px 18px}.visual{min-height:315px;margin-top:8px}.orb{width:250px;height:250px}.network-card{max-width:355px}.float-one{right:1px}.float-two{left:0}.section{padding:64px 0}.section-head{margin-bottom:29px}.service-grid{grid-template-columns:1fr}.service-card{padding:23px}.benefit-grid{grid-template-columns:1fr;gap:30px}.benefit-panel{order:2}.cta{padding-bottom:62px}.cta-box{padding:31px 25px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-hero{padding:48px 0 36px}.page-hero h1{font-size:39px}.admin-bar .site-header{top:46px}}
.portal-wrap{display:flex;justify-content:center}.portal-card{width:min(100%,510px);padding:36px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.portal-card h2{font-size:26px;line-height:1.2;letter-spacing:-.035em;margin:5px 0 10px}.portal-card>p{color:var(--muted);font-size:14px}.portal-card form{margin-top:25px}.portal-card form p{margin-bottom:16px}.portal-card label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.portal-card input[type=text],.portal-card input[type=password]{width:100%;padding:12px 13px;border:1px solid #d7e1ec;border-radius:9px;font:inherit}.portal-card input[type=checkbox]{margin-right:7px}.portal-card .login-remember label{display:flex;align-items:center;font-weight:500;color:var(--muted)}.portal-card input[type=submit]{padding:12px 18px;background:var(--blue);color:white;border:0;border-radius:9px;font:700 14px inherit;cursor:pointer}.portal-help{margin-top:22px!important;font-size:13px!important}.portal-help a{color:var(--blue);font-weight:700}.portal-logout{display:inline-block;margin-left:16px;color:var(--muted);font-size:13px;font-weight:650}
.registration-card form{margin-top:22px}.registration-card select{width:100%;padding:12px 13px;border:1px solid #d7e1ec;border-radius:9px;background:white;font:inherit;color:var(--ink)}.registration-card .consent-field label{display:flex;align-items:flex-start;gap:9px;font-weight:500;line-height:1.5;color:#53657a}.registration-card .consent-field input{margin:4px 0 0;flex:0 0 auto}.registration-card .consent-field a{color:var(--blue);font-weight:700}.registration-notice{padding:13px 15px;border-radius:10px;font-size:13px;margin:20px 0}.registration-notice.success{background:#eaf8f1;color:#126b48}.registration-notice.error{background:#fff2ed;color:#a23b21}
.adzra-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}