:root{--nij-green:#39870c;--nij-green-dark:#2d6b0a;--nij-green-light:#e8f5e0;--nij-red:#c00;--nij-red-dark:#a00;--nij-gray-light:#f5f5f5;--nij-gray:#e0e0e0;--nij-gray-dark:#666;--nij-text:#333;--nij-white:#fff;--nij-link:#39870c;--nij-border:#ccc;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--nij-text);background:var(--nij-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:var(--nij-link);text-decoration:underline}a:hover{color:var(--nij-green-dark)}.site-header{background:var(--nij-white);border-bottom:3px solid var(--nij-red);padding:0}.header-top{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:16px 20px;display:flex}.logo{color:var(--nij-text);align-items:center;gap:12px;text-decoration:none;display:flex}.logo-icon{width:48px;height:48px}.logo-text{color:var(--nij-text);font-size:24px;font-weight:700}.logo-text span{color:var(--nij-red)}.lang-toggle{align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.lang-btn{cursor:pointer;color:var(--nij-gray-dark);font:inherit;background:0 0;border:none;border-radius:3px;padding:6px 8px}.lang-btn:hover{color:var(--nij-text);background:var(--nij-gray-light)}.lang-btn.active{color:var(--nij-green-dark);text-decoration:underline}.lang-sep{color:var(--nij-border)}.header-search{gap:0;display:flex}.header-search input{border:2px solid var(--nij-border);border-right:none;border-radius:4px 0 0 4px;outline:none;width:300px;padding:10px 16px;font-size:16px}.header-search input:focus{border-color:var(--nij-green)}.header-search button{background:var(--nij-green);color:#fff;border:2px solid var(--nij-green);cursor:pointer;border-radius:0 4px 4px 0;padding:10px 20px;font-size:16px;font-weight:600}.header-search button:hover{background:var(--nij-green-dark)}.site-nav{background:var(--nij-green)}.site-nav ul{max-width:var(--max-width);margin:0 auto;padding:0 20px;list-style:none;display:flex}.site-nav li a{color:#fff;padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none;display:block}.site-nav li a:hover,.site-nav li a.active{background:var(--nij-green-dark);color:#fff}.breadcrumbs{max-width:var(--max-width);color:var(--nij-gray-dark);margin:0 auto;padding:16px 20px;font-size:14px}.breadcrumbs a{color:var(--nij-gray-dark);text-decoration:none}.breadcrumbs a:hover{color:var(--nij-green);text-decoration:underline}.breadcrumbs span{margin:0 6px}.main-content{max-width:var(--max-width);margin:0 auto;padding:32px 20px 60px}.page-title{color:var(--nij-text);margin-bottom:24px;font-size:32px;font-weight:700}.page-intro{color:var(--nij-gray-dark);margin-bottom:32px;font-size:18px;line-height:1.7}.main-content h2{color:var(--nij-text);margin:32px 0 12px;font-size:22px}.main-content p,.main-content li{margin-bottom:8px;font-size:16px;line-height:1.7}.main-content ul{margin-bottom:16px;margin-left:24px}.service-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px;display:grid}.service-card{border:1px solid var(--nij-gray);border-radius:6px;padding:24px;transition:box-shadow .2s,border-color .2s}.service-card:hover{border-color:var(--nij-green);box-shadow:0 4px 12px #0000001a}.service-card h3{margin-bottom:8px}.service-card h3 a{color:var(--nij-green);font-size:18px;text-decoration:none}.service-card h3 a:hover{text-decoration:underline}.service-card p{color:var(--nij-gray-dark);font-size:14px;line-height:1.5}.category-section{margin-bottom:48px}.category-section h2{border-bottom:2px solid var(--nij-green);color:var(--nij-text);margin-bottom:20px;padding-bottom:10px;font-size:24px}.hero{background:var(--nij-green-light);margin-bottom:40px;padding:48px 20px}.hero-inner{max-width:var(--max-width);margin:0 auto}.hero h1{color:var(--nij-text);margin-bottom:12px;font-size:36px}.hero p{color:var(--nij-gray-dark);font-size:18px}.toptaken{max-width:var(--max-width);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:32px auto;padding:0 20px;display:grid}.toptaken a{background:var(--nij-white);border:2px solid var(--nij-green);color:var(--nij-green);border-radius:6px;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.toptaken a:hover{background:var(--nij-green);color:#fff}.toptaken a:before{content:"→";font-size:20px}.product-layout{grid-template-columns:1fr 320px;gap:40px;display:grid}@media (width<=768px){.product-layout{grid-template-columns:1fr}}.product-main h2{color:var(--nij-text);margin:32px 0 12px;font-size:22px}.product-main p,.product-main li{margin-bottom:12px;font-size:16px;line-height:1.7}.product-main ul{margin-bottom:16px;margin-left:24px}.product-sidebar{background:var(--nij-gray-light);border-radius:6px;height:fit-content;padding:24px}.product-sidebar h3{margin-bottom:16px;font-size:18px}.product-sidebar p{margin-bottom:12px;font-size:14px}.btn{cursor:pointer;border:none;border-radius:4px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-block}.btn-primary{background:var(--nij-green);color:#fff}.btn-primary:hover{background:var(--nij-green-dark);color:#fff}.btn-secondary{background:var(--nij-white);color:var(--nij-green);border:2px solid var(--nij-green)}.btn-secondary:hover{background:var(--nij-green-light);color:var(--nij-green)}.btn-red{background:var(--nij-red);color:#fff}.btn-red:hover{background:var(--nij-red-dark);color:#fff}.btn-large{padding:16px 48px;font-size:18px}.btn-block{text-align:center;width:100%;display:block}.info-box{background:var(--nij-green-light);border-left:4px solid var(--nij-green);border-radius:0 6px 6px 0;margin:24px 0;padding:20px 24px}.info-box p{margin:0}.login-container{max-width:560px;margin:40px auto;padding:0 20px}.login-box{border:1px solid var(--nij-gray);border-radius:8px;overflow:hidden}.login-header{color:#fff;background:#f60;align-items:center;gap:16px;padding:24px 32px;display:flex}.login-header h2{margin:0;font-size:22px}.digid-logo{letter-spacing:-1px;font-size:28px;font-weight:900}.login-body{padding:32px}.login-body p{margin-bottom:20px;line-height:1.6}.login-methods{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.login-method{border:2px solid var(--nij-gray);color:var(--nij-text);border-radius:6px;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:border-color .2s;display:flex}.login-method:hover{color:var(--nij-text);border-color:#f60}.login-method .method-icon{text-align:center;width:40px;font-size:24px}.login-method .method-name{font-weight:600}.login-divider{text-align:center;margin:24px 0;position:relative}.login-divider:before{content:"";background:var(--nij-gray);height:1px;position:absolute;top:50%;left:0;right:0}.login-divider span{color:var(--nij-gray-dark);background:#fff;padding:0 16px;font-weight:600;position:relative}.demo-login-section{text-align:center;background:#fff3cd;border:2px dashed #ffc107;border-radius:8px;padding:24px}.demo-login-section p{color:#856404;margin-bottom:12px;font-weight:600}.btn-demo{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:4px;padding:14px 40px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.btn-demo:hover{color:#fff;background:#218838}.form-container{max-width:780px;margin:0 auto}.form-section{margin-bottom:32px}.form-section h2{border-bottom:2px solid var(--nij-green);margin-bottom:16px;padding-bottom:8px;font-size:22px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:6px;font-size:15px;font-weight:600;display:block}.form-group .hint{color:var(--nij-gray-dark);margin-bottom:6px;font-size:13px;font-weight:400;display:block}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=date],.form-group input[type=time],.form-group input[type=number],.form-group select,.form-group textarea{border:2px solid var(--nij-border);border-radius:4px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:16px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--nij-green)}.form-group textarea{resize:vertical;min-height:100px}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=600px){.form-row{grid-template-columns:1fr}}.form-group .checkbox-label{cursor:pointer;align-items:flex-start;gap:10px;font-weight:400;display:flex}.form-group .checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:4px}.form-actions{align-items:center;gap:16px;margin-top:32px;display:flex}.step-indicator{border-bottom:2px solid var(--nij-gray);gap:0;margin-bottom:40px;display:flex}.step{color:var(--nij-gray-dark);padding:12px 24px;font-size:14px;font-weight:600;position:relative}.step.active{color:var(--nij-green);border-bottom:3px solid var(--nij-green);margin-bottom:-2px}.step.completed{color:var(--nij-green-dark)}.step .step-num{background:var(--nij-gray);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;font-size:12px;display:inline-flex}.step.active .step-num{background:var(--nij-green)}.step.completed .step-num{background:var(--nij-green-dark)}.success-container{text-align:center;max-width:700px;margin:40px auto}.success-icon{background:var(--nij-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:40px;display:flex}.success-container h1{margin-bottom:16px;font-size:28px}.success-details{background:var(--nij-gray-light);text-align:left;border-radius:8px;margin:32px 0;padding:32px}.success-details h2{margin-bottom:16px;font-size:20px}.success-details dl{grid-template-columns:200px 1fr;gap:8px 16px;display:grid}.success-details dt{color:var(--nij-gray-dark);font-weight:600}.success-details dd{margin:0}.success-actions{justify-content:center;gap:16px;margin-top:32px;display:flex}.site-footer{background:var(--nij-text);color:var(--nij-gray);margin-top:60px;padding:40px 20px}.footer-inner{max-width:var(--max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex}.footer-links{gap:24px;list-style:none;display:flex}.footer-links a{color:var(--nij-gray);font-size:14px;text-decoration:none}.footer-links a:hover{color:#fff}.footer-copy{font-size:14px}.logged-in-bar{background:var(--nij-green-light);border-bottom:1px solid var(--nij-green);padding:10px 20px;font-size:14px}.logged-in-bar .inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logged-in-bar strong{color:var(--nij-green-dark)}nl-wallet-button::part(button){border-radius:6px;margin:4px;padding:12px 20px}nl-wallet-button::part(button-span){font-weight:700}