:root{--navy:#081b3a;--navy2:#102b55;--blue:#1478ff;--blue2:#0759d4;--green:#12b981;--bg:#f6f9fd;--card:#fff;--tx:#101d36;--mut:#64748b;--line:#e4eaf2;--shadow:0 18px 55px rgba(8,27,58,.11)}
html[data-theme="dark"]{--navy:#dbe7ff;--navy2:#c3d7ff;--blue:#5a9bff;--blue2:#7db1ff;--green:#2ed3a3;--bg:#0a1322;--card:#111c2f;--tx:#e8eefb;--mut:#93a3bd;--line:#223047;--shadow:0 18px 55px rgba(0,0,0,.5)}
html[data-theme="dark"] body{background:var(--bg);color:var(--tx)}
html[data-theme="dark"] a{color:var(--blue2)}
html[data-theme="dark"] .card,html[data-theme="dark"] .feature,html[data-theme="dark"] .pricing-card{background:var(--card);border-color:var(--line)}
html[data-theme="dark"] .btn{color:#fff!important}
html[data-theme="dark"] .btn.sec{background:var(--card);color:var(--tx)!important;border-color:var(--line)}
html[data-theme="dark"] .btn-light{background:var(--card);color:var(--tx)!important}
html[data-theme="dark"] .hero-premium h1{color:var(--navy)}
html[data-theme="dark"] .lead,html[data-theme="dark"] .trust-row,html[data-theme="dark"] .section-head p,html[data-theme="dark"] .feature p,html[data-theme="dark"] .mut,html[data-theme="dark"] .pricing-note{color:var(--mut)}
html[data-theme="dark"] .section-head h2,html[data-theme="dark"] .page-hero h1,html[data-theme="dark"] .page-hero h2,html[data-theme="dark"] .pricing-card h2,html[data-theme="dark"] .price{color:var(--navy)}
html[data-theme="dark"] nav.top{border-bottom-color:var(--line)}
html[data-theme="dark"] .brand{color:var(--tx)!important}
html[data-theme="dark"] .navlink{color:var(--mut)}
html[data-theme="dark"] .logo-strip{border-color:var(--line)}
html[data-theme="dark"] .logo-strip span,html[data-theme="dark"] .logo-strip b{color:var(--mut)}
html[data-theme="dark"] .how-section{background:#0d1a30;color:#fff}
html[data-theme="dark"] .cta-premium{background:linear-gradient(120deg,#0d68e8,#063eaa);color:#fff}
html[data-theme="dark"] .feature-icon.blue{background:rgba(20,120,255,.16)}
html[data-theme="dark"] .feature-icon.green{background:rgba(18,185,129,.16)}
html[data-theme="dark"] .feature-icon.purple{background:rgba(118,81,219,.2)}
html[data-theme="dark"] .feature-icon.amber{background:rgba(210,138,9,.18)}
html[data-theme="dark"] .feature-icon.cyan{background:rgba(21,150,164,.18)}
html[data-theme="dark"] .feature-icon.rose{background:rgba(220,82,117,.18)}
html[data-theme="dark"] .browser-card{background:var(--card);border-color:var(--line)}
html[data-theme="dark"] .float-card{background:var(--card);border-color:var(--line)}
html[data-theme="dark"] input,html[data-theme="dark"] select{background:#0d1830;border-color:var(--line);color:var(--tx)}
html[data-theme="dark"] code{background:#1a2740;color:#cfe0ff}
html[data-theme="dark"] th,html[data-theme="dark"] td{border-bottom-color:var(--line)}
html[data-theme="dark"] .check-list li{color:var(--mut)}
html[data-theme="dark"] footer{border-top-color:var(--line)}
html[data-theme="dark"] .flash.ok{background:rgba(18,185,129,.15);color:#7ee6c8}
html[data-theme="dark"] .flash.err{background:rgba(239,68,68,.15);color:#ffb0b0}
html[data-theme="dark"] .badge.paid,html[data-theme="dark"] .badge.active{background:rgba(18,185,129,.18);color:#7ee6c8}
html[data-theme="dark"] .badge.unpaid,html[data-theme="dark"] .badge.pending{background:rgba(234,179,8,.16);color:#ffe08a}
html[data-theme="dark"] .badge.canceled,html[data-theme="dark"] .badge.expired,html[data-theme="dark"] .badge.suspended{background:rgba(239,68,68,.16);color:#ffb0b0}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--tx);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--blue2);text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 24px}nav.top{height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(148,163,184,.22);margin-bottom:0}.brand{display:flex;align-items:center;gap:11px;font-weight:850;font-size:24px;color:var(--navy)!important;letter-spacing:-.4px}.brand img{width:46px;height:46px}.nav-actions{display:flex;align-items:center;gap:8px}.navlinks{display:flex;align-items:center;gap:10px;min-width:0}.navlink{margin:0;color:#334155;font-size:14.5px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff!important;border:0;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:750;cursor:pointer;box-shadow:0 7px 18px rgba(20,120,255,.2);transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-1px);box-shadow:0 11px 25px rgba(20,120,255,.28)}.btn.sec{background:#fff;color:var(--navy)!important;border:1px solid #dbe3ee;box-shadow:none}.btn-light{background:#fff;color:var(--navy)!important;box-shadow:none}.btn-lg{padding:14px 22px;border-radius:12px;font-size:15px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:18px;box-shadow:0 5px 18px rgba(15,23,42,.035)}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}h1{font-size:34px;line-height:1.15;letter-spacing:-1px;margin-bottom:10px}h2{font-size:22px;line-height:1.25;letter-spacing:-.4px;margin-bottom:10px}h3{font-size:18px;margin-bottom:7px}.mut{color:var(--mut);font-size:14px}input,select{width:100%;padding:11px 13px;border:1px solid #ccd6e3;border-radius:9px;background:#fff;font-size:15px;margin-bottom:12px}input:focus,select:focus{outline:3px solid rgba(20,120,255,.12);border-color:var(--blue)}label{font-size:13px;font-weight:700;display:block;margin-bottom:4px}.flash{padding:12px 16px;border-radius:9px;margin:18px 0;font-size:14px}.flash.ok{background:#dcfce7;color:#14532d}.flash.err{background:#fee2e2;color:#7f1d1d}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid #edf1f6}.badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:750}.badge.paid,.badge.active{background:#dcfce7;color:#166534}.badge.unpaid,.badge.pending{background:#fef9c3;color:#854d0e}.badge.canceled,.badge.expired,.badge.suspended{background:#fee2e2;color:#991b1b}.price{font-size:32px;font-weight:850;color:var(--navy);margin:12px 0}.price small{font-size:13px;color:var(--mut);font-weight:500}code{background:#eef2f7;padding:2px 6px;border-radius:6px;font-size:13px}
/* premium landing */
.hero-premium{min-height:610px;display:grid;grid-template-columns:1.03fr .97fr;gap:55px;align-items:center;padding:74px 0 82px;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue2);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.15px;margin-bottom:18px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(18,185,129,.13)}.hero-premium h1{font-size:54px;line-height:1.07;letter-spacing:-2.6px;color:var(--navy);margin-bottom:22px}.hero-premium h1 span{background:linear-gradient(100deg,var(--blue),#16a8cc);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:18px;color:#52647e;line-height:1.75;max-width:620px}.hero-actions{display:flex;gap:11px;margin:30px 0 24px}.trust-row{display:flex;flex-wrap:wrap;gap:10px 20px;color:#52647e;font-size:12px;font-weight:650}.trust-row span{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.trust-row svg{flex:0 0 auto}.hero-visual{position:relative;min-height:430px;display:flex;align-items:center}.glow{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(26,129,255,.18),rgba(33,190,198,.05) 48%,transparent 70%);left:5%;top:0}.hero-shot{margin:0;width:100%;border-radius:17px;overflow:hidden;border:1px solid rgba(148,163,184,.35);box-shadow:0 28px 75px rgba(8,27,58,.19);position:relative;z-index:2;transform:perspective(1100px) rotateY(-4deg) rotateX(1deg)}.hero-shot img{display:block;width:100%;height:auto}.browser-card{width:100%;background:#fff;border:1px solid rgba(148,163,184,.35);border-radius:17px;box-shadow:0 28px 75px rgba(8,27,58,.19);overflow:hidden;position:relative;z-index:2;transform:perspective(1100px) rotateY(-4deg) rotateX(1deg)}.browser-top{height:38px;background:#f5f7fa;border-bottom:1px solid #e3e9f0;display:flex;align-items:center;padding:0 13px;gap:5px}.browser-top i{width:8px;height:8px;border-radius:50%;background:#ff6d6d}.browser-top i:nth-child(2){background:#ffc95c}.browser-top i:nth-child(3){background:#55d78b}.browser-top span{margin-left:13px;background:#fff;border:1px solid #e5eaf0;border-radius:5px;padding:3px 10px;font-size:8px;color:#8290a5;flex:1}.browser-body{height:315px;display:flex;background:#f6f9fd}.mini-side{width:57px;background:var(--navy);display:flex;flex-direction:column;align-items:center;gap:23px;padding-top:18px}.mini-side b{color:#fff;font-size:11px}.mini-side i{width:17px;height:4px;background:#49617f;border-radius:3px}.mini-main{padding:24px;flex:1}.mini-title{font-size:13px;font-weight:800;color:var(--navy);display:flex;justify-content:space-between}.mini-title span{font-size:8px;background:#dcfce7;color:#16835d;padding:3px 7px;border-radius:20px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.metric-row div{background:#fff;border:1px solid #e7edf4;border-radius:8px;padding:12px}.metric-row small,.metric-row strong{display:block}.metric-row small{font-size:7px;color:#8491a4}.metric-row strong{font-size:17px;color:var(--navy)}.chart{height:95px;background:#fff;border:1px solid #e7edf4;border-radius:8px;padding:15px;display:flex;align-items:flex-end;gap:9px}.chart i{flex:1;background:linear-gradient(#38a8ff,#1478ff);border-radius:4px 4px 1px 1px}.chart i:nth-child(1){height:34%}.chart i:nth-child(2){height:51%}.chart i:nth-child(3){height:41%}.chart i:nth-child(4){height:74%}.chart i:nth-child(5){height:61%}.chart i:nth-child(6){height:88%}.chart i:nth-child(7){height:77%}.activity{display:flex;align-items:center;gap:9px;margin-top:12px;background:#fff;border:1px solid #e7edf4;border-radius:8px;padding:9px}.activity>span{width:24px;height:24px;border-radius:7px;background:#dcfce7}.activity p{flex:1}.activity b,.activity small{display:block;font-size:7px}.activity small{color:#8491a4}.activity em{font-size:6px;color:#8290a5}.float-card{position:absolute;z-index:3;background:#fff;border:1px solid #e7edf4;border-radius:11px;box-shadow:0 15px 35px rgba(8,27,58,.15);padding:12px 15px}.float-card b,.float-card small{display:block}.float-card b{font-size:11px;color:var(--navy);display:flex;align-items:center;gap:6px}.float-card small{font-size:8px;color:#8491a4}.float-a{left:-30px;bottom:23px}.float-b{right:-22px;top:43px}.float-b b{color:var(--green);font-size:15px}.logo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#78869b;font-size:12px}.logo-strip span{text-transform:uppercase;font-weight:700;letter-spacing:.8px}.logo-strip b{color:#53637a;font-size:14px}.section{padding:95px 0}.section-head{text-align:center;max-width:690px;margin:0 auto 46px}.section-head h2{font-size:38px;color:var(--navy);letter-spacing:-1.3px}.section-head p{color:var(--mut);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:.25s}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d2dfef}.feature p{color:var(--mut);font-size:14px}.feature-icon{width:43px;height:43px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.feature-icon svg{width:22px;height:22px}.feature-icon.blue{background:#e3f0ff;color:#1478ff}.feature-icon.green{background:#dcfce7;color:#07966a}.feature-icon.purple{background:#eee8ff;color:#7651db}.feature-icon.amber{background:#fff2d7;color:#d28a09}.feature-icon.cyan{background:#dff8fa;color:#1596a4}.feature-icon.rose{background:#ffe6ed;color:#dc5275}.how-section{padding:85px 50px;background:var(--navy);border-radius:28px;color:#fff;margin:10px 0 90px}.how-section .section-head h2,.how-section .section-head p{color:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.steps article{position:relative;padding-top:12px}.steps span{font-size:12px;font-weight:900;color:#68aaff;border:1px solid #315783;padding:6px 9px;border-radius:7px;display:inline-flex;align-items:center;gap:6px}.steps span svg{width:13px;height:13px}.steps h3{font-size:20px;margin-top:19px}.steps p{color:#aebcd0;font-size:14px}.cta-premium{background:linear-gradient(120deg,#0d68e8,#063eaa);border-radius:25px;padding:54px 60px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px;box-shadow:0 20px 55px rgba(8,83,190,.25)}.cta-premium h2{font-size:32px}.cta-premium p{color:#dceaff}.eyebrow.light{color:#bdd8ff}.page-hero{text-align:center;padding:70px 0 44px;max-width:700px;margin:auto}.page-hero h1{font-size:43px;color:var(--navy)}.page-hero p{color:var(--mut);font-size:17px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;margin:15px 0 28px}.pricing-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;position:relative;box-shadow:0 7px 25px rgba(15,23,42,.04)}.pricing-card.featured{border:2px solid var(--blue);transform:translateY(-8px);box-shadow:var(--shadow)}.popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;border-radius:30px;padding:5px 13px;font-size:10px;font-weight:800;text-transform:uppercase;white-space:nowrap}.check-list{list-style:none;margin:20px 0 25px}.check-list li{font-size:13px;color:#53637a;padding:7px 0 7px 23px;position:relative}.check-list li:before{content:'';position:absolute;left:0;top:10px;width:14px;height:14px;background-color:var(--green);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}.pricing-note{text-align:center;color:var(--mut);font-size:13px;margin-bottom:60px}footer{margin-top:70px;padding:28px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--mut);font-size:12px}
/* controls: theme + lang */
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid #dbe3ee;background:#fff;color:var(--navy);cursor:pointer;transition:.2s}.icon-btn:hover{border-color:var(--blue);color:var(--blue2)}.icon-btn svg{width:18px;height:18px}.lang-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 12px;border-radius:10px;border:1px solid #dbe3ee;background:#fff;color:var(--navy);font-size:12.5px;font-weight:800;cursor:pointer;text-decoration:none;transition:.2s}.lang-btn:hover{border-color:var(--blue);color:var(--blue2)}
html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .lang-btn{background:var(--card);border-color:var(--line);color:var(--tx)}
.icon-btn .ico-sun{display:none}.icon-btn .ico-moon{display:block}
html[data-theme="dark"] .icon-btn .ico-sun{display:block}html[data-theme="dark"] .icon-btn .ico-moon{display:none}
@media(max-width:640px){.icon-btn{width:34px;height:34px}.lang-btn{height:34px;padding:0 9px;font-size:11.5px}.nav-actions{gap:5px}}
/* mobile nav declutter: guest tanpa navlinks (cta hero sudah cover), ikon rapat */
@media(max-width:640px){
  body.zt-guest .navlinks{display:none}
  body.zt-auth .navlinks{margin-right:2px}
  .brand img{width:38px;height:38px}
  .icon-btn{width:32px;height:32px;border-radius:9px}
  .icon-btn svg{width:16px;height:16px}
  .lang-btn{height:32px;padding:0 8px;font-size:11px;border-radius:9px}
  .nav-actions{gap:6px}
}
/* polish feature icon: gradient + ring halus */
.feature-icon{position:relative;overflow:hidden}
.feature-icon:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,0) 60%);pointer-events:none}
.feature-icon.blue{box-shadow:inset 0 0 0 1px rgba(20,120,255,.18)}
.feature-icon.green{box-shadow:inset 0 0 0 1px rgba(7,150,106,.18)}
.feature-icon.purple{box-shadow:inset 0 0 0 1px rgba(118,81,219,.18)}
.feature-icon.amber{box-shadow:inset 0 0 0 1px rgba(210,138,9,.18)}
.feature-icon.cyan{box-shadow:inset 0 0 0 1px rgba(21,150,164,.18)}
.feature-icon.rose{box-shadow:inset 0 0 0 1px rgba(220,82,117,.18)}
html[data-theme="dark"] .feature-icon:before{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,0) 60%)}
.price{white-space:nowrap}
@media(max-width:900px){.hero-premium{grid-template-columns:1fr;padding-top:55px}.hero-copy{text-align:center}.lead{margin:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{max-width:620px;width:90%;margin:auto}.feature-grid,.pricing-grid{grid-template-columns:1fr 1fr}.logo-strip{flex-wrap:wrap;justify-content:center;padding:20px}.steps{gap:20px}.cta-premium{padding:40px}}
@media(max-width:640px){.wrap{padding:0 16px}nav.top{height:auto;padding:14px 0}.brand span{display:none}.navlink{margin:0 4px;font-size:13px}.nav-actions>.btn{padding:8px 11px}.hero-premium{padding:55px 0 60px;gap:25px}.hero-premium h1{font-size:39px;letter-spacing:-1.8px}.lead{font-size:16px}.hero-actions{flex-direction:column}.trust-row{display:grid;text-align:left}.hero-visual{width:100%;min-height:340px}.browser-body{height:260px}.mini-side{width:45px}.mini-main{padding:15px}.float-a{left:-5px}.float-b{right:-5px}.feature-grid,.pricing-grid,.steps{grid-template-columns:1fr}.section{padding:70px 0}.section-head h2,.page-hero h1{font-size:31px}.how-section{padding:58px 25px;border-radius:20px}.cta-premium{flex-direction:column;align-items:flex-start;padding:36px 27px}.cta-premium h2{font-size:27px}.pricing-card.featured{transform:none}table{display:block;overflow:auto}footer{display:block;text-align:center}.logo-strip span{width:100%;text-align:center}}

html,body{overflow-x:clip}
@media(max-width:900px){.hero-premium{overflow:clip}.hero-shot{transform:none}.glow{width:340px;height:340px;left:50%;top:-30px;transform:translateX(-50%)}}
@media(max-width:640px){
  .trust-row span{white-space:normal}
  .float-a,.float-b{position:static;margin:10px auto 0;display:inline-block}
  .hero-visual{display:block}
  .logo-strip{overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .logo-strip span{width:auto}
}
/* Mobile polish 2026-09-10 */
@media(max-width:640px){
  .wrap{padding:0 10px}
  nav.top{min-height:64px;padding:11px 0;gap:0}
  .brand{font-size:19.5px;letter-spacing:-.8px;white-space:nowrap;flex:0 0 auto}
  .nav-actions{gap:0;min-width:0;flex:0 0 auto}
  .brand img{width:42px;height:42px}.navlink{margin:0 7px 0 0;font-size:14.5px;white-space:nowrap}
  .nav-actions>.btn{padding:8px 4px;font-size:11.5px;line-height:1.25;white-space:nowrap;border-radius:9px}.navlinks .navlink:last-child{margin-right:2px}
  .hero-premium{padding:38px 0 54px;gap:34px;min-height:auto}
  .hero-copy{text-align:left}
  .eyebrow{font-size:10px;line-height:1.45;letter-spacing:.75px;gap:9px;margin-bottom:15px;align-items:flex-start}
  .status-dot{flex:0 0 7px;width:7px;height:7px;margin-top:4px}
  .hero-premium h1{font-size:36px;line-height:1.11;letter-spacing:-1.35px;margin-bottom:18px}
  .hero-premium h1 br{display:none}
  .lead{font-size:15px;line-height:1.68;margin:0;max-width:none}
  .hero-actions{margin:24px 0 21px;gap:9px}
  .hero-actions .btn{min-height:48px;width:100%}
  .trust-row{gap:8px;font-size:11px;line-height:1.5}
  .hero-visual{min-height:315px;margin-top:2px}
}
@media(max-width:370px){
  .wrap{padding:0 10px}
  .brand{font-size:19px;letter-spacing:-.6px}
  .brand img{width:40px;height:40px}.navlink[href="/paket"]{display:none}.navlinks{gap:9px}.navlinks .navlink{font-size:14px}
  .nav-actions>.btn{padding:8px 6px;font-size:11px}
  .hero-premium h1{font-size:33px}
}

.filter-form{display:flex;gap:10px;flex-wrap:wrap}
.field-gap{margin-top:8px}
.w-full{width:100%}
.w-auto{width:auto}
.mt-12{margin-top:12px}
.mt-10{margin-top:10px}
.mb-16{margin-bottom:16px}
.mt-8{margin-top:8px}
.nowrap{white-space:nowrap}
.narrow-440{max-width:440px;margin:0 auto}
.narrow-400{max-width:400px;margin:0 auto}
.btn-block{display:block;width:100%;text-align:center}
.block-center{display:block;text-align:center}
.inline-form{display:inline}