@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");:root{--background:#f8f9ff;--foreground:#0b1c30;--color-primary:#0f172a;--color-secondary:#2563eb;--color-secondary-hover:#1d4ed8;--color-tertiary:#059669;--color-neutral:#64748b;--color-surface:#ffffff;--color-surface-muted:#f8fafc;--color-surface-subtle:#f1f5f9;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-status-amber:#d97706;--color-status-amber-tint:#fef3c7;--color-status-blue:#0284c7;--color-status-blue-tint:#e0f2fe;--color-status-green:#047857;--color-status-green-tint:#d1fae5;--color-status-red:#dc2626;--color-status-red-tint:#fee2e2;--radius-sm:0.5rem;--radius-md:1rem;--radius-pill:9999px;--shadow-level-1:0 1px 3px 0 rgba(15,23,42,0.04),0 1px 2px -1px rgba(15,23,42,0.04);--shadow-level-2:0 10px 15px -3px rgba(15,23,42,0.06),0 4px 6px -4px rgba(15,23,42,0.04)}ul li{list-style-type:none;margin:.5rem 0;line-height:1.6rem}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}*,body{padding:0;margin:0}body{font-family:Plus Jakarta Sans,sans-serif;min-height:100vh}h1{font-weight:800}h1,h2{font-family:inherit;-webkit-margin-before:.5rem;margin-block-start:.5rem;-webkit-margin-after:.5rem;margin-block-end:.5rem;letter-spacing:.5px}h2{font-weight:700}h3{font-family:inherit;font-size:1.25rem;font-weight:500}h4,p{-webkit-margin-before:.5rem;margin-block-start:.5rem;-webkit-margin-after:.5rem;margin-block-end:.5rem}p{line-height:1.6rem}nav a,p{font-size:1rem}nav a{text-decoration:none}button{padding:.5rem .7rem;font-size:1rem;cursor:pointer;border:none;border-radius:4px;background-color:#4caf50;color:white}.landing-page{overflow:hidden}.landing-hero{background:linear-gradient(115deg,#f8f9ff 58%,#e8efff);display:grid;grid-gap:4rem;gap:4rem;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);min-height:575px;padding:5.8rem max(7vw,1.5rem)}.hero-copy{max-width:690px}.eyebrow,.section-label{color:#0755d9;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.landing-hero h1{font-size:clamp(2.35rem,4.2vw,4.6rem);letter-spacing:-.065em;line-height:1.08;margin:1.25rem 0}.hero-lead{color:#43506a;font-size:1.1rem;line-height:1.8;max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin:2rem 0}.primary-action,.secondary-action{align-items:center;border-radius:7px;display:inline-flex;font-size:.9rem;font-weight:800;justify-content:center;padding:1rem 1.3rem;text-decoration:none}.primary-action{background:#0755d9;color:white}.primary-action span{font-size:1.25rem;margin-left:1rem}.secondary-action{border:1px solid #bbc6da;color:#0b1c30}.trust-list{color:#536078;display:flex;flex-wrap:wrap;font-size:.77rem;font-weight:600;gap:1rem}.trust-list li:before{color:#13a36e;content:"✓";margin-right:.35rem}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.document-card{background:#fff;border:1px solid #e1e7f0;box-shadow:0 25px 55px rgba(30,63,114,.16);min-height:390px;padding:1.5rem 2.2rem;transform:rotate(3deg);width:min(380px,100%)}.document-top{border-bottom:1px solid #e1e7f0;color:#58709a;display:flex;font-size:.65rem;font-weight:800;justify-content:space-between;padding-bottom:1rem}.document-card h3{margin:3rem 0 1rem}.document-card p{color:#69758b;font-size:.82rem}.document-lines i{background:#e3e8ef;display:block;height:6px;margin:12px 0;width:100%}.document-lines i:nth-child(2){width:82%}.document-lines i:nth-child(3){width:92%}.document-card strong{color:#57657b;display:block;font-size:.7rem;margin-top:2rem}.law-chip{background:#0b1c30;border-radius:8px;bottom:25px;box-shadow:0 12px 22px rgba(11,28,48,.2);color:white;font-size:.7rem;left:-12px;padding:.8rem 1rem;position:absolute;transform:rotate(-2deg)}.law-chip small{color:#aac5fb;display:block;margin:4px 0 0 1.4rem}.areas-section,.how-section{margin:auto;max-width:1180px;padding:6rem 1.5rem;text-align:center}.areas-section h2,.how-section h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.04em;margin:1rem 0 3rem}.steps{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(3,1fr);text-align:left}.steps article{background:#fff;border:1px solid #e2e8f2;border-radius:10px;padding:1.7rem}.steps b{color:#0755d9;font-size:.8rem}.steps h3{font-size:1.05rem;margin:1.3rem 0 .5rem}.steps p{color:#5f6b7e;font-size:.86rem;line-height:1.6}.areas-section{background:#e9f0ff;border-radius:18px;margin-bottom:5rem}.areas{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,1fr);margin:0 auto 2.5rem;max-width:900px}.areas span{background:white;border-radius:8px;font-size:.85rem;font-weight:700;padding:1.1rem}@media(max-width:760px){.landing-hero{grid-template-columns:1fr;padding-bottom:3rem;padding-top:3.5rem}.hero-visual{min-height:330px}.areas,.steps{grid-template-columns:1fr}.trust-list{display:block}.trust-list li{margin:.6rem 0}}.auth-page{display:grid;grid-gap:5rem;gap:5rem;grid-template-columns:1fr minmax(320px,440px);margin:auto;max-width:1100px;min-height:calc(100vh - 76px);padding:7rem 1.5rem}.auth-intro{align-self:center}.auth-intro h1{font-size:clamp(2.4rem,4vw,4rem);letter-spacing:-.055em;line-height:1.12;margin:1.2rem 0}.auth-intro>p:not(.eyebrow){color:#536078;max-width:560px}.auth-intro ul{margin-top:2rem}.auth-intro li{color:#26364c;font-size:.9rem;font-weight:600}.auth-intro li:before{color:#13a36e;content:"✓";margin-right:.6rem}.auth-card{align-self:center;background:#fff;border:1px solid #dce4f0;border-radius:12px;box-shadow:0 15px 30px rgba(36,64,109,.08);display:flex;flex-direction:column;padding:2.25rem}.auth-card h2{font-size:1.8rem;margin:.6rem 0}.auth-card>p:not(.eyebrow):not(.auth-switch){color:#637088;font-size:.85rem;margin:0 0 1.5rem}.auth-card label{font-size:.8rem;font-weight:700;margin:1rem 0 .5rem}.auth-card input{border:1px solid #bec9d8;border-radius:6px;font:inherit;padding:.8rem}.auth-card input:focus{border-color:#0755d9;outline:3px solid #dbe7ff}.auth-card button{background:#0755d9;border-radius:6px;font-weight:800;margin-top:1.5rem;padding:.85rem}.auth-card button:hover{background:#0045b8}.auth-switch{color:#536078;font-size:.8rem;margin-top:1.5rem;text-align:center}.auth-switch a{color:#0755d9;font-weight:800}@media(max-width:760px){.auth-page{gap:2rem;grid-template-columns:1fr;padding:3rem 1.25rem}.auth-card{padding:1.5rem}}.case-details{background:#fff;border:1px solid #dce4ef;border-radius:10px;margin:4rem auto 6rem;max-width:820px;padding:clamp(1.5rem,4vw,3rem);width:calc(100% - 2rem)}.case-details h1{font-size:2rem;letter-spacing:-.045em}.case-details h3{border-top:1px solid #dce4ef;margin-top:2rem;padding-top:1.5rem}.case-details textarea{border:1px solid #bec9d8;border-radius:6px;display:block;min-height:120px;padding:.8rem;width:100%}.case-details button{background:#0755d9;border-radius:6px;font-size:.85rem;font-weight:800;margin-top:1rem}input,select,textarea{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:4px;resize:vertical}textarea{font-family:Roboto,sans-serif;font-size:.8rem;line-height:1.7rem}.btn-general{padding:.5rem .7rem;font-size:1rem;cursor:pointer;border:none;border-radius:4px;background-color:#00438b;color:white;display:flex;align-items:center}.btn-general:hover{background-color:#0069da}.btn-confirm-icon{padding:.5rem .7rem;font-size:1rem;cursor:pointer;border:none;border-radius:4px;background-color:#4caf50;color:white;display:flex;align-items:center}.btn-confirm-icon:hover{background-color:#128b2e}.btn-confirm-icon-disabled{padding:.5rem .7rem;font-size:1rem;border:none;border-radius:4px;color:white;display:flex;align-items:center}.btn-confirm-icon-disabled,.btn-confirm-icon-disabled:hover{cursor:pointer;background-color:#9c9c9c}.btn-confirm{padding:.5rem .7rem;font-size:1rem;cursor:pointer;border:none;border-radius:4px;background-color:#4caf50;color:white}.btn-confirm:hover,button:hover{background-color:#128b2e}.btn-delete{padding:.5rem .7rem;font-size:1rem;cursor:pointer;border:none;border-radius:4px;background-color:#c74940;color:white;display:flex;align-items:center}.btn-delete:hover{background-color:#a73128}.logout-btn{padding:0;font-size:1rem;cursor:pointer;border:none;border-radius:4px;background-color:unset;color:#fff}.logout-btn:hover{color:#f7f7f7}.btn-icon{padding:0 7px 0 5px;width:28px}.btn-payment-session{padding:10px 20px;font-size:1rem;cursor:pointer;border:none;border-radius:4px;background-color:unset;color:black}.btn-payment-session:hover{color:#128b2e;background-color:unset}.loading-indicator{min-height:200px}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid;opacity:1;border-radius:50%;animation:lds-ripple 1.5s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:8px;height:8px;opacity:0}4.9%{top:36px;left:36px;width:8px;height:8px;opacity:0}5%{top:36px;left:36px;width:8px;height:8px;opacity:1}to{top:0;left:0;width:80px;height:80px;opacity:0}}.square-section-container{display:flex;flex-direction:column;max-width:1100px;width:100%;margin:0 auto;padding:2rem}.square-section-bottom,.square-section-top{display:flex;flex-direction:row;justify-content:center;width:100%;flex-wrap:wrap}.square-section-text{flex:1 1;color:#fff;gap:1rem;display:flex;flex-direction:column;background-color:#4caf50;padding:2rem;width:100%;min-width:250px}.square-section-image{min-width:250px;flex:1 1;width:100%;text-align:center;padding:0 2rem;display:flex;background-color:#C9FFBC;justify-content:center}.square-section-images{max-width:100%;height:220px}.square-sections-image-order-top{order:2}.square-sections-image-order-bottom{order:1}.square-sections-text-order-bottom{order:2}.square-sections-text-order-top{order:1}.examples-section{margin-top:3rem}@media (max-width:550px){.square-sections-image-order-bottom,.square-sections-image-order-top{order:2}.square-sections-text-order-bottom,.square-sections-text-order-top{order:1}p{font-size:.9rem;line-height:1.5rem}h3{font-size:1rem}.btn-general,button,h4,input,select,textarea{font-size:.9rem}.btn-general{padding:.5rem .7rem}.btn-confirm{font-size:.9rem}.btn-confirm-icon{font-size:.9rem;padding:.5rem .7rem}.btn-icon{padding:0 5px 0 3px;width:23px}.btn-delete,.logout-btn,body,nav a{font-size:.9rem}}.create-complaint-container{margin:auto;max-width:760px;min-height:calc(100vh - 76px);padding:4rem 1.5rem}.create-complaint-container h2{font-size:2.15rem;letter-spacing:-.045em}.create-complaint-container h2:before{color:#0755d9;content:"NY KLAGESAK";display:block;font-size:.68rem;letter-spacing:.08em;margin-bottom:.65rem}.create-complaint-container>p{color:#5b687d;font-size:.9rem;line-height:1.75}.create-complaint-container strong{color:#0755d9}.create-complaint-form{background:#fff;border:1px solid #dce4ef;border-radius:10px;display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;padding:2rem}.create-complaint-section{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr;width:100%}.create-complaint-section-item{display:flex;flex-direction:column;gap:.5rem}.create-complaint-section-item label{font-size:.8rem;font-weight:800}.create-complaint-section-item input,.create-complaint-section-item select{border:1px solid #bec9d8;border-radius:6px;font:inherit;padding:.8rem}.create-complaint-form button{background:#0755d9;border-radius:6px;font-size:.85rem;font-weight:800;margin-top:1rem;padding:.8rem 1rem}.create-complaint-form .btn-cancel{background:transparent;border:1px solid #bec9d8;color:#43506a}.create-complaint-form .btn-cancel:hover{background:#edf3ff}.create-complaint-form button:hover{background:#0045b8}@media(max-width:600px){.create-complaint-container{padding:2.5rem 1rem}.create-complaint-form{padding:1.25rem}.create-complaint-section{grid-template-columns:1fr}}.dashboard-container{margin:auto;max-width:1180px;min-height:calc(100vh - 76px);padding:3.5rem 1.5rem 6rem}.dashboard-header{align-items:end;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.6rem}.dashboard-header h2{font-size:2rem;letter-spacing:-.045em;margin:0}.dashboard-header h2:before{color:var(--color-secondary);content:"Saksoversikt";display:block;font-size:.68rem;letter-spacing:.08em;margin-bottom:.7rem;text-transform:uppercase}.dashboard-header button{background:var(--color-secondary);border-radius:7px;font-size:.85rem;font-weight:800;padding:.8rem 1rem}.dashboard-green-btn:hover,.dashboard-header button:hover{background:var(--color-secondary-hover)}.dashboard-complaints{display:grid;grid-gap:1rem;gap:1rem}.dashboard-complaints-card{background:#fff;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s}.dashboard-complaints-card:hover{box-shadow:var(--shadow-level-2);transform:translateY(-2px)}.complaints-card-item-header{align-items:center;background:var(--color-status-blue-tint);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 1.3rem}.complaints-card-item-header h4{color:var(--color-primary);font-size:1rem;margin:0}.complaints-card-item-header h4:before{color:var(--color-secondary);content:"⚖";margin-right:.65rem}.complaints-card-item-column{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.3rem}.complaints-card-item-text p{color:var(--color-neutral);font-size:.82rem;margin:0}.complaints-card-item-btns{display:flex;gap:.6rem}.complaints-card-item-btns button{border-radius:6px;font-size:.78rem;font-weight:800;padding:.65rem .85rem}.dashboard-red-btn{background:transparent!important;border:1px solid #f3c7c6!important;color:var(--color-status-red)!important}.dashboard-red-btn:hover{background:var(--color-status-red-tint)!important}.dashboard-green-btn{background:var(--color-secondary)}.btn-payment-session{background:transparent;color:var(--color-secondary);font-size:.8rem;font-weight:800;padding:0}.loading-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-badge-success{background:var(--color-status-green-tint);color:var(--color-status-green)}.status-badge-warning{background:var(--color-status-amber-tint);color:#b45309}@media(max-width:600px){.dashboard-container{padding:2rem 1rem}.complaints-card-item-column,.dashboard-header{align-items:stretch;flex-direction:column}.complaints-card-item-btns{justify-content:flex-end}}.layout{display:flex;flex-direction:column;min-height:100vh}.content,.layout-page{display:flex;flex:1 1;flex-direction:column;width:100%}.content{background:#f8f9ff}.popup-overlay{align-items:center;background:rgba(11,28,48,.48);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.popup-content{background:#fff;border-radius:10px;box-shadow:0 20px 45px rgba(11,28,48,.25);max-width:360px;padding:2rem;position:relative;text-align:center;width:calc(100% - 2rem)}.popup-content h3{font-size:1.2rem}.popup-content p{color:#59677d}.popup-close-btn{background:transparent;color:#43506a;font-size:1.5rem;padding:0;position:absolute;right:1rem;top:.7rem}.popup-buttons{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.popup-buttons button{background:#0755d9;border-radius:6px;font-size:.8rem;font-weight:800;padding:.75rem 1rem}.popup-buttons .btn-cancel{background:transparent;border:1px solid #bec9d8;color:#43506a}.login-page{padding:20px;max-width:400px;margin:auto}.dashboardheader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.login-container{display:flex;flex-direction:column;gap:2rem;margin:6rem 2rem;width:100%;max-width:850px}.cancel-page-container,.payment-status{background:#fff;border:1px solid #dce4ef;border-radius:10px;margin:6rem auto;max-width:560px;padding:3rem;text-align:center}.cancel-page-container h2,.payment-status h2{font-size:2rem;letter-spacing:-.045em}.cancel-page-container p,.payment-status p{color:#59677d}.cancel-page-container button{background:#0755d9;border-radius:6px;font-weight:800;margin-top:1rem;padding:.85rem 1.1rem}.cancel-page-container button:hover{background:#0045b8}.contact-form{background:#fff;border:1px solid #dce4ef;border-radius:10px;display:flex;flex-direction:column;gap:.8rem;margin:4rem auto 6rem;max-width:760px;padding:clamp(1.5rem,4vw,2.5rem)}.contact-form h2{font-size:2rem;letter-spacing:-.045em}.contact-form>p{color:#59677d;margin-bottom:1rem}.form-group{display:flex;flex-wrap:wrap;gap:1rem}.form-group-child{display:flex;flex:1 1 260px;flex-direction:column;gap:.45rem}.contact-form label{font-size:.8rem;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #bec9d8;border-radius:6px;font:inherit;padding:.8rem}.contact-form textarea{min-height:150px}.contact-form button{align-self:flex-start;background:#0755d9;border-radius:6px;font-size:.85rem;font-weight:800;margin-top:.8rem;padding:.85rem 1.1rem}.contact-form button:hover{background:#0045b8}