:root{--navy:#173348;--navy2:#112a3d;--orange:#f47a20;--orangeDark:#cb5a0d;--teal:#117870;--sea:#e7f5ef;--ink:#253745;--muted:#687784;--cream:#fff8f1;--border:#e8ecef;--panel:#fff;--soft:#f7f9fa;--shadow:0 16px 45px rgba(15,48,65,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ffad75;outline-offset:3px}p{line-height:1.72}.container{max-width:1210px;margin:auto;padding:0 26px}.mini-top{background:var(--navy2);color:#d3e3e8;font-size:12px}.mini-top .container{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px;gap:16px}.tiny-dot{display:inline-block;width:7px;height:7px;background:#86d5ae;border-radius:50%;margin-right:6px}.site-nav{background:white;border-bottom:1px solid #edf1f2;position:sticky;top:0;z-index:30}.site-nav .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:17px;padding-bottom:17px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;background:#fff2e6;border:1px solid #ffe5ce;color:var(--orangeDark);font-size:11px;font-weight:900;letter-spacing:-.03em;overflow:hidden}.brand-mark img{width:44px;height:44px;object-fit:contain}.brand-title{display:block;font-size:19px;font-weight:850;color:var(--navy);letter-spacing:-.7px}.brand-sub{font-size:11px;color:#71818a;letter-spacing:.35px}.nav-links{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:650}.nav-links a:hover{color:var(--orangeDark)}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:12px 18px;font-size:13px;font-weight:750;transition:transform .16s,background .16s,box-shadow .16s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 7px 15px rgba(244,122,32,.15)}.btn-primary:hover{background:#e66611}.btn-quiet{color:var(--navy);background:#fff;border:1px solid #e8ecef}.btn-teal{background:var(--teal);color:#fff}.btn-outline{border:1px solid #f5c59c;background:#fff5ec;color:#a44909}.btn:disabled{opacity:.5;cursor:not-allowed}.mobile-trigger{display:none;border:1px solid var(--border);background:white;border-radius:10px;padding:9px 12px;font-size:20px}.tag{font-size:11px;font-weight:750;letter-spacing:.2px;display:inline-flex;gap:7px;align-items:center;border-radius:50px;padding:8px 13px;background:#fff0e4;color:#af510e}.tag.teal{background:var(--sea);color:var(--teal)}.tag.green{background:#eaf8ee;color:#30794e}.tag.yellow{background:#fff5df;color:#92621c}.tag.neutral{background:#eef3f5;color:#56717e}.eyebrow{color:var(--orangeDark);font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:850}.section-title{font-size:39px;line-height:1.21;font-weight:850;letter-spacing:-1.6px;color:var(--navy);margin:15px 0}.section-desc{color:#73808b;max-width:680px;font-size:15px}.hero{background:linear-gradient(115deg,#fff8ef 0%,#fffaf6 51%,#f2fbf8 100%);overflow:hidden;position:relative}.hero:before{position:absolute;content:"";height:410px;width:410px;border:1px solid #f4e4d5;border-radius:50%;left:-275px;top:-190px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;min-height:590px;padding-top:65px;padding-bottom:70px}.hero h1{color:var(--navy);font-size:clamp(39px,4.9vw,64px);line-height:1.08;letter-spacing:-3px;margin:25px 0 21px;max-width:650px}.hero h1 span{color:var(--orangeDark)}.hero p{color:#6b7881;font-size:16px;max-width:485px;margin:0 0 24px}.hero-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.small-privacy{margin-top:23px;display:flex;align-items:center;gap:10px;font-size:12px;color:#73808b}.small-privacy strong{color:#476674}.hero-art{position:relative;min-height:480px;display:flex;justify-content:center;align-items:center}.art-main{width:min(100%,510px);aspect-ratio:1.14;border-radius:44px 120px 45px 110px;background:linear-gradient(145deg,#fbdabf 0%,#fff3e7 38%,#d8eeea 100%);box-shadow:0 36px 58px rgba(122,108,92,.1);padding:15px;position:relative;overflow:hidden}.art-main svg{width:100%;height:100%;display:block}.float-card{position:absolute;background:#fff;box-shadow:var(--shadow);border:1px solid #eef2f3;border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:11px;font-size:12px;color:#627985;font-weight:620}.float-card b{color:var(--navy);font-size:13px;display:block}.float-icon{height:38px;width:38px;background:var(--sea);color:var(--teal);display:grid;place-items:center;border-radius:11px;font-size:19px}.fc-top{top:33px;right:-1px}.fc-bottom{bottom:25px;left:-17px}.safety-line{background:#fff;border-top:1px solid #edf1f2;border-bottom:1px solid #edf1f2;padding:17px 0}.safety-line .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.safety-line p{font-size:13px;margin:0;color:#536878}.safety-line a{color:#bb570f;font-weight:800;font-size:12px;white-space:nowrap}.section{padding:88px 0}.section-soft{background:#f8fbfa}.centered{text-align:center}.centered .section-desc{margin:0 auto}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}.service-card{background:#fff;border:1px solid var(--border);box-shadow:0 8px 30px rgba(12,52,70,.035);border-radius:21px;padding:27px;transition:transform .17s,border .17s}.service-card:hover{transform:translateY(-3px);border-color:#f3bc8e}.service-icon{height:51px;width:51px;border-radius:15px;display:grid;place-items:center;background:#fff0e5;color:var(--orangeDark);font-size:24px;font-weight:700;margin-bottom:19px}.service-card:nth-child(2) .service-icon,.service-card:nth-child(5) .service-icon{color:var(--teal);background:#e6f4ee}.service-card:nth-child(3) .service-icon,.service-card:nth-child(6) .service-icon{color:#5673a8;background:#edf2ff}.service-card h3{font-size:16px;letter-spacing:-.4px;color:var(--navy);margin:0 0 9px}.service-card p{font-size:13px;color:#78858e;margin:0 0 13px}.service-card a{color:#d76715;font-size:12px;font-weight:790}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px;margin-top:38px}.how-step{position:relative;padding:26px;border-radius:20px;background:#fff;border:1px solid #ecf0ef}.how-step .number{height:42px;width:42px;display:grid;place-items:center;border-radius:13px;background:var(--sea);color:var(--teal);font-weight:850;margin-bottom:18px}.how-step h3{font-size:15px;color:var(--navy)}.how-step p{color:#7a858c;font-size:13px;margin-bottom:0}.why-section{background:#17374b;color:#e8f3f2}.why-section .section-title{color:#fff}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.why-copy p{color:#b7cbd1}.why-list{display:grid;gap:14px;margin-top:25px}.why-list div{display:flex;gap:12px;align-items:flex-start;font-size:14px}.check-circle{width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;background:#24596a;color:#b5f0d9;border-radius:50%}.why-panel{background:linear-gradient(145deg,#234b5e,#1b4253);border:1px solid #3b6270;border-radius:30px;padding:38px;min-height:328px;display:flex;flex-direction:column;justify-content:center}.why-panel .lock{width:70px;height:70px;border-radius:24px;background:#345f68;display:grid;place-items:center;font-size:30px;margin-bottom:25px}.why-panel h3{font-size:24px;color:white;margin:0 0 8px}.why-panel p{color:#b7cbd1}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:35px}.article{border:1px solid var(--border);border-radius:19px;overflow:hidden;background:white}.article-art{height:145px;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,#ffe1cb,#fffbf7)}.article:nth-child(2) .article-art{background:linear-gradient(135deg,#d2ece4,#f7fff9)}.article:nth-child(3) .article-art{background:linear-gradient(135deg,#dce7f7,#fafcff)}.article .article-body{padding:21px}.article .article-body small{color:var(--orangeDark);font-weight:750}.article h3{font-size:16px;color:var(--navy);margin:11px 0 8px}.article p{font-size:13px;color:#78848c;margin:0}.faq-wrap{max-width:820px;margin:35px auto 0}.faq-wrap details{border:1px solid var(--border);background:white;border-radius:15px;margin-bottom:11px;padding:18px 23px}.faq-wrap summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--navy)}.faq-wrap p{font-size:13px;color:#70808a;margin-bottom:0}.cta-band{background:linear-gradient(120deg,#ef7822,#d45b09);color:#fff;padding:52px 0}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:32px;letter-spacing:-1px;margin:0 0 10px}.cta-band p{font-size:14px;margin:0;color:#ffefe6}.footer{background:#10293c;color:#bbccd4;padding:57px 0 28px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px;padding-bottom:42px}.footer h4{color:white;margin:0 0 20px}.footer p,.footer a{font-size:13px;color:#b5c7cf}.footer a{display:block;margin-bottom:11px}.footer a:hover{color:white}.footer .brand-title{color:#fff}.copyright{border-top:1px solid #2b4858;padding-top:22px;font-size:12px;display:flex;justify-content:space-between;gap:15px}
/* dashboard */
.dashboard-body{background:#f6f8f9}.app-shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy2);color:#c7d9df;display:flex;flex-direction:column;min-height:100vh;padding:23px 16px;position:sticky;top:0;height:100vh}.sidebar .brand-title{color:#fff}.sidebar .brand-sub{color:#b2c5cb}.sidebar .brand-mark{background:#fff1e7}.sidebar-kicker{text-transform:uppercase;font-size:10px;letter-spacing:1.8px;color:#7798a3;padding:36px 17px 11px;font-weight:850}.side-menu{display:grid;gap:4px}.side-btn{display:flex;align-items:center;width:100%;gap:13px;text-align:left;border:0;background:none;color:#c4d3d9;font-size:13px;padding:12px 15px;border-radius:10px;font-weight:620;cursor:pointer}.side-btn:hover{background:#24445a;color:#fff}.side-btn.active{background:#2e5367;color:white}.side-icon{width:20px;font-size:17px;color:#b8d3dd;text-align:center}.side-btn.active .side-icon{color:#ffc99e}.sidebar-bottom{margin-top:auto;padding:20px 10px 0;border-top:1px solid #244357}.sidebar-bottom .small{font-size:11px;color:#9db2bb}.content-shell{min-width:0}.topbar{height:91px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 37px;gap:20px;position:sticky;top:0;z-index:20}.topbar h2{font-size:21px;color:var(--navy);letter-spacing:-.6px;margin:0}.topbar p{font-size:12px;color:#8c98a0;margin:5px 0 0}.top-actions{display:flex;gap:13px;align-items:center}.role-select{padding:10px 31px 10px 12px;background:#f7f9fa;border:1px solid var(--border);border-radius:10px;color:var(--navy);font-size:12px;font-weight:700;max-width:180px}.circle-btn{height:40px;width:40px;border:1px solid var(--border);background:#fff;border-radius:11px;color:#536d79;font-size:19px}.avatar{height:40px;width:40px;border-radius:13px;background:#ffeadc;color:var(--orangeDark);display:grid;place-items:center;font-weight:850;font-size:13px}.main-content{padding:32px 37px 55px;max-width:1500px;margin:0 auto}.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.welcome h1{color:var(--navy);font-size:27px;letter-spacing:-1px;margin:0 0 6px}.welcome p{margin:0;color:#82909a;font-size:13px}.notice{border-radius:18px;background:#e9f5f1;border:1px solid #d4e9e2;color:#195b59;padding:22px 25px;display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:24px}.notice h3{margin:0 0 5px;font-size:15px}.notice p{font-size:12px;margin:0;line-height:1.55;color:#527c77}.notice .btn{white-space:nowrap;font-size:12px}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.kpi{border:1px solid var(--border);background:#fff;border-radius:17px;padding:21px;min-height:141px}.kpi-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#84919a;font-size:12px}.kpi-icon{height:35px;width:35px;display:grid;place-items:center;border-radius:11px;color:var(--teal);background:#e5f4ee;font-size:17px}.kpi:nth-child(2) .kpi-icon{color:var(--orangeDark);background:#fff1e6}.kpi:nth-child(3) .kpi-icon{color:#5573a5;background:#edf2fe}.kpi:nth-child(4) .kpi-icon{color:#775fa6;background:#f4eefe}.kpi-number{font-size:30px;letter-spacing:-1.1px;font-weight:850;color:var(--navy);margin:8px 0 3px}.kpi-change{font-size:11px;color:#759186}.panel-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(295px,1fr);gap:20px;margin-top:20px}.panel{background:#fff;border:1px solid var(--border);border-radius:19px;padding:23px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px}.panel h3{font-size:16px;color:var(--navy);letter-spacing:-.3px;margin:0}.panel-heading a{color:#b45d21;font-size:12px;font-weight:800}.panel-muted{font-size:12px;color:#8d999f;margin:6px 0 0}.simple-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.simple-table th{background:#f7f9fa;color:#7c8b94;font-weight:700;padding:13px 11px;white-space:nowrap}.simple-table td{padding:15px 11px;border-bottom:1px solid #eef1f3;color:#536978}.simple-table tr:last-child td{border:0}.simple-table td b{color:var(--navy)}.status{display:inline-flex;align-items:center;border-radius:8px;font-weight:750;font-size:10px;padding:7px 9px;white-space:nowrap}.status.ok{background:#eaf7ef;color:#26734f}.status.wait{background:#fff3db;color:#947024}.status.info{background:#eaf3fb;color:#3977a2}.status.void{background:#f5e9e7;color:#a35c53}.agenda{display:flex;gap:13px;border-bottom:1px solid #eef1f2;padding:15px 0}.agenda:last-child{border:0}.agenda-time{font-weight:850;color:var(--orangeDark);font-size:12px;min-width:51px}.agenda b{font-size:13px;color:var(--navy)}.agenda small{display:block;color:#83929a;font-size:11px;margin-top:6px}.bar-chart{height:220px;display:flex;align-items:flex-end;gap:14px;padding:15px 5px 0;background:repeating-linear-gradient(to top,transparent 0px,transparent 54px,#edf2f3 55px,#edf2f3 56px);border-bottom:1px solid #e4e9ed}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%}.bar-fill{background:linear-gradient(180deg,#52b5a0,#1e827d);width:min(39px,80%);height:var(--h);border-radius:9px 9px 4px 4px;transition:height .4s}.bar-col:nth-child(even) .bar-fill{background:linear-gradient(180deg,#ffad6f,#f47a20)}.bar-lbl{color:#8c999e;font-size:10px;margin-bottom:-23px;white-space:nowrap}.searchbar{display:flex;gap:10px;align-items:center}.searchbar input{border:1px solid var(--border);border-radius:10px;background:#fff;padding:10px 12px;min-width:210px;max-width:290px;font-size:12px;outline:none}.filter-pill{border:1px solid var(--border);background:#fff;padding:10px;border-radius:10px;color:#60747f;font-size:12px}.help-box{padding:17px;border-radius:15px;background:#fff9f0;border:1px solid #f9e5ce;margin-top:18px}.help-box b{display:block;color:#925012;font-size:12px}.help-box p{margin:7px 0 0;font-size:11px;color:#886f56}.empty{padding:33px 8px;color:#84949c;text-align:center;font-size:13px}.footnote{font-size:11px;color:#92a0a5;margin:24px 0}.hidden{display:none!important}.toast{position:fixed;right:23px;bottom:22px;background:#17394c;color:#fff;border-radius:12px;padding:14px 18px;box-shadow:0 20px 40px rgba(0,0,0,.16);font-size:13px;z-index:100;max-width:350px;display:none}.toast.show{display:block}.overlay{position:fixed;inset:0;background:rgba(8,25,36,.6);z-index:99;display:none;align-items:center;justify-content:center;padding:20px}.overlay.open{display:flex}.modal{background:#fff;width:min(520px,100%);border-radius:24px;padding:28px;box-shadow:0 25px 70px rgba(0,0,0,.2)}.modal h3{color:var(--navy);font-size:21px;margin-top:0}.modal p{font-size:13px;color:#6c7e88}.field{display:grid;gap:7px;margin:16px 0}.field label{font-size:12px;font-weight:750;color:#506774}.field input,.field select,.field textarea{border:1px solid #dfe8eb;border-radius:10px;padding:12px 13px;width:100%;background:#fff;font-size:13px}.field small{color:#87939a;font-size:11px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:21px}.narrow{max-width:1100px;margin:0 auto}.demo-notice{font-size:11px;color:#b65d1a;font-weight:750;background:#fff2e8;border-radius:40px;padding:8px 12px}.bell-wrap{position:relative}.notification-pop{display:none;position:absolute;right:0;top:49px;width:310px;background:white;border:1px solid var(--border);box-shadow:var(--shadow);padding:19px;border-radius:14px;z-index:35}.notification-pop.open{display:block}.notification-pop p{font-size:12px;color:#788993;border-bottom:1px solid var(--border);padding-bottom:10px}.notification-pop p:last-child{border:0}.login-bg{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f8fafb}.login-left{background:linear-gradient(150deg,#133647,#145567 65%,#1b7573);color:white;position:relative;display:flex;flex-direction:column;padding:55px 65px;justify-content:space-between;overflow:hidden}.login-left:before{content:"";height:490px;width:490px;border:75px solid rgba(255,255,255,.04);border-radius:50%;position:absolute;bottom:-200px;left:-180px}.login-left .brand-title{color:white}.login-left .brand-sub{color:#d2e1e7}.login-left h1{font-size:clamp(36px,4vw,58px);line-height:1.12;letter-spacing:-2.1px;max-width:460px;margin:0 0 20px}.login-left p{color:#c4d7db;max-width:400px}.login-right{display:grid;place-items:center;padding:40px}.login-card{background:white;border:1px solid #edf1f3;border-radius:26px;padding:43px;width:min(100%,440px);box-shadow:var(--shadow)}.login-card h2{font-size:27px;color:var(--navy);margin:0 0 5px;letter-spacing:-1px}.login-card p{font-size:13px;color:#82919a;margin:0 0 30px}.login-card .btn{width:100%}.login-card .logo-row{display:flex;justify-content:center;margin-bottom:29px}.login-card .field{margin:19px 0}.login-card .field input,.login-card select{padding:14px}.mini-links{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:18px 0;color:var(--teal)}.mini-footer{font-size:12px;color:#8a999f;margin-top:27px;text-align:center}
@media(max-width:1180px){.nav-links{gap:15px}.topbar{padding:0 24px}.main-content{padding:28px 24px}.kpi-row{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:22px}.float-card.fc-top{right:0}.float-card.fc-bottom{left:0}}@media(max-width:850px){.hero-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:45px}.hero-art{min-height:400px;max-width:600px}.hero h1{max-width:720px}.nav-links{display:none;position:absolute;top:81px;right:0;left:0;background:#fff;border-bottom:1px solid var(--border);padding:20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;z-index:30}.nav-links.open{display:flex}.mobile-trigger{display:inline-flex}.site-nav .btn-primary{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.how-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr;gap:30px}.articles{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:18px 10px}.sidebar .brand-title,.sidebar .brand-sub,.sidebar-kicker,.side-btn .side-label,.sidebar-bottom{display:none}.sidebar .brand{justify-content:center}.side-btn{justify-content:center;padding:14px}.side-icon{font-size:19px}.panel-grid{grid-template-columns:1fr}.login-bg{grid-template-columns:1fr}.login-left{min-height:290px;padding:30px}.login-left h1{font-size:34px;margin-top:25px}.login-right{padding:25px}.login-card{padding:30px}.login-left .login-bottom{display:none}}@media(max-width:600px){.container{padding:0 18px}.mini-top .container{font-size:10px}.hero h1{letter-spacing:-2px}.hero-art{min-height:330px}.float-card{padding:10px;max-width:205px}.fc-top{top:1px}.section{padding:60px 0}.section-title{font-size:29px;letter-spacing:-.8px}.service-grid,.how-grid,.articles{grid-template-columns:1fr}.safety-line .container,.cta-band .container{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:25px}.copyright{flex-direction:column}.app-shell{display:block}.sidebar{min-height:auto;height:auto;position:static;padding:12px 16px;flex-direction:row;overflow-x:auto;align-items:center}.sidebar .brand{margin-right:10px}.sidebar .brand-mark{width:36px;height:36px}.sidebar-kicker{display:none}.side-menu{display:flex;flex:1;overflow-x:auto;min-width:0}.side-btn{white-space:nowrap;padding:10px}.topbar{height:auto;min-height:76px;padding:12px 18px}.topbar h2{font-size:17px}.topbar p{display:none}.top-actions{gap:7px}.role-select{max-width:130px;font-size:11px;padding:8px}.avatar,.circle-btn{width:33px;height:33px}.demo-notice{display:none}.main-content{padding:23px 16px}.welcome{align-items:flex-start;flex-direction:column}.welcome h1{font-size:23px}.notice{flex-direction:column;align-items:flex-start}.kpi-row{grid-template-columns:1fr 1fr;gap:9px}.kpi{padding:14px;min-height:125px}.kpi-number{font-size:25px}.panel{padding:15px}.simple-table{font-size:11px}.simple-table th,.simple-table td{padding:9px 6px}.searchbar{width:100%}.searchbar input{min-width:0;width:100%}.topbar .role-select{max-width:110px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Tampilkan satu tombol login utama sesuai ukuran layar */
@media(min-width:851px){.site-nav .nav-links > .btn-primary{display:none}}
@media(max-width:850px){.site-nav > .container > .btn-primary{display:none}.site-nav .nav-links > .btn-primary{display:inline-flex}}