:root{--primary: #338D24;--secondary: #EE5A36;--dark-bg: #0B0C10;--light-bg: #F9FAFB;--text-dark: #111827;--text-light: #F3F4F6;--font-main: "Plus Jakarta Sans", sans-serif;--nav-bg-light: rgba(255, 255, 255, .85);--nav-bg-dark: rgba(11, 12, 16, .85);--card-bg-light: #FFFFFF;--card-bg-dark: #1F2937;--border-light: #E5E7EB;--border-dark: rgba(255, 255, 255, .1);--bg-card: #f8f9fa;--text-main: #333;--text-muted: #666;--primary-green: #2d8a27;--border-accent: #d32f2f;--primary-orange: #EE5A36}body.dark{--bg-card: #1a2332;--text-main: #ffffff;--text-muted: #a0aec0}.auth-left-panel{position:relative;width:100%;display:flex;flex-direction:column;padding:2rem;overflow:hidden;z-index:0}.auth-left-panel:before{content:"";position:absolute;top:20%;left:20%;width:400px;height:400px;background:var(--primary-orange);opacity:.4;filter:blur(100px);transform:translate(-50%,-50%);border-radius:50%;z-index:-1}.auth-left-panel:after{content:"";position:absolute;bottom:20%;right:20%;width:400px;height:400px;background:var(--primary-green);opacity:.4;filter:blur(100px);transform:translate(50%,50%);border-radius:50%;z-index:-1}.logo-wrapper{margin-bottom:1rem}.auth-logo-img{height:auto;width:auto;margin-right:0}.support-logo{height:92px;width:auto;margin-right:0;align-items:center;justify-content:center}.login-page .auth-logo-img{height:250px}.forgot-password-page .auth-logo-img{height:150px}.hero-subtitle-highlight{color:#4c4c4c}.highlight-brand{font-weight:700;color:var(--secondary)}.illustration-bg-shape{position:absolute;inset:0;background-color:#dcfce7;border-radius:9999px;transform:scale(.9)}.illustration-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.illustration-svg{width:100%;height:100%;color:#4b5563}.logo-pasuruan{margin-right:0!important}.auth-footer-logos.center{justify-content:center}.divider-text-uppercase{font-size:.75rem;text-transform:uppercase}.auth-subtitle-small{font-size:.75rem;color:#4b5563;margin-bottom:.5rem}.mt-4{margin-top:1rem}.icon-sm{width:1.5rem;height:1.5rem}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-main)}body,nav,div,button,span,svg,input,section,a,h1,h2,h3,p{transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}body{background-color:var(--light-bg);color:var(--text-dark);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.dark{background-color:var(--dark-bg);color:var(--text-light)}.container{max-width:1440px;margin:0 auto;padding:0 1.5rem}.text-gradient{background:linear-gradient(to right,var(--secondary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}nav{position:fixed;top:0;width:100%;z-index:100;background-color:var(--nav-bg-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 10px #0000000d;border-bottom:1px solid var(--border-light)}body.dark nav{background-color:var(--nav-bg-dark);border-bottom:1px solid var(--border-dark)}.nav-top{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}body.dark .nav-top{border-color:#222}.nav-top-left{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-start}.nav-top-center{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--primary);letter-spacing:.5px;font-size:1.1rem;justify-content:center;position:absolute;left:50%;transform:translate(-50%)}.nav-top-center img{height:32px}.nav-top-right{display:flex;gap:12px;align-items:center;flex:1;justify-content:flex-end}.nav-top{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;min-height:60px}.nav-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .2s ease;background-color:transparent}.nav-icon-btn:hover{background-color:#f3f4f6;color:var(--primary)}body.dark .nav-icon-btn{color:#9ca3af}body.dark .nav-icon-btn:hover{background-color:#ffffff1a;color:var(--primary)}.nav-icon-btn.text-danger:hover{color:#ef4444;background-color:#fef2f2}body.dark .nav-icon-btn.text-danger:hover{background-color:#ef44441a;color:#ef4444}.btn-settings{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:20px;border:1px solid var(--border-light);color:#4b5563;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s ease;background-color:transparent}body.dark .btn-settings{border-color:var(--border-dark);color:#d1d5db}.btn-settings:hover{border-color:var(--primary);color:var(--primary);background-color:#f0fdf4}body.dark .btn-settings:hover{background-color:#338d241a;border-color:var(--primary);color:var(--primary)}.nav-bottom{display:flex;justify-content:center;gap:40px;padding:12px 0;position:fixed;top:60px;left:0;width:100%;z-index:99;background-color:var(--nav-bg-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);transition:all .3s ease}body.dark .nav-bottom{background-color:var(--nav-bg-dark);border-bottom:1px solid var(--border-dark)}.nav-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#333;font-weight:600;font-size:14px;transition:.2s}body.dark .nav-link{color:#ccc}body.dark .nav-link:hover{color:var(--secondary)}.nav-link:hover{color:var(--primary)}.nav-link svg{width:18px;height:18px}.nav-link.active{color:var(--primary)}body.dark .nav-link.active{color:var(--secondary)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo-area{display:flex;align-items:center;gap:.75rem}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),#1a5c10);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.875rem;box-shadow:0 4px 10px #338d2433}.logo-text{display:flex;flex-direction:column;line-height:1}.brand-name{font-weight:700;font-size:1rem;letter-spacing:.025em}.brand-sub{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-top:2px}.nav-actions{display:flex;align-items:center;gap:1.5rem}.lang-switcher{display:none;padding:1px;border-radius:999px;background:linear-gradient(to right,var(--primary),var(--secondary))}@media(min-width:640px){.lang-switcher{display:block}}.lang-inner{background-color:#fff;border-radius:999px;padding:4px;display:flex}body.dark .lang-inner{background-color:var(--dark-bg)}.lang-btn{border:none;background:transparent;padding:6px 16px;border-radius:999px;font-size:11px;font-weight:700;cursor:pointer;color:#9ca3af}.lang-btn.active{background:linear-gradient(to right,var(--primary),var(--secondary));color:#fff;box-shadow:0 2px 4px #0000001a}.theme-toggle{width:40px;height:40px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent}.theme-ring{position:absolute;inset:0;border-radius:50%;padding:1.5px;background:linear-gradient(to top right,var(--secondary),var(--primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.theme-toggle svg{width:20px;height:20px;z-index:10}.profile-avatar{display:none;width:36px;height:36px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--secondary),var(--primary));cursor:pointer}@media(min-width:640px){.profile-avatar{display:block}}.avatar-inner{width:100%;height:100%;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid white}body.dark .avatar-inner{background-color:var(--dark-bg);border-color:var(--dark-bg)}#hero-section{position:relative;padding-top:140px;padding-bottom:80px;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:linear-gradient(rgba(128,128,128,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(128,128,128,.1) 1px,transparent 1px);background-size:40px 40px}.history-section{position:relative;overflow:hidden;background-image:linear-gradient(rgba(128,128,128,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(128,128,128,.05) 1px,transparent 1px);background-size:40px 40px;min-height:100vh;padding-top:100px;padding-bottom:40px}body.dark .history-section{background-image:linear-gradient(rgba(128,128,128,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(128,128,128,.1) 1px,transparent 1px)}.blob{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none;z-index:0}.blob-1{top:20%;left:20%;background-color:#338d244d}.blob-2{bottom:20%;right:20%;background-color:#ee5a3633}body.dark .blob{opacity:.6}#spotlight-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(51,141,36,.15),transparent 40%);opacity:0;transition:opacity .5s ease;z-index:1}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px;margin:0 auto;padding:0 1rem}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background-color:#ffffff80;border:1px solid var(--border-light);margin-bottom:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.dark .badge{background-color:#ffffff0d;border-color:var(--border-dark)}.ping-container{position:relative;display:flex;width:12px;height:12px}.ping{position:absolute;width:100%;height:100%;border-radius:50%;background-color:#4ade80;opacity:.75;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.dot{position:relative;width:12px;height:12px;border-radius:50%;background-color:var(--primary)}.badge-text{font-size:.875rem;font-weight:500;color:#4b5563}body.dark .badge-text{color:#d1d5db}h1{font-size:2.5rem;line-height:1.1;font-weight:800;margin-bottom:1.5rem;color:var(--text-dark)}body.dark h1{color:#fff}@media(min-width:768px){h1{font-size:4.5rem}}.hero-desc{font-size:1.125rem;color:#4b5563;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}body.dark .hero-desc{color:#9ca3af}.cta-group{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}@media(min-width:640px){.cta-group{flex-direction:row}}.btn{padding:1rem 2rem;border-radius:1rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;width:100%}@media(min-width:640px){.btn{width:auto}}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 10px 20px -5px #338d2466;border:none}.btn-primary:hover{transform:translateY(-5px);background-color:#2a751e}.btn-outline{background-color:transparent;color:var(--secondary);border:1px solid var(--secondary)}.btn-outline:hover{background-color:var(--secondary);color:#fff;transform:translateY(-5px)}.floating-features{margin-top:4rem;display:flex;justify-content:center;align-items:center;gap:1rem;font-size:.875rem;color:#6b7280;animation:float 6s ease-in-out infinite}@media(max-width:768px){html{font-size:85%}}.feature-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem}.feature-tag:hover{background-color:#0000000d}body.dark .feature-tag:hover{background-color:#ffffff0d}.separator{width:4px;height:4px;background-color:#9ca3af;border-radius:50%}#layanan{position:relative;padding:6rem 0;background-color:var(--light-bg);z-index:20}body.dark #layanan{background-color:var(--dark-bg)}.fade-overlay{position:absolute;top:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,var(--dark-bg),transparent);opacity:.5;pointer-events:none;display:none}body.dark .fade-overlay{display:block}.section-header{text-align:center;max-width:768px;margin:0 auto 4rem;position:relative;z-index:2}.section-title{font-size:2.25rem;font-weight:700;margin-bottom:1rem;color:var(--text-dark)}body.dark .section-title{color:#fff}.section-subtitle{color:#6b7280;margin-bottom:2rem}body.dark .section-subtitle{color:#9ca3af}.search-wrapper{position:relative;max-width:576px;margin:0 auto}.search-glow{position:absolute;inset:-4px;background:linear-gradient(to right,var(--primary),var(--secondary));border-radius:999px;filter:blur(8px);opacity:.25;transition:opacity .3s}.search-wrapper:hover .search-glow{opacity:.5}.search-box{position:relative;background-color:#fff;border-radius:999px;display:flex;align-items:center;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid var(--border-light);padding:.5rem;transition:box-shadow .3s ease,border-color .3s ease}.search-box:focus-within{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#338d2480}body.dark .search-box{background-color:#16181d;border-color:var(--border-dark)}.search-icon{padding-left:1.5rem;color:#9ca3af}.search-input{width:100%;padding:.75rem 1rem;border:none;outline:none;background:transparent;color:var(--text-dark);font-size:1rem}body.dark .search-input{color:#fff}.search-btn{padding:.5rem 1.5rem;background-color:var(--primary);color:#fff;border:none;border-radius:999px;font-weight:700;cursor:pointer;font-size:.875rem}.search-btn:hover{background-color:#2a751e}.services-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;position:relative;z-index:1}@media(min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.services-grid{grid-template-columns:repeat(4,1fr)}}.service-card{background-color:var(--card-bg-light);border:1px solid var(--border-light);padding:1.5rem;border-radius:1rem;text-decoration:none;display:block;transition:all .3s ease}body.dark .service-card{background-color:var(--card-bg-dark);border-color:var(--border-dark)}.service-card:hover{border-color:#696b6880;transform:translateY(-8px);box-shadow:0 10px 40px -10px #338d2433;display:flex;flex-direction:column;height:100%;min-height:280px}.card-image-area{width:100%;height:120px;background-color:#fff;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}body.dark .card-image-area{background-color:#fff}.service-logo{max-width:80%;max-height:80%;object-fit:contain}.status-badge{align-self:flex-end;margin-top:auto;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.status-green{background-color:#34d3991a;color:#059669;border-color:#05966933}.status-gray{background-color:#9ca3af1a;color:#6b7280;border-color:#6b728033}.status-red{background-color:#ef44441a;color:#dc2626;border-color:#dc262633}.card-title{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;color:var(--text-dark);line-height:1.4}body.dark .card-title{color:#fff}.service-card:hover .card-title{color:var(--primary)}.card-desc{font-size:.875rem;color:#6b7280;line-height:1.6;margin-bottom:auto}.announcement-section{padding:60px 0;font-family:var(--font-main)}.section-header h2{font-size:2rem;font-weight:700;color:var(--text-dark)}.section-header p{font-size:1rem;color:#6b7280;margin-bottom:20px}body.dark .section-header h2{color:#fff}.announcement-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.main-announcement-card{background:var(--card-bg-light);padding:30px;border-radius:12px;border-left:4px solid var(--border-accent);box-shadow:0 4px 15px #0000000d}body.dark .main-announcement-card{background:var(--card-bg-dark);box-shadow:none;border:1px solid var(--border-dark);border-left:4px solid var(--border-accent)}.badge-penting{border:1px solid #DC2626;color:#dc2626;background-color:transparent;padding:6px 16px;border-radius:9999px;font-size:.875rem;font-weight:500;display:inline-block;margin-bottom:12px}.main-announcement-card h3{margin-top:8px;font-size:1.7rem;font-weight:600;color:#1f2937;margin-bottom:16px;line-height:1.2}.main-announcement-card p{color:#4b5563;font-size:1rem;line-height:1.6;margin-bottom:32px}body.dark .main-announcement-card h3{color:#fff}body.dark .main-announcement-card p{color:#9ca3af}.btn-bantuan{background:var(--primary-green);color:#fff;padding:10px 25px;border-radius:8px;text-decoration:none;display:inline-block}.history-timeline h4{margin-bottom:25px;font-size:1.25rem;font-weight:600;color:#1f2937}body.dark .history-timeline h4{color:#fff}.timeline-container{position:relative;padding-left:20px;border-left:1px solid #ddd}.timeline-item{position:relative;margin-bottom:30px}.timeline-dot{position:absolute;left:-26px;top:5px;width:12px;height:12px;border-radius:50%}.dot-green{background:#28a745;box-shadow:0 0 8px #28a745}.dot-white{background:#ccc}.timeline-content h5{margin:5px 0;font-size:1.1rem;font-weight:600;color:#1f2937}body.dark .timeline-content h5{color:#fff}.timestamp{font-size:.75rem;color:var(--text-muted)}.ua-text{font-family:monospace;font-size:.75rem;background:#00000008;padding:5px}.show-more{display:block;text-align:right;color:var(--text-muted);text-decoration:none;font-size:.9rem}footer{background-color:#fff;padding:60px 0 20px;margin-top:auto;border-top:1px solid #eee}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px;margin-bottom:40px}.footer-brand img{height:40px;margin-bottom:15px}.footer-brand p{color:#666;font-size:14px;line-height:1.6;margin-bottom:20px}.social-links{display:flex;gap:15px}.social-links a{color:#333;font-size:20px}.footer-column h4{font-weight:700;margin-bottom:20px;font-size:16px}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:12px}.footer-column ul li a{text-decoration:none;color:#666;font-size:14px}.contact-info li{display:flex;gap:10px;color:#666;font-size:14px;align-items:flex-start}.footer-bottom{padding-top:20px;border-top:1px solid #eee;display:flex;justify-content:space-between;font-size:13px;color:#999}.footer-bottom-links{display:flex;gap:20px}body.dark footer{background-color:#111;border-color:#222;color:#e5e7eb}body.dark .footer-brand p,body.dark .footer-column ul li a,body.dark .contact-info li{color:#d1d5db}body.dark .social-links a{color:#e5e7eb}body.dark .footer-bottom{border-color:#222;color:#9ca3af}body.dark .footer-bottom a{color:#d1d5db}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}svg{width:24px;height:24px}.btn svg{width:20px;height:20px}.icon-box svg{width:28px;height:28px}.auth-body{background-color:#f9fafb;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.auth-container{width:100%;height:100vh;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}@media(min-width:1000px){.auth-container{flex-direction:row}}.auth-left-panel{display:none;position:relative;width:100%;flex-direction:column;padding:2rem;overflow:hidden;z-index:0}@media(min-width:1000px){.auth-left-panel{display:flex;width:50%;padding:5rem;justify-content:space-between}}.auth-logo-area{position:relative;z-index:10;margin-bottom:2rem}@media(min-width:1000px){.auth-logo-area{margin-bottom:0}}.logo-circle-lg{width:4rem;height:4rem;border-radius:50%;border:4px solid #EE5A36;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.logo-text-g{color:#ee5a36;font-weight:700;font-size:1.875rem}.brand-text-lg{font-size:1.25rem;font-weight:700;letter-spacing:.05em;color:#1f2937;text-transform:uppercase}.auth-hero-content{position:relative;z-index:10;margin-top:2.5rem;text-align:center}.login-page .auth-hero-content{text-align:left}@media(min-width:1000px){.auth-hero-content{margin-top:0}}.auth-hero-title{font-size:3rem;font-weight:700;line-height:1;margin-bottom:1rem;color:#4c4c4c}@media(min-width:1000px){.auth-hero-title{font-size:3rem}}.auth-hero-desc{color:#4b5563;font-size:1rem;line-height:1.625;max-width:28rem}.auth-footer-logos{position:relative;z-index:10;display:flex;align-items:center;gap:1rem;margin-top:2.5rem}@media(min-width:1000px){.auth-footer-logos{margin-top:0}}.auth-separator{width:100%;height:1px;background-color:#9ca3af;margin:2rem 0;opacity:.5}.login-page .auth-footer-logos{justify-content:center;gap:1rem}.login-page .auth-footer-logos img,.register-page .auth-footer-logos img,.forgot-password-page .auth-footer-logos img{height:92px;width:auto;object-fit:contain;transition:transform .2s ease;border-radius:8px}.login-page .auth-footer-logos img:hover,.register-page .auth-footer-logos img:hover,.forgot-password-page .auth-footer-logos img:hover{transform:scale(1.05)}.forgot-password-page .footer-logo-box{background-color:transparent;box-shadow:none;padding:0}.forgot-password-page .footer-logo-box img{height:60px;width:auto;object-fit:contain}.bg-grid-pattern{background-image:linear-gradient(rgba(128,128,128,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(128,128,128,.1) 1px,transparent 1px);background-size:40px 40px}.auth-right-panel{width:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem;position:relative;overflow-y:auto}@media(min-width:1000px){.auth-right-panel{width:50%;padding:6rem;justify-content:center}}.auth-form-wrapper{width:100%;max-width:28rem}.auth-header{margin-bottom:1rem}.auth-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.auth-subtitle{color:#6b7280;font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-label{font-size:.875rem;font-weight:500;color:#374151}.form-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #D1D5DB;background-color:#fff;color:#111827;outline:none;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #338d2480}.form-input::placeholder{color:#9ca3af}.btn-auth-primary{display:block;width:100%;padding:1rem;border-radius:.5rem;background:#338d24;color:#fff;font-weight:700;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #338d2433;transition:all .3s;font-size:.875rem;letter-spacing:.025em;margin-top:.5rem}.btn-auth-primary:hover{background:#2a751e;transform:translateY(-2px)}.auth-divider{position:relative;display:flex;padding:.5rem 0;align-items:center;margin:1rem 0}.divider-line{flex-grow:1;border-top:1px solid #E5E7EB}.divider-text{flex-shrink:0;margin:0 1rem;color:#6b7280;font-size:.75rem;font-weight:500}.btn-auth-google{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #D1D5DB;border-radius:.5rem;background-color:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-auth-google:hover{background-color:#f9fafb}.auth-actions-grid{display:flex;gap:1rem;padding-top:.5rem}.action-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border:1px solid #E5E7EB;border-radius:.75rem;cursor:pointer;transition:all .2s;text-decoration:none}.action-card:hover{border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.action-card-icon{margin-bottom:.5rem;color:#9ca3af;transition:color .2s}.action-card:hover .action-card-icon{color:var(--primary)}.action-card-text{font-size:.75rem;font-weight:600;color:#4b5563}.auth-illustration-container{position:relative;width:16rem;height:16rem}@media(min-width:1000px){.auth-illustration-container{width:24rem;height:24rem}}.branding-top-left{display:flex;align-items:center;gap:.75rem}.branding-text-col{display:flex;flex-direction:column}.text-xs-tight{font-size:.625rem;line-height:1.2}.footer-logo-box{height:2.5rem;padding:0 .75rem;background-color:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d;border:1px solid #F3F4F6}.footer-logo-box img{height:1.5rem;width:auto}.footer-logo-text{display:flex;flex-direction:column;margin-left:.5rem}.auth-footer-note{padding-top:1rem;border-top:1px solid #F3F4F6;margin-top:1.5rem}.note-text{font-size:.625rem;color:#6b7280;line-height:1.6;margin-bottom:1rem}.link-back{font-size:1rem;font-weight:700;color:var(--secondary);text-decoration:underline;display:flex;align-items:center;justify-content:center}.logo-circle-sm{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #EE5A36;display:flex;align-items:center;justify-content:center}.logo-text-sm{color:#ee5a36;font-weight:700;font-size:1.125rem}.brand-text-sm{font-size:.875rem;font-weight:700;color:#1f2937;text-transform:uppercase;letter-spacing:.05em}.auth-illustration-wrapper{flex-grow:1;display:flex;align-items:center;justify-content:center;position:relative}.stepper-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.step-item{display:flex;align-items:center;gap:.75rem;opacity:.4;transition:.3s;position:relative;flex:1;justify-content:center}.step-item:first-child{justify-content:center}.step-item:last-child{justify-content:center}.step-item:last-child .step-arrow{display:none}.step-item.active{opacity:1}.step-item.active .step-icon{background-color:var(--primary);color:#fff;border-color:var(--primary)}.step-item.active .step-subtitle{color:var(--primary)}.step-item.completed{opacity:1}.step-item.completed .step-icon{background-color:transparent;border-color:var(--primary);color:var(--primary)}.step-icon{width:48px;height:48px;border-radius:12px;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:#6b7280;background-color:#fff;flex-shrink:0}.step-text{display:flex;flex-direction:column;display:none}@media(min-width:640px){.step-text{display:flex}}.step-title{font-size:.9rem;font-weight:600;color:var(--text-dark)}.step-subtitle{font-size:.75rem;color:#6b7280}.step-arrow{color:#d1d5db;margin-left:auto;padding-left:1rem;display:none}@media(min-width:1000px){.step-arrow{display:block}}.form-row{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.form-row{flex-direction:row}.form-group.half{flex:1}}.form-step{display:none;animation:fadeIn .4s ease}.form-step.active{display:flex;flex-direction:column;gap:.75rem;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-navigation{display:flex;justify-content:space-between;margin-top:.5rem;gap:1rem}.input-icon-right{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.toggle-password{pointer-events:auto;cursor:pointer}.upload-area{border:2px dashed #D1D5DB;border-radius:.75rem;padding:2rem;text-align:center;cursor:pointer;transition:.2s;background-color:#f9fafb;min-height:160px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.upload-area:hover{border-color:var(--primary);background-color:#fdfdfd}.file-input{display:none}.upload-placeholder{display:flex;align-items:center;justify-content:center;color:#9ca3af}.checkbox-container{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.875rem;color:#4b5563;line-height:1.5;position:relative}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:relative;height:18px;width:18px;min-height:18px;min-width:18px;background-color:#fff;border:2px solid #D1D5DB;border-radius:4px;flex-shrink:0;margin-top:2px;display:inline-block}.checkbox-container:hover input~.checkmark{border-color:var(--primary)}.checkbox-container input:checked~.checkmark{background-color:var(--primary);border-color:var(--primary)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.register-page .auth-logo-img{height:120px}@media(min-width:1024px){.register-page .auth-left-panel{flex:0 0 35%;max-width:450px}.register-page .auth-right-panel{flex:1;padding:1.5rem 5%;display:flex;flex-direction:column;justify-content:center;align-items:center}.register-page .auth-form-wrapper{max-width:800px;width:100%}}.register-page .auth-hero-title{font-size:2rem;margin-bottom:.5rem}textarea.form-input{resize:vertical;min-height:100px;font-family:var(--font-main)}.form-navigation{margin-top:1rem;padding-top:0;border-top:none;display:flex;justify-content:space-between;gap:1rem}.btn-prev,.btn-next,button[type=submit]{justify-content:center;padding:.75rem}.stepper-container{max-width:100%;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light)}.step-icon{width:42px;height:42px}.step-title{font-size:.9rem}.auth-form{gap:.75rem}.form-row{gap:1rem}.form-navigation .btn-auth-primary{display:flex;width:auto;min-width:140px;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;box-shadow:none;transition:all .2s;font-size:.875rem;letter-spacing:.025em;align-items:center;justify-content:center;gap:.5rem}.btn-auth-outline{display:flex;width:auto;min-width:140px;padding:.75rem 1.5rem;border-radius:.5rem;background:transparent;color:#9ca3af;font-weight:600;border:1px solid #E5E7EB;cursor:pointer;box-shadow:none;transition:all .2s;font-size:.875rem;letter-spacing:.025em;align-items:center;justify-content:center;gap:.5rem}.btn-auth-outline:hover{color:#4b5563;border-color:#d1d5db;background:#f9fafb;transform:none}@media(max-width:640px){.btn-text{display:none}.form-navigation .btn-auth-primary,.btn-auth-outline{padding:.75rem;min-width:auto}}.input-with-icon{position:relative;width:100%}.input-with-icon .form-input{padding-right:2.5rem}.toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;cursor:pointer;transition:color .2s;z-index:5}.toggle-password:hover{color:#4b5563}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.modal-overlay.show{display:flex;opacity:1}.modal-card{background:#fff;padding:2.5rem;border-radius:1rem;width:90%;max-width:800px;box-shadow:0 25px 50px -12px #00000040;transform:translateY(20px) scale(.95);transition:all .4s cubic-bezier(.16,1,.3,1)}.modal-overlay.show .modal-card{transform:translateY(0) scale(1)}.modal-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-dark)}.modal-content{color:#4b5563;font-size:1.125rem;line-height:1.6}.privacy-scroll-area{max-height:400px;overflow-y:auto;margin-top:1rem;padding-right:.5rem;border:1px solid var(--border-light);border-radius:.75rem;padding:1rem;font-size:.875rem;background-color:#f9fafb}.privacy-scroll-area p{margin-bottom:1rem}.privacy-scroll-area p:last-child{margin-bottom:0}body.dark .modal-card{background:var(--bg-card);border:1px solid var(--border-dark)}body.dark .modal-title{color:#fff}body.dark .modal-content{color:#d1d5db}body.dark .privacy-scroll-area{background-color:#0003;border-color:var(--border-dark);color:#9ca3af}.service-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:280px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);border-top:4px solid transparent;padding:1.5rem;z-index:1}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:10}.service-card:hover .service-logo{transform:scale(1.1)}.card-border-green{border-top-color:#338d24}.card-border-orange{border-top-color:#ee5a36}.card-image-area{display:flex;justify-content:center;align-items:center;height:80px;margin-bottom:1rem;padding:.5rem}.service-logo{max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.card-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.card-desc{font-size:.875rem;color:#6b7280;line-height:1.5;position:relative;margin-bottom:3rem}.status-badge{position:absolute;bottom:1rem;right:1rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid;background-color:transparent}.status-green{color:#338d24;border-color:#338d24;background-color:#338d240d}.status-red{color:#ef4444;border-color:#ef4444;background-color:#ef44440d}body.dark .service-card{background:#1f2937;border-top:4px solid transparent}body.dark .card-border-green{border-top-color:#338d24}body.dark .card-border-orange{border-top-color:#ee5a36}body.dark .card-title{color:#f3f4f6}body.dark .card-desc{color:#9ca3af}body.dark .card-desc:before{background-color:#4b5563}.history-section{padding-top:100px;padding-bottom:80px;background-color:var(--light-bg)}body.dark .history-section{background-color:var(--dark-bg)}.history-header{text-align:center;margin-bottom:3rem}.history-header h2{font-size:2rem;font-weight:700;margin-top:45px;margin-bottom:.5rem;color:var(--text-dark)}body.dark .history-header h2{color:var(--text-light)}.history-header p{color:#6b7280}body.dark .history-header p{color:#9ca3af}.filter-container{display:flex;justify-content:center;margin-bottom:4rem}.filter-bar{display:inline-flex;background-color:#e5e7eb;padding:4px;border-radius:999px}body.dark .filter-bar{background-color:#374151}.filter-btn{border:none;background:transparent;padding:8px 24px;border-radius:999px;font-weight:600;font-size:.875rem;color:#4b5563;cursor:pointer;transition:all .3s ease}body.dark .filter-btn{color:#d1d5db}.filter-btn.active{background-color:#fff;color:var(--text-dark);box-shadow:0 1px 2px #0000001a}body.dark .filter-btn.active{background-color:var(--dark-bg);color:var(--text-light)}.filter-btn:hover:not(.active){color:var(--text-dark)}body.dark .filter-btn:hover:not(.active){color:#fff}.history-timeline{max-width:1100px;margin:0 auto;position:relative;padding-left:20px}.history-item{display:flex;gap:1.5rem;margin-bottom:2rem;position:relative;opacity:1;transition:all .3s ease}.history-item.hidden{display:none;opacity:0}.history-icon-wrapper{display:flex;flex-direction:column;align-items:center;min-width:40px}.history-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;color:#fff;flex-shrink:0}.history-icon.success{background-color:#338d24}.history-icon.warning{background-color:#ee5a36}.history-icon svg{width:16px;height:16px}.history-line{width:2px;flex-grow:1;background-color:#e5e7eb;margin-top:4px;margin-bottom:-28px}body.dark .history-line{background-color:#374151}.history-item:last-child .history-line{display:none}.history-content{flex-grow:1}.history-card{background-color:#fff;border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start;transition:transform .2s;position:relative}body.dark .history-card{background-color:#1f2937;border-color:var(--border-dark)}.history-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.history-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-card-icon.login{background-color:#dcfce7;color:#338d24}body.dark .history-card-icon.login{background-color:#16653433;color:#338d24}.history-card-icon.update{background-color:#ffedd5;color:#9a3412}body.dark .history-card-icon.update{background-color:#9a341233;color:#ee5a36}.history-card-icon svg{width:24px;height:24px}.history-card-details{flex-grow:1}.history-card-details h3{font-size:1.125rem;font-weight:700;color:var(--text-dark);margin-bottom:.25rem}body.dark .history-card-details h3{color:var(--text-light)}.ip-address{color:#6b7280;font-size:.875rem;margin-bottom:1rem}body.dark .ip-address{color:#9ca3af}.meta-info{display:flex;flex-direction:column;gap:.5rem;font-size:.75rem;color:#9ca3af}.user-agent{font-size:.75rem;color:#6f6f6f;margin-bottom:1rem}@media(min-width:640px){.meta-info{flex-direction:row;align-items:center;gap:1.5rem}}.meta-info span{display:flex;align-items:center;gap:6px}.history-badge{position:absolute;top:1.5rem;right:1.5rem;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}@media(max-width:640px){.history-badge{position:static;margin-top:1rem;display:inline-block}.history-card{flex-direction:column}}.history-badge.success{background-color:#338d24;color:#fff}.history-badge.warning{background-color:#ee5a36;color:#fff}.settings-section{padding-top:100px;padding-bottom:80px;background-color:var(--light-bg);min-height:100vh}.settings-header{text-align:center;margin-bottom:3rem}.settings-header h2{font-size:2rem;font-weight:700;margin-top:20px;margin-bottom:.5rem;color:var(--text-dark)}body.dark .settings-header h2{color:var(--text-light)}.settings-header p{color:#6b7280}body.dark .settings-header p{color:#9ca3af}.settings-tabs-container{display:flex;justify-content:center;margin-bottom:2rem}.settings-tabs{display:inline-flex;background-color:#e5e7eb;padding:4px;border-radius:999px;width:100%;max-width:800px;justify-content:space-between}body.dark .settings-tabs{background-color:#374151}.settings-tab-btn{border:none;background:transparent;padding:10px 20px;border-radius:999px;font-weight:600;font-size:.875rem;color:#4b5563;cursor:pointer;transition:all .3s ease;flex:1;text-align:center}body.dark .settings-tab-btn{color:#d1d5db}.settings-tab-btn.active{background-color:#fff;color:var(--text-dark);box-shadow:0 1px 2px #0000001a}body.dark .settings-tab-btn.active{background-color:var(--dark-bg);color:var(--text-light)}.settings-tab-btn:hover:not(.active){color:var(--text-dark)}body.dark .settings-tab-btn:hover:not(.active){color:#fff}.settings-content{max-width:1100px;margin:0 auto;display:none}.settings-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.settings-card{background-color:#fff;border:1px solid var(--border-light);border-radius:12px;padding:2rem;margin-bottom:2rem}.card-header h3{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:.25rem}body.dark .card-header h3{color:var(--text-light)}.card-header p{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem}body.dark .card-header p{color:#9ca3af}.form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--text-dark)}.form-input{width:100%;padding:.75rem 1rem;background-color:#f9fafb;border:1px solid var(--border-light);border-radius:.5rem;color:var(--text-dark);font-size:.875rem;transition:all .2s}body.dark .form-input{background-color:#111827;border-color:var(--border-dark);color:#fff}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}body.dark .slider{background-color:#4b5563}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#84cc16}input:checked+.slider:before{transform:translate(22px)}.btn-danger{background-color:#ef4444;color:#fff;transition:background-color .2s}.btn-danger:hover{background-color:#dc2626}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.pb-2{padding-bottom:.5rem}.border-b{border-bottom:1px solid var(--border-light)}body.dark .border-b{border-color:var(--border-dark)}.help-page{padding-top:80px;background-color:var(--light-bg)}body.dark .help-page{background-color:var(--dark-bg)}.help-hero{text-align:center;padding:3rem 1rem;background:#fff;margin-bottom:1rem}body.dark .help-hero{background:transparent}.help-hero h1{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}body.dark .help-hero h1{color:var(--text-light)}.help-hero p{color:#6b7280;font-size:1rem}.help-card-container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;padding-bottom:4rem}.help-card{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid var(--border-light);position:relative;overflow:hidden}.method-2-card{background-color:#f8f9fa;border:1px solid var(--border-light);border-radius:12px;padding:2rem;margin-top:2rem}.faq-section{max-width:1100px;margin:0 auto;padding:2rem 1rem}.faq-filter-dropdown{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);width:250px;background-color:#fff;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;margin-top:5px}.faq-filter-dropdown.show{display:block;animation:fadeIn .2s ease}body.dark .faq-filter-dropdown{background-color:var(--card-bg-dark);border-color:var(--border-dark)}.filter-dropdown-container{position:relative;z-index:10}.filter-option{padding:10px 16px;cursor:pointer;font-size:.9rem;color:var(--text-dark);transition:background-color .2s}body.dark .filter-option{color:var(--text-light)}.filter-option:hover{background-color:#f3f4f6;color:var(--primary)}body.dark .filter-option:hover{background-color:#ffffff0d;color:var(--primary)}.faq-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;text-align:left;border-bottom:2px solid var(--border-light);padding-bottom:1.5rem;position:relative;z-index:2}body.dark .faq-header{border-color:var(--border-dark)}.header-text h2{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-dark)}.header-text p{color:#6b7280;margin-bottom:0;font-size:1rem}body.dark .header-text h2{color:var(--text-light)}body.dark .header-text p{color:#9ca3af}.btn-filter-faq{background-color:#fff;border:1px solid var(--border-light);color:var(--text-dark);padding:.6rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;transition:all .2s;height:fit-content;white-space:nowrap}.btn-filter-faq:hover{border-color:var(--primary);color:var(--primary);background-color:#f0fdf4}body.dark .btn-filter-faq{background-color:var(--card-bg-dark);border-color:var(--border-dark);color:var(--text-light)}body.dark .btn-filter-faq:hover{background-color:#338d241a;border-color:var(--primary)}.accordion-container{display:flex;flex-direction:column;gap:0;height:600px;overflow-y:auto;padding-right:10px}.accordion-container::-webkit-scrollbar{width:6px}.accordion-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.accordion-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.accordion-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}body.dark .accordion-container::-webkit-scrollbar-track{background:#1f2937}body.dark .accordion-container::-webkit-scrollbar-thumb{background:#4b5563}body.dark .accordion-container::-webkit-scrollbar-thumb:hover{background:#6b7280}.accordion-container h3{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:.25rem}body.dark .accordion-container h3{color:var(--text-light)}.accordion-subtitle{margin-bottom:2rem;color:#6b7280;font-size:.95rem}.accordion-item{background-color:transparent;border:none;border-bottom:1px solid var(--border-light);padding:0;margin-bottom:0;transition:all .2s ease}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;padding:1.25rem 0;font-size:1.125rem;font-weight:600;color:var(--text-dark);cursor:pointer;text-align:left;transition:color .2s}.accordion-header:hover{color:var(--primary)}body.dark .accordion-header:hover{color:var(--primary)}.accordion-icon{width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-left:1rem;color:#9ca3af}.accordion-header:hover .accordion-icon{color:var(--primary)}.accordion-header.active .accordion-icon{transform:rotate(180deg);color:var(--primary)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.accordion-body{padding-top:0;padding-bottom:1.5rem;color:#4b5563;font-size:1rem;line-height:1.6;max-width:90%}.help-card-container{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1000px;margin:0 auto}.help-card{background-color:#fff;border:1px solid var(--border-light);border-radius:12px;padding:2rem;position:relative;overflow:hidden;width:100%}@media(max-width:768px){.help-card{padding:1.5rem}}body.dark .help-card{background:var(--bg-card);border-color:var(--border-dark)}.help-card:before{content:"";position:absolute;left:0;top:2rem;bottom:2rem;width:4px;background-color:var(--secondary);border-radius:0 4px 4px 0}.help-card h2{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-dark)}body.dark .help-card h2{color:var(--text-light)}.help-subtitle{color:#6b7280;font-size:.9rem;margin-bottom:2rem}.guide-steps h3{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:var(--text-dark)}body.dark .guide-steps h3{color:var(--text-light)}.video-placeholder{width:100%;height:200px;background-color:#e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;cursor:pointer}body.dark .video-placeholder{background-color:#374151}.play-button{width:50px;height:50px;background-color:#00000080;border-radius:50%;position:relative}.play-button:after{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid white}.caption-text{text-align:center;font-size:.875rem;color:#6b7280;margin-bottom:2rem}.step-list{list-style:none;counter-reset:step-counter;margin-left:0}.step-list li{counter-increment:step-counter;position:relative;padding-left:2rem;margin-bottom:1.5rem;color:var(--text-dark);font-size:1rem;font-weight:600}body.dark .step-list li{color:var(--text-light)}.step-list li:before{content:counter(step-counter) ".";position:absolute;left:0;font-weight:800;color:var(--primary)}body.dark .step-list li:before{color:var(--text-light)}.step-list li p{color:#6b7280;font-size:.9rem;margin-top:.5rem;font-weight:400;line-height:1.5}.code-badge{background-color:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.9em;color:var(--text-dark);border:1px solid #E5E7EB}body.dark .code-badge{background-color:#374151;color:var(--text-light);border-color:#4b5563}.qr-placeholder-small{width:150px;height:150px;background-color:#e5e7eb;border-radius:8px;margin-top:1rem}body.dark .qr-placeholder-small{background-color:#374151}.chat-id-input-group{margin-top:1rem;margin-bottom:1rem}.chat-id-input-group label{display:block;font-size:.85rem;color:#6b7280;margin-bottom:.25rem}.form-input{width:100%;padding:.75rem;border:1px solid var(--border-light);border-radius:8px;background:#f9fafb;color:var(--text-dark);font-size:.95rem}body.dark .form-input{background:#1f2937;border-color:var(--border-dark);color:var(--text-light)}.button-group{display:flex;gap:1rem}@media(max-width:480px){.button-group{flex-direction:column;gap:.75rem}.btn-uji-coba,.btn-hubungkan{width:100%;justify-content:center;text-align:center}}.btn-uji-coba{padding:.5rem 1.5rem;border:1px solid var(--secondary);color:var(--secondary);background:transparent;border-radius:6px;font-weight:600;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-uji-coba:hover{background-color:var(--secondary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px #ee5a3633}.btn-uji-coba:active{transform:translateY(0)}.btn-hubungkan{padding:.5rem 1.5rem;background-color:var(--primary);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-hubungkan:hover{background-color:#2a751e;transform:translateY(-2px);box-shadow:0 4px 6px #338d244d}.btn-hubungkan:active{transform:translateY(0)}.method-divider{height:1px;background-color:var(--border-light);margin:2rem 0}body.dark .method-divider{background-color:var(--border-dark)}.method-2-card{background-color:#f8f9fa;border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;margin-top:2rem}body.dark .method-2-card{background-color:var(--card-bg-dark);border-color:var(--border-dark)}.method-2-container{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.method-2-content{flex:1}.method-2-action{display:flex;flex-direction:column;align-items:center;gap:1rem}@media(max-width:768px){.method-2-action{width:100%}}.btn-generate-qr{background-color:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:.85rem;transition:all .3s ease}.btn-generate-qr:hover{background-color:#2a751e;transform:translateY(-2px);box-shadow:0 4px 6px #338d244d}.btn-generate-qr:active{transform:translateY(0)}.btn-check-integration{background-color:transparent;color:var(--primary);border:1px solid var(--primary);padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:.85rem;transition:all .2s ease}.btn-check-integration:hover{background-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px #338d2433}.btn-check-integration:active{transform:translateY(0)}.qr-placeholder-large{width:120px;height:120px;background-color:#e5e7eb;border-radius:8px}body.dark .qr-placeholder-large{background-color:#374151}.faq-section{margin-top:3rem}.faq-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.faq-header h2{font-size:1.5rem;font-weight:700;margin-right:1rem}.faq-header p{color:#6b7280;font-size:.9rem;flex:1}.btn-filter-faq{display:flex;align-items:center;padding:.5rem 1rem;border:1px solid var(--border-light);border-radius:6px;background:#fff;color:var(--secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-filter-faq:hover{background-color:#f9fafb;border-color:var(--secondary);transform:translateY(-1px)}.btn-filter-faq:active{transform:translateY(0)}body.dark .btn-filter-faq{background:var(--dark-bg);border-color:var(--border-dark)}.accordion-container h3{background:#f3f4f6;padding:1rem;border-radius:8px;font-size:1.1rem;font-weight:700;margin-bottom:.25rem;color:var(--text-dark)}body.dark .accordion-container h3{background:#1f2937;color:var(--text-light)}.accordion-subtitle{font-size:.85rem;color:#6b7280;margin-bottom:1.5rem;padding-left:1rem}.accordion-item{border-bottom:1px solid var(--border-light)}body.dark .accordion-item{border-color:var(--border-dark)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;background:transparent;border:none;cursor:pointer;text-align:left;font-size:1rem;font-weight:600;color:var(--text-dark)}body.dark .accordion-header{color:var(--text-light)}.accordion-icon{width:20px;height:20px;transition:transform .3s ease;color:#9ca3af}.accordion-header[aria-expanded=true] .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-body{padding-bottom:1.5rem;color:#6b7280;font-size:.95rem;line-height:1.6}body.dark .accordion-body{color:#9ca3af}@media(max-width:768px){.method-2-container,.faq-header{flex-direction:column;align-items:flex-start}}.settings-2fa-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:1rem}@media(min-width:768px){.settings-2fa-grid{grid-template-columns:1fr 1fr}}.fa-column{display:flex;flex-direction:column}.fa-step-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-dark)}body.dark .fa-step-title{color:var(--text-light)}.fa-step-desc{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem;line-height:1.5}body.dark .fa-step-desc{color:#9ca3af}.qr-code-container{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:1rem;border-radius:8px;border:1px solid var(--border-light);width:fit-content;margin:0 auto}body.dark .qr-code-container{background-color:#fff;border-color:var(--border-dark)}.btn-success{background-color:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s;width:100%}@media(min-width:768px){.btn-success{width:auto}}.session-item{display:flex;align-items:flex-start;padding:1.5rem;border:1px solid var(--border-light);border-radius:8px;margin-bottom:1rem;transition:all .2s;background-color:#f9fafb}body.dark .session-item{background-color:#ffffff0d;border-color:var(--border-dark)}.session-item.active{background-color:#f0fdf4;border-color:#4ade80}body.dark .session-item.active{background-color:#338d241a;border-color:var(--primary)}.session-icon-wrapper{margin-right:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#e5e7eb;border-radius:8px;color:#6b7280}body.dark .session-icon-wrapper{background-color:#374151;color:#9ca3af}.session-item.active .session-icon-wrapper{background-color:#fff;color:var(--primary);border:1px solid #4ade80}body.dark .session-item.active .session-icon-wrapper{background-color:#338d2433;border-color:var(--primary);color:var(--primary)}.session-icon{width:24px;height:24px}.session-details{flex:1}.session-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.session-details h4{font-size:1rem;font-weight:700;color:var(--text-dark);margin:0}body.dark .session-details h4{color:var(--text-light)}.badge-current{background-color:var(--primary);color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:4px}.btn-delete-session{background:transparent;border:none;color:#ef4444;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.25rem}.btn-delete-session:hover{text-decoration:underline}.btn-delete-session:before{content:"";width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23EF4444'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.session-ip{font-family:monospace;font-size:.9rem;color:#4b5563;margin-bottom:.25rem}body.dark .session-ip{color:#9ca3af}.session-meta{font-size:.8rem;color:#9ca3af;display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;display:inline-block}.btn-logout-all{width:100%;background-color:#fef2f2;border:1px solid #FCA5A5;color:#ef4444;font-weight:700;padding:1rem;border-radius:8px;margin-top:1rem;cursor:pointer;transition:all .2s}.btn-logout-all:hover{background-color:#fee2e2}body.dark .btn-logout-all{background-color:#ef44441a;border-color:#ef44444d}.profile-section{padding-top:100px;padding-bottom:80px;background-color:var(--light-bg);min-height:100vh}.profile-header{text-align:center;margin-bottom:3rem}.profile-header h2{font-size:2rem;font-weight:700;margin-top:20px;margin-bottom:.5rem;color:var(--text-dark)}.profile-header p{color:#6b7280}body.dark .profile-header p{color:#9ca3af}.profile-card{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border-light);margin-bottom:2rem;width:100%;max-width:1000px;margin-left:auto;margin-right:auto}body.dark .profile-card{background:var(--card-bg-dark);border-color:var(--border-dark)}.profile-card-header{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}@media(min-width:768px){.profile-card-header{flex-direction:row;text-align:left;padding:3rem}}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0}body.dark .profile-avatar-large{background-color:#374151;color:#9ca3af}.profile-avatar-large svg{width:64px;height:64px}.profile-info-header p{color:#6b7280;margin-bottom:1.5rem}body.dark .profile-info-header p{color:#9ca3af}.profile-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.profile-action .upload-action{flex-grow:1}@media(min-width:768px){.profile-actions{justify-content:flex-start}}.btn-outline-sm{background:transparent;border:1px solid var(--border-light);color:#4b5563;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;transition:all .2s}.btn-outline-sm:hover{border-color:#9ca3af;background-color:#f9fafb}body.dark .btn-outline-sm{border-color:var(--border-dark);color:#d1d5db}body.dark .btn-outline-sm:hover{background-color:#ffffff0d;border-color:#6b7280}@media(min-width:768px){.profile-form-grid{grid-template-columns:1fr 1fr}.full-width{grid-column:span 2}}.form-action-right{display:flex;justify-content:flex-end;margin-top:2rem}.custom-dropdown{position:relative;width:200px;font-family:var(--font-main);-webkit-user-select:none;user-select:none}.filter-glow{position:absolute;inset:-4px;background:linear-gradient(to right,var(--primary),var(--secondary));border-radius:999px;filter:blur(8px);opacity:.25;transition:opacity .3s;pointer-events:none;z-index:0}.custom-dropdown:hover .filter-glow{opacity:.5}.dropdown-header{position:relative;z-index:1;background-color:#fff;color:#9ca3af;padding:.5rem 1rem;border-radius:999px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500;transition:all .3s ease;border:1px solid var(--border-light);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.dropdown-header:hover{background-color:#f9fafb;border-color:#338d2480;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-icon{color:#9ca3af;transition:color .3s ease}body.dark .dropdown-icon{color:#9ca3af}.dropdown-arrow{width:20px;height:20px;transition:transform .3s ease;color:#9ca3af}.custom-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-list{position:absolute;top:100%;left:0;width:100%;margin-top:4px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;list-style:none;padding:0;display:none;z-index:50;overflow:hidden;border:1px solid var(--border-light)}.custom-dropdown.open .dropdown-list{display:block;animation:fadeIn .1s ease-out}.dropdown-item{padding:.75rem 1rem;color:#374151;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background-color:#f3f4f6;color:var(--primary)}body.dark .filter-glow{opacity:.15}body.dark .dropdown-header{background-color:#16181d;color:#9ca3af;border-color:var(--border-dark)}body.dark .dropdown-header:hover{background-color:#ffffff0d;border-color:#6b7280}body.dark .dropdown-list{background-color:#1f2937;border-color:var(--border-dark)}body.dark .dropdown-item{color:#d1d5db}body.dark .dropdown-item:hover{background-color:#374151;color:var(--primary)}.search-filter-container{display:flex;justify-content:center;align-items:center;gap:1rem;max-width:900px;margin:2rem auto 0;position:relative;z-index:10}.search-filter-container .search-wrapper{flex:2;min-width:300px;margin:0}.search-filter-container .filter-dropdown-wrapper{flex:1;min-width:200px}@media(max-width:768px){.search-filter-container{flex-direction:column;align-items:stretch}}.help-page{position:relative;overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box;background-image:linear-gradient(rgba(128,128,128,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(128,128,128,.05) 1px,transparent 1px);background-size:40px 40px;min-height:100vh;padding-top:100px;padding-bottom:40px}body.dark .help-page{background-image:linear-gradient(rgba(128,128,128,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(128,128,128,.1) 1px,transparent 1px)}.help-hero,.help-content-section{background-color:transparent;position:relative;z-index:1}.profile-section{position:relative;padding-top:120px;padding-bottom:60px;min-height:100vh;background-color:var(--light-bg);overflow:hidden;background-image:linear-gradient(rgba(128,128,128,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(128,128,128,.1) 1px,transparent 1px);background-size:40px 40px}body.dark .profile-section{background-color:var(--dark-bg)}.profile-section:before{content:"";position:absolute;top:20%;left:20%;width:400px;height:400px;background:var(--primary);opacity:.15;filter:blur(100px);transform:translate(-50%,-50%);border-radius:50%;z-index:0;pointer-events:none}.profile-section:after{content:"";position:absolute;bottom:20%;right:20%;width:400px;height:400px;background:var(--secondary);opacity:.15;filter:blur(100px);transform:translate(50%,50%);border-radius:50%;z-index:0;pointer-events:none}body.dark .profile-section:before,body.dark .profile-section:after{opacity:.25}.profile-header{margin-bottom:2rem;text-align:center;position:relative;z-index:1}.profile-header h2{font-size:2rem;font-weight:800;color:var(--text-dark);margin-bottom:.5rem}body.dark .profile-header h2{color:var(--text-light)}.profile-header p{color:var(--text-muted);margin-bottom:3rem}.profile-card{background-color:var(--card-bg-light);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-bottom:2rem;border:1px solid var(--border-light);position:relative;z-index:1}body.dark .profile-card{background-color:var(--card-bg-dark);border-color:var(--border-dark)}.profile-card-header{display:flex;align-items:center;gap:2rem}@media(max-width:640px){.profile-card-header{flex-direction:column;text-align:center}}.profile-avatar-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--primary));padding:3px;flex-shrink:0}.profile-avatar-large svg{width:100%;height:100%;background-color:#fff;border-radius:50%;padding:1.5rem;color:var(--text-muted)}body.dark .profile-avatar-large svg{background-color:var(--dark-bg);color:var(--text-light)}.profile-info-header h3{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.25rem}body.dark .profile-info-header h3{color:var(--text-light)}.profile-info-header p{color:var(--text-muted);margin-bottom:1rem}.profile-actions{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width:640px){.profile-actions{justify-content:center}}.btn-outline-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:.5rem;background-color:transparent;font-weight:600;display:inline-flex;align-items:center;transition:all .2s;cursor:pointer;border:1px solid var(--border-light);color:var(--text-dark)}body.dark .btn-outline-sm{color:var(--text-light)}#btn-edit-profile{border-color:var(--primary);color:var(--primary)}#btn-edit-profile:hover{background-color:#338d241a}#btn-upload-photo{border-color:var(--secondary);color:var(--secondary)}#btn-upload-photo:hover{background-color:#ee5a361a}#btn-edit-profile.btn-cancel{border-color:#ef4444;color:#ef4444}#btn-edit-profile.btn-cancel:hover{background-color:#ef44441a}.profile-form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.profile-form-grid{grid-template-columns:repeat(2,1fr)}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-dark)}body.dark .form-group label{color:var(--text-light)}.form-input{padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-light);background-color:#fff;color:var(--text-dark);font-size:1rem;width:100%;transition:border-color .2s,box-shadow .2s}body.dark .form-input{background-color:#0003;border-color:var(--border-dark);color:var(--text-light)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #338d241a}.form-input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:1;color:#6b7280;border-color:#e5e7eb}body.dark .form-input:disabled{background-color:#ffffff08;color:#ffffffb3;border-color:#ffffff0f}.form-action-right{display:flex;justify-content:flex-end;margin-top:1rem}.btn-success{background-color:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-success:hover{background-color:#2a751e}.settings-section{position:relative;padding-top:120px;padding-bottom:60px;min-height:100vh;background-color:var(--light-bg);overflow:hidden;background-image:linear-gradient(rgba(128,128,128,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(128,128,128,.1) 1px,transparent 1px);background-size:40px 40px}body.dark .settings-section{background-color:var(--dark-bg)}.settings-section:before{content:"";position:absolute;top:20%;left:20%;width:400px;height:400px;background:var(--primary);opacity:.15;filter:blur(100px);transform:translate(-50%,-50%);border-radius:50%;z-index:0;pointer-events:none}.settings-section:after{content:"";position:absolute;bottom:20%;right:20%;width:400px;height:400px;background:var(--secondary);opacity:.15;filter:blur(100px);transform:translate(50%,50%);border-radius:50%;z-index:0;pointer-events:none}body.dark .settings-section:before,body.dark .settings-section:after{opacity:.25}.settings-header,.settings-tabs-container,.settings-content{position:relative;z-index:1}.settings-card{background-color:var(--card-bg-light);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border-light);margin-bottom:2rem}body.dark .settings-card{background-color:var(--card-bg-dark);border-color:var(--border-dark)}.card-desc{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;margin-bottom:8px}.card-desc.expanded{-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.read-more-link{font-size:.85rem;font-weight:600;color:var(--primary);text-decoration:none;cursor:pointer;display:inline-block;margin-top:4px}.read-more-link:hover{text-decoration:underline}@media(max-width:750px){nav{padding-bottom:5px}.nav-top{flex-wrap:nowrap;min-height:60px;padding:0 15px;position:relative;justify-content:center;align-items:center}.nav-top-left,.nav-top-right{display:contents}.nav-top-center{width:auto;margin:0;position:absolute;left:50%;transform:translate(-50%);z-index:10;order:unset}.nav-icon-btn{margin:0!important}.mobile-nav-right{position:absolute;right:15px!important;top:50%;transform:translateY(-50%);z-index:10;margin:0!important}.nav-top-right{order:3}.nav-icon-btn{width:36px;height:36px}.nav-bottom{gap:15px;padding:5px 0 10px;overflow-x:auto;justify-content:center;white-space:nowrap}.nav-link{font-size:13px;gap:5px}#hero-section{padding-top:150px;padding-bottom:40px;text-align:center;background-position:center top}h1{font-size:1.8rem;margin-bottom:1rem}.hero-desc{font-size:1rem;padding:0;margin-bottom:2rem}.cta-group{flex-direction:column;width:100%;gap:.75rem}.btn{width:100%;justify-content:center}.floating-features{flex-direction:column;gap:.5rem;margin-top:2rem}.separator{display:none}.blob{opacity:.25;width:200px;height:200px}.blob-1{top:15%;left:-10%}.blob-2{bottom:10%;right:-10%}.container{padding:0 1.25rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{min-height:auto}.announcement-grid{grid-template-columns:1fr}.history-timeline{padding-left:0}.footer-grid{grid-template-columns:1fr;text-align:center;gap:2rem}.footer-brand{display:flex;flex-direction:column;align-items:center}.social-links{justify-content:center}.footer-column h4{margin-bottom:1rem}.footer-column ul{padding:0;display:flex;flex-direction:column;align-items:center}.footer-column ul li{text-align:center}.contact-info li{flex-direction:column;align-items:center;text-align:center;gap:.5rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center;padding-top:1.5rem}.footer-bottom-links{justify-content:center}.history-section{padding-top:150px}.filter-container{margin-bottom:2rem;width:100%;padding:0;overflow:visible}.filter-bar{display:flex;width:100%;justify-content:space-between;gap:5px;background-color:#e5e7eb;margin:0}.filter-btn{flex:1;padding:8px 0;font-size:.75rem;text-align:center;justify-content:center;white-space:nowrap}.history-item{gap:1rem}.history-icon-wrapper{min-width:32px}.history-icon{width:32px;height:32px}.history-line{margin-top:0;margin-bottom:-32px;width:2px}.history-card{flex-direction:column;padding:1rem;gap:.75rem}.history-card-icon{width:40px;height:40px;border-radius:8px}.history-badge{position:static;margin-top:.5rem;display:inline-block}.meta-info{gap:.5rem}.help-page{padding-top:150px}.search-filter-container{flex-direction:column;padding:0;margin-top:1.5rem;align-items:center}.search-wrapper,.filter-dropdown-wrapper{width:100%;max-width:500px;display:flex;justify-content:center}.custom-dropdown{width:100%}.settings-section{padding-top:150px}.settings-tabs-container{overflow-x:auto;margin-left:-1.25rem;width:calc(100% + 2.5rem);padding:0 1.25rem 10px;justify-content:flex-start}.settings-tabs{width:auto}.settings-tab-btn{white-space:nowrap;padding:8px 16px}.settings-2fa-grid{grid-template-columns:1fr}.session-item{flex-direction:column;align-items:flex-start}.session-icon-wrapper{margin-bottom:.5rem}.session-title-row{flex-wrap:wrap;gap:.5rem}.profile-section{padding-top:150px;padding-bottom:40px}.profile-card-header{flex-direction:column;text-align:center;padding:1.5rem}.profile-avatar-large{width:80px;height:80px}.profile-info-header h3{font-size:1.25rem}.profile-actions{justify-content:center;width:100%}.btn-outline-sm{flex:1;justify-content:center}#file-upload{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.profile-form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.modal-card{width:95%;padding:1.5rem;margin:1rem;max-height:90vh;display:flex;flex-direction:column}.modal-title{font-size:1.25rem;text-align:center}.modal-content{font-size:.95rem;overflow-y:auto}.privacy-scroll-area{max-height:300px}}@media(max-width:770px){.mobile-only{display:flex!important}.desktop-only{display:none!important}body{padding-bottom:80px}body,html{overflow-x:hidden;width:100%;max-width:100%}.nav-top{padding:10px;justify-content:space-between}.nav-top-left,.nav-top-right{flex:0 0 auto}.nav-top-center{position:absolute;left:50%;transform:translate(-50%);width:auto;font-size:14px;white-space:nowrap}.nav-bottom{top:auto;position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:400px;background-color:var(--card-bg-light);border:1px solid var(--border-light);padding:12px 16px;z-index:1000;justify-content:space-around;box-shadow:0 4px 20px #0000001a;gap:0;border-radius:20px}body.dark .nav-bottom{background-color:var(--card-bg-dark);border:1px solid var(--border-dark)}.nav-link{flex-direction:column;gap:4px;font-size:10px;padding:0 4px;min-width:50px;justify-content:center}.nav-link svg{width:20px;height:20px}.help-page,.settings-section,.profile-section,#hero-section,.history-section{padding-top:100px!important;padding-bottom:90px}.container{padding-left:1.25rem;padding-right:1.25rem}.services-grid,.help-card-container,.settings-2fa-grid{gap:1.25rem}}@media(min-width:769px){.mobile-only{display:none!important}}@media(max-width:750px){.profile-card{padding:1.5rem}}.mobile-logo-top,.mobile-logo-bottom{display:none}@media(max-width:999px){.mobile-logo-top{display:flex;justify-content:center;margin-bottom:2rem}.mobile-logo-top img{height:clamp(100px,15vw,150px);width:auto;max-width:90%}.mobile-logo-bottom{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(.5rem,2vw,1.5rem);margin-top:2.5rem;margin-bottom:1rem}.mobile-logo-bottom img{height:clamp(50px,10vw,100px);width:auto;max-width:45%;opacity:.8}.auth-left-panel{display:none}.auth-right-panel{padding:1.5rem;width:100%}.auth-form-wrapper{padding:0;width:100%;max-width:100%}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-label{font-size:.875rem;margin-bottom:.25rem}.form-input{padding:.75rem 1rem;font-size:.95rem}.btn-auth-primary,.btn-auth-google,.btn-auth-outline{padding:.75rem;font-size:.95rem}.stepper-container{margin-bottom:1.5rem;transform:scale(.9);transform-origin:center}html:has(body.auth-body){background-color:#fff}body.auth-body{min-height:100vh;height:auto;overflow-y:auto;overflow-x:hidden;background-color:#fff!important}.auth-container{min-height:100vh;display:flex;flex-direction:column;height:auto;padding-bottom:0;box-shadow:none;overflow:visible}.auth-right-panel{padding:1rem 1.5rem;min-height:auto;flex:1;display:flex;flex-direction:column;justify-content:center}.mobile-logo-top{margin-bottom:1rem}.mobile-logo-bottom{margin-top:1rem;margin-bottom:0}}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}