Logga in - ETC Spara

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Logga in - ETC Spara</title> <link rel="stylesheet" href="/css/tailwind.css?id=b45bfb038240847d13162e0b94366547"> <link rel="stylesheet" href="/css/guest.css?id=352a44db46790f0c8ce9cf4e6cd71837"> <link rel="shortcut icon" href="https://mittsparande.etc.se/favicon.ico" /> <link rel="apple-touch-icon" href="https://mittsparande.etc.se/apple-touch-icon.png"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.10.4/dist/cdn.min.js" defer></script>  <meta name="csrf-token" content="D7QpJNHDbao4JGBUL3EnBxMTLQRMS0HEUmu2qeEl"> <style> [x-cloak] { display: none !important; } </style> <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style> </head> <body class="font-inter "> <nav class="fixed z-10 w-full bg-white shadow-lg"> <div class="container flex justify-between"> <div class="flex items-center space-x-6 sm:space-x-8 sm:text-lg"> <a href="https://spara.etc.se/"> <img class="-mb-4" src="https://mittsparande.etc.se/images/etc-spara-logo.png" width="85" height="85"> </a> </div> <a class="flex items-center space-x-1.5 text-sm md:text-base" href="https://spara.etc.se/"> <span>Har du inget konto? L盲s mer h盲r</span> <svg width="19" height="11" viewBox="0 0 19 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.0586 0.448181L12.7461 0.721619C12.5898 0.916931 12.5898 1.19037 12.7461 1.38568L16.0273 4.62787H1.37891C1.10547 4.62787 0.910156 4.86224 0.910156 5.09662V5.48724C0.910156 5.76068 1.10547 5.95599 1.37891 5.95599H16.0273L12.7461 9.23724C12.5898 9.43256 12.5898 9.70599 12.7461 9.90131L13.0586 10.1747C13.2148 10.3701 13.5273 10.3701 13.7227 10.1747L18.2539 5.64349C18.4492 5.44818 18.4492 5.17474 18.2539 4.97943L13.7227 0.448181C13.5273 0.252869 13.2148 0.252869 13.0586 0.448181Z" fill="black" /> </svg> </a> </div> </nav> <div class="nav-filler"></div> <div class="h-60px bg-dark-blue"></div> <div class="container"> <div wire:id="TQdbfGr99R5fEUswUklS" wire:initial-data="{"fingerprint":{"id":"TQdbfGr99R5fEUswUklS","name":"login-form","locale":"sv","path":"login","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":{"67da47a11de26":{"id":"QkEgQbGLtVuDHVW9bnE9","tag":"form"}},"errors":[],"htmlHash":"78096fd3","data":{"ssn":"","password":"","defaultLoginMethod":"bankid","remember":false,"hint":null},"dataMeta":[],"checksum":"b25bd7d7ba4089147f91a50ca5443a518f91494cfcb8a3f52940d0093793ae20"}}" class="authentication-page" x-data="{ method: 'bankid', setLoginMethod(method) { $wire.set('hint', null); this.method = method; } }"> <div class="authentication-page-content" id="login"> <h1 class="mb-5 text-center" x-html="method === 'reset-password' ? '脜terst盲ll l枚senord' : 'V盲lkommen'"> V盲lkommen </h1> <div x-show="method === 'bankid'"> <form wire:id="QkEgQbGLtVuDHVW9bnE9" wire:initial-data="{"fingerprint":{"id":"QkEgQbGLtVuDHVW9bnE9","name":"bankid-login-form","locale":"sv","path":"login","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"3768b0c5","data":{"bankIdAuth":null,"isSigning":false,"message":"","qrSrc":"","hint":null},"dataMeta":[],"checksum":"915d6562e88d8a289cce38c8a492070af3ed06f0e2f7582ddc8b7b6c33d3d94f"}}" wire:submit.prevent="submit"> <button class="button transition-all disabled:opacity-50 border-2 w-full button--blue border-transparent relative mt-5" > <span class="w-full" wire:loading.remove wire:target="submit">Logga in med BankID <svg class="absolute right-0 top-2 mr-3" height="24" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.32519 11.4673C6.98532 13.6977 6.73042 15.3971 6.70918 15.6945H1.10132C1.20753 14.9935 2.60949 6.0719 2.69446 5.49837C3.07681 5.49837 3.73531 5.49837 3.73531 5.49837C4.39381 5.49837 5.00983 5.17974 5.30721 4.71242C5.58336 4.2451 5.47715 3.75654 5.03107 3.41667C4.88237 3.31046 4.6912 3.14052 4.73368 2.90686C4.77617 2.60948 5.28597 2.18464 6.0082 2.18464C6.43303 2.18464 6.7729 2.29085 6.9216 2.43954C7.04905 2.56699 7.09153 2.71569 7.04905 2.88562C7.02781 3.05556 6.83663 3.26798 6.56048 3.45915C5.77453 4.01144 5.90199 4.58497 5.96571 4.75491C6.15689 5.24347 6.7729 5.49837 7.24022 5.49837C7.24022 5.49837 7.87748 5.49837 8.25984 5.49837L7.32519 11.4673ZM18.6896 17.7549H20.6439C22.152 17.7549 22.5981 18.8595 22.4494 19.7729C22.322 20.6651 21.5997 21.6847 20.2827 21.6847H18.0948L18.6896 17.7549ZM19.9641 20.75C20.6226 20.75 21.005 20.4314 21.1112 19.7304C21.1961 19.2206 21.0262 18.7108 20.304 18.7108H19.9216L19.603 20.7713L19.9641 20.75ZM16.6504 17.7549H18.0311L17.4151 21.6634H16.0344L16.6504 17.7549Z" fill="white" /> <path d="M14.8234 0.272876C20.0064 0.272876 23.6175 2.54575 22.7041 8.21733C21.9606 12.7843 18.2858 15.6945 13.7613 15.6945H12.6992L13.4639 11.085C15.2907 11.0637 16.8201 10.1928 17.1388 8.19609C17.4999 6.02942 16.4165 5.11602 14.3986 5.09478H12.9117C12.5718 5.09478 12.1257 4.9036 12.0195 4.60621C11.977 4.5 11.9133 4.16014 12.4656 3.77778C12.678 3.62909 13.0391 3.3317 13.1241 2.97059C13.1878 2.67321 13.0816 2.37582 12.8692 2.1634C12.6143 1.92974 12.2107 1.80229 11.6584 1.80229C10.745 1.80229 10.0653 2.35458 9.9803 2.86438C9.9803 2.88562 9.9803 2.92811 9.9803 2.97059C9.9803 3.18301 10.044 3.4804 10.4264 3.75654C10.5751 3.84151 10.7025 4.01144 10.7025 4.20262C10.7025 4.28759 10.66 4.3938 10.5963 4.5C10.3839 4.86112 9.87409 5.09478 9.34305 5.09478H8.36593L9.13063 0.272876H14.8234ZM7.34633 21.7059C6.75156 21.7484 6.45418 21.6847 6.32673 21.4298C6.0081 21.6209 5.66823 21.7271 5.28588 21.7271C4.60615 21.7271 4.37249 21.3873 4.43621 20.9837C4.45745 20.7925 4.56366 20.6226 4.75484 20.4739C5.11595 20.1553 6.05058 20.1128 6.41169 19.8579C6.43293 19.5817 6.32673 19.4755 5.98686 19.4755C5.58326 19.4755 5.26464 19.603 4.69111 19.9853L4.81856 19.0932C5.30712 18.732 5.77444 18.5834 6.32673 18.5834C7.0277 18.5834 7.64371 18.8595 7.51626 19.6242L7.38881 20.4951C7.34633 20.7925 7.34633 20.8987 7.6862 20.8987L7.34633 21.7059ZM6.32673 20.3677C6.0081 20.5588 5.41333 20.5376 5.34961 20.9412C5.32836 21.1324 5.43457 21.2811 5.62575 21.2811C5.81692 21.2811 6.05058 21.1961 6.22052 21.0687C6.19928 21.0049 6.22052 20.92 6.24176 20.7925L6.32673 20.3677ZM0.782636 17.7549H3.07674C4.05386 17.7549 4.28752 18.2435 4.22379 18.7108C4.16007 19.0719 3.92641 19.3481 3.48033 19.518C4.03262 19.7304 4.24504 20.049 4.16007 20.5588C4.05386 21.1961 3.50158 21.6634 2.77936 21.6634H0.166626L0.782636 17.7549ZM2.2908 19.3905C2.73687 19.3905 2.94929 19.1569 2.99177 18.8807C3.03426 18.5834 2.90681 18.3709 2.46073 18.3709H2.05714L1.88721 19.3905H2.2908ZM2.0359 21.0899C2.50322 21.0899 2.75812 20.8987 2.82184 20.5164C2.86432 20.1977 2.69439 19.9853 2.24831 19.9853H1.80224L1.6323 21.0899H2.0359ZM8.47214 18.6471H9.66168L9.59795 19.0507C9.9803 18.732 10.2564 18.6046 10.6388 18.6046C11.2973 18.6046 11.6159 19.0082 11.5097 19.6879L11.1911 21.6847H10.0015L10.2564 20.0278C10.2989 19.7304 10.214 19.5817 9.9803 19.5817C9.78913 19.5817 9.61919 19.6879 9.44926 19.9003L9.17312 21.6634H7.98358L8.47214 18.6471ZM12.4443 17.7549H13.6339L13.3365 19.6879L14.4835 18.6471H15.9492L14.4835 19.9428L15.6518 21.6847H14.1437L13.2303 20.2827H13.209L12.9966 21.6847H11.8071L12.4443 17.7549Z" fill="currentColor" /> </svg></span> <svg wire:loading="wire:loading" wire:target="submit" class="animate-spin fill-current text-white" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.25 1.06251V1.68751C11.25 2.1172 11.5234 2.46876 11.9141 2.58595C14.9609 3.44532 17.1875 6.21876 17.1875 9.50001C17.1875 13.4844 13.9453 16.6875 10 16.6875C6.01563 16.6875 2.8125 13.4844 2.8125 9.50001C2.8125 6.21876 5 3.44532 8.04688 2.58595C8.4375 2.46876 8.75 2.1172 8.75 1.68751V1.06251C8.75 0.43751 8.16406 -0.0312399 7.53906 0.12501C3.35938 1.21876 0.273438 5.04689 0.3125 9.57814C0.3125 14.9297 4.64844 19.2266 10 19.1875C15.3516 19.1875 19.6875 14.8516 19.6875 9.50001C19.6875 5.00782 16.5625 1.21876 12.3828 0.12501C11.7969 -0.0312399 11.25 0.43751 11.25 1.06251Z" fill="current" /> </svg> </button> <a class="block mt-8 text-center underline cursor-pointer" x-on:click="setLoginMethod('password')">Forts盲tt med l枚senord</a> </form>  </div> <form wire:submit.prevent="passwordLogin" x-show="method === 'password'" x-cloak> <div class="grid gap-4 mb-5"> <div> <label class="block mb-0 no-spinners"> Personnummer eller Org-nummer <span class="ml-1 text-error">*</span> <input wire:model.debounce.500ms="ssn" value="" type="text" name="ssn" class="block w-full h-12 focus:bg-input-gray disabled:bg-input-gray hover:bg-input-gray mt-1.5 p-2.5 border border-input-gray outline-none focus:border-transparent transition-colors" > </label> </div> <div> <label class="block mb-0"> L枚senord <span class="ml-1 text-error">*</span> <input wire:model.debounce.500ms="password" value="" type="password" name="password" class="block w-full h-12 focus:bg-input-gray disabled:bg-input-gray hover:bg-input-gray mt-1.5 p-2.5 border border-input-gray outline-none focus:border-transparent transition-colors" > </label> </div> </div> <div> <label class="block mb-0 sm:flex sm:items-start sm:items-center cursor-pointer"> <input wire:model.debounce.500ms="remember" value="" type="checkbox" name="remember" class="h-4 w-4 mr-2 cursor-pointer border border-input-gray form-checkbox outline-none focus:border-transparent transition-colors" > Kom ih氓g mig </label> </div> <button class="button transition-all disabled:opacity-50 border-2 w-full button--blue border-transparent mt-5" > <span class="w-full" wire:loading.remove wire:target="passwordLogin">Logga in</span> <svg wire:loading="wire:loading" wire:target="passwordLogin" class="animate-spin fill-current text-white" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.25 1.06251V1.68751C11.25 2.1172 11.5234 2.46876 11.9141 2.58595C14.9609 3.44532 17.1875 6.21876 17.1875 9.50001C17.1875 13.4844 13.9453 16.6875 10 16.6875C6.01563 16.6875 2.8125 13.4844 2.8125 9.50001C2.8125 6.21876 5 3.44532 8.04688 2.58595C8.4375 2.46876 8.75 2.1172 8.75 1.68751V1.06251C8.75 0.43751 8.16406 -0.0312399 7.53906 0.12501C3.35938 1.21876 0.273438 5.04689 0.3125 9.57814C0.3125 14.9297 4.64844 19.2266 10 19.1875C15.3516 19.1875 19.6875 14.8516 19.6875 9.50001C19.6875 5.00782 16.5625 1.21876 12.3828 0.12501C11.7969 -0.0312399 11.25 0.43751 11.25 1.06251Z" fill="current" /> </svg> </button> <a class="block mt-8 text-center underline cursor-pointer" x-on:click="setLoginMethod('reset-password')">脜terst盲ll l枚senord</a> <a class="block mt-4 text-center underline cursor-pointer" x-on:click="setLoginMethod('bankid')">Forts盲tt med BankID</a> </form> <form wire:submit.prevent="resetPassword" x-show="method === 'reset-password'" x-cloak> <div class="px-3 py-2 text-sm font-medium bg-light-blue-alt text-blue mb-6 text-center"> Fyll i ditt personnummer eller org-nummer nedan s氓 skickas en聽氓terst盲llningsl盲nk ut till din registrerade e-post. </div> <div> <label class="block mb-0 no-spinners"> Personnummer eller Org-nummer <span class="ml-1 text-error">*</span> <input wire:model.debounce.500ms="ssn" value="" type="text" name="ssn" class="block w-full h-12 focus:bg-input-gray disabled:bg-input-gray hover:bg-input-gray mt-1.5 p-2.5 border border-input-gray outline-none focus:border-transparent transition-colors" > </label> </div> <button class="button transition-all disabled:opacity-50 border-2 w-full button--blue border-transparent mt-5" > <span class="w-full" wire:loading.remove wire:target="resetPassword">Skicka 氓terst盲llningsl盲nk</span> <svg wire:loading="wire:loading" wire:target="resetPassword" class="animate-spin fill-current text-white" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.25 1.06251V1.68751C11.25 2.1172 11.5234 2.46876 11.9141 2.58595C14.9609 3.44532 17.1875 6.21876 17.1875 9.50001C17.1875 13.4844 13.9453 16.6875 10 16.6875C6.01563 16.6875 2.8125 13.4844 2.8125 9.50001C2.8125 6.21876 5 3.44532 8.04688 2.58595C8.4375 2.46876 8.75 2.1172 8.75 1.68751V1.06251C8.75 0.43751 8.16406 -0.0312399 7.53906 0.12501C3.35938 1.21876 0.273438 5.04689 0.3125 9.57814C0.3125 14.9297 4.64844 19.2266 10 19.1875C15.3516 19.1875 19.6875 14.8516 19.6875 9.50001C19.6875 5.00782 16.5625 1.21876 12.3828 0.12501C11.7969 -0.0312399 11.25 0.43751 11.25 1.06251Z" fill="current" /> </svg> </button> <a class="block mt-8 text-center underline cursor-pointer" x-on:click="setLoginMethod('password')">Forts盲tt med l枚senord</a> <a class="block mt-4 text-center underline cursor-pointer" x-on:click="setLoginMethod('bankid')">Forts盲tt med BankID</a> </form> </div> </div>  </div> <footer class="py-6 text-sm bg-blue text-light-blue"> <div class="container flex flex-col items-baseline justify-between space-y-4 sm:space-y-0 sm:flex-row"> <div class="flex items-center space-x-2"> <a target="_blank" class="underline transition-colors hover:text-white" href="https://spara.etc.se/integritetspolicy">Integritetspolicy</a> <span>/</span> <a target="_blank" class="underline transition-colors hover:text-white" href="https://spara.etc.se/kontakta-oss/">Kontakta oss</a> </div> <div> Copyright © 2025 ETC Spara </div> </div> </footer> <script src="/livewire/livewire.js?id=fe747446aa84856d8b66" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'D7QpJNHDbao4JGBUL3EnBxMTLQRMS0HEUmu2qeEl';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script> </body> </html>

CINXE.COM

Logga in - ETC Spara