@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700&display=swap";a{text-decoration:none}a body{font-family:Segoe UI,sans-serif;line-height:1.5;color:#111;margin:0;height:100%;background-image:url(/build/assets/KlusKlaarBG-Bh9HRpN5.png);background-size:cover;background-position:center}a .floating-icon{position:absolute;width:6vw;max-width:40px;height:6vw;max-height:40px;background:url(https://cdn-icons-png.flaticon.com/512/32/32177.png) no-repeat center/contain;animation:float 10s linear infinite;opacity:.1}a .hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;background:url(/build/assets/KlusKlaarBG-Bh9HRpN5.png) center/cover no-repeat;text-align:center;isolation:isolate}body{font-family:Segoe UI,sans-serif;line-height:1.5;color:#111;margin:0;height:100%;background-image:url(/build/assets/KlusKlaarBG-Bh9HRpN5.png);background-size:cover;background-position:center}.floating-icon{position:absolute;width:6vw;max-width:40px;height:6vw;max-height:40px;background:url(https://cdn-icons-png.flaticon.com/512/32/32177.png) no-repeat center/contain;animation:float 10s linear infinite;opacity:.1}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;background:url(/build/assets/KlusKlaarBG-Bh9HRpN5.png) center/cover no-repeat;text-align:center;isolation:isolate}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;@keyframes float{0%{transform:translateY(100vh) translate(0)}to{transform:translateY(-10vh) translate(50vw)}}}a *{box-sizing:border-box;margin:0;padding:0}a a{text-decoration:none}a body{font-family:Segoe UI,sans-serif;line-height:1.5;color:#111;margin:0;height:100%;background-image:url(/build/assets/KlusKlaarBG-Bh9HRpN5.png);background-size:cover;background-position:center}a .wrapper{display:flex;flex-direction:column;min-height:100vh}a .main{flex:1}a .header{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;position:fixed;width:100%;z-index:10;background:linear-gradient(to bottom,#0000008c,#0000);color:#fff;transition:opacity .4s ease}a .header.scroll{background-color:#000}a .headerText{font-family:JetBrains Mono,monospace;font-weight:700;font-size:40px;color:inherit;text-decoration:none}a .headerLinks a{display:inline-block;margin-left:20px;font-size:16px;cursor:pointer;transition:color .3s ease;color:#fff}a .headerLinks a:hover{color:#ffd60a}a .page-offset-top{height:72px}a main.content{position:relative;top:auto;left:auto;transform:none;width:min(1000px,95%);background:#fafaf880;padding:2rem;border-radius:20px;box-shadow:0 20px 40px #00000040;text-align:center;margin:120px auto 60px;overflow:visible;height:auto}a .success-message{background:#e9f9ee;border-left:5px solid #28a745;color:#155724;padding:1rem;border-radius:10px;margin-bottom:1rem;font-weight:600;text-align:left}a .contact-form{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.5rem;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 15px 30px #0000001a}a .contact-form input,a .contact-form textarea{width:100%;padding:1rem 1.2rem;font-size:1rem;border:2px solid #eee;border-radius:12px;outline:none;background-color:#fafafa;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}a .contact-form input::placeholder,a .contact-form textarea::placeholder{color:#999;font-size:.95rem}a .contact-form input:focus,a .contact-form textarea:focus{border-color:#ffd60a;box-shadow:0 0 8px #ffd60a59;background-color:#fff}a .contact-form textarea{resize:none;min-height:120px}a .contact-form button{padding:1rem;border:none;border-radius:12px;background:linear-gradient(135deg,#ffd60a,#f9c300);font-size:1rem;font-weight:700;color:#111;cursor:pointer;transition:transform .15s ease,box-shadow .25s ease,background .25s ease;box-shadow:0 6px 18px #00000026}a .contact-form button:hover{background:linear-gradient(135deg,#f0c000,#e6b800);transform:translateY(-2px);box-shadow:0 8px 22px #0003}a .contact-form button:active{transform:translateY(0);box-shadow:0 4px 12px #0000002e}a .background-icons{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}a .floating-icon{position:absolute;width:6vw;max-width:40px;height:6vw;max-height:40px;background:url(https://cdn-icons-png.flaticon.com/512/32/32177.png) no-repeat center/contain;animation:float 10s linear infinite;opacity:.1}a .info-box{opacity:1;background-color:#ffffffb3;color:#111;border:solid #FFD60A 2px;padding:1rem;border-radius:20px;box-shadow:0 10px 25px #0000001a;margin-bottom:2rem;text-align:left;font-size:1rem}a .info-box h2{font-size:clamp(1.2rem,4vw,1.5rem);margin-bottom:1rem;color:#000}a .info-box ul{list-style:none;padding:0;margin-bottom:1.5rem}a .info-box ul li{margin-bottom:.8rem;font-size:clamp(1rem,3vw,1.1rem);display:flex;align-items:center;gap:.5rem}a .info-box .contact-info{font-size:clamp(.9rem,2.5vw,1rem);font-weight:700;line-height:1.6}a .hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;background:url(/build/assets/KlusKlaarBG-Bh9HRpN5.png) center/cover no-repeat;text-align:center;isolation:isolate}a .hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:0}a .hero-inner{position:relative;z-index:1;width:min(1100px,100%);margin-inline:auto;padding:clamp(16px,4vw,32px);padding-left:clamp(24px,6vw,72px)}a .mainText{position:relative;z-index:1;max-width:600px}a .mainTextTitle{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:900;line-height:1.1;color:#fff;font-size:clamp(32px,6vw,64px);letter-spacing:.2px;margin:0 0 .75rem}a .mainSecondText{color:#e8e8e8;font-size:clamp(16px,2.5vw,20px);font-weight:450;margin:0 0 1.75rem;max-width:52ch}a .buttonMainText{display:inline-block;border:0;border-radius:10px;padding:.9rem 1.4rem;background:#ffd60a;color:#111;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 10px 22px #00000038}a .buttonMainText:hover{transform:translateY(-2px);background:#e6c200}a .buttonMainText:active{transform:translateY(0);box-shadow:0 6px 14px #0000003d}a .services{background:#fff;padding:4rem 2rem;text-align:center;color:#111}a .services-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:800;margin-bottom:3rem;color:#000}a .service-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1100px;margin:0 auto}a .service-item{background:#f8f8f8;padding:2rem 1.5rem;border-radius:16px;box-shadow:0 6px 16px #00000014;transition:transform .25s,box-shadow .25s}a .service-item:hover{transform:translateY(-6px);box-shadow:0 10px 22px #00000026}a .service-item img{width:60px;margin-bottom:1.2rem}a .service-item h3{font-size:1.4rem;margin-bottom:.8rem;font-weight:700}a .service-item p{font-size:1rem;margin-bottom:1.5rem;color:#444}a .service-button{display:inline-block;padding:.7rem 1.5rem;background:#ffd60a;color:#111;font-weight:600;border-radius:8px;text-decoration:none;transition:background .25s,transform .2s}a .service-button:hover{background:#e6c200;transform:translateY(-2px)}a .privacy-container{max-width:900px;margin:100px auto;background:#fff;padding:2rem 2.5rem;border-radius:20px;box-shadow:0 12px 30px #0000002e;line-height:1.7;color:#333}a .privacy-container h1{font-size:clamp(1.8rem,5vw,2.4rem);margin-bottom:1rem;font-weight:800;color:#111;text-align:center}a .privacy-container h2{font-size:clamp(1.2rem,4vw,1.6rem);margin:1.8rem 0 1rem;font-weight:700;color:#000;border-left:5px solid #FFD60A;padding-left:.8rem}a .privacy-container p{margin-bottom:1rem;font-size:1rem;color:#444}a .privacy-container ul{list-style:disc inside;margin-bottom:1.2rem;padding-left:.5rem}a .privacy-container ul li{margin-bottom:.6rem;font-size:1rem;color:#333}a .footer{background-color:#111;color:#fff;padding:2rem 5%;text-align:center;border-top:2px solid #FFD60A;margin-top:auto}a .footer-content p{margin:0 0 1rem;font-size:.9rem}a .footer-links a{color:#ffd60a;margin:0 1rem;text-decoration:none;transition:color .3s ease}a .footer-links a:hover{color:#fff}@media (max-width: 768px){a .hero{min-height:85vh}a .hero-inner{padding-left:clamp(16px,5vw,32px)}}@media (max-width: 480px){a .header{flex-direction:column;align-items:flex-start;padding:10px 5%}a main.content{width:90%;padding:0}a .info-box{padding:1.5rem}a .info-button{width:100%;text-align:center;font-size:.95rem;padding:.7rem 1rem}}body{font-family:Segoe UI,sans-serif;line-height:1.5;color:#111;margin:0;height:100%;background-image:url(/build/assets/KlusKlaarBG-Bh9HRpN5.png);background-size:cover;background-position:center}.wrapper{display:flex;flex-direction:column;min-height:100vh}.main{flex:1}.header{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;position:fixed;width:100%;z-index:10;background:linear-gradient(to bottom,#0000008c,#0000);color:#fff;transition:opacity .4s ease}.header.scroll{background-color:#000}.headerText{font-family:JetBrains Mono,monospace;font-weight:700;font-size:40px;color:inherit;text-decoration:none}.headerLinks a{display:inline-block;margin-left:20px;font-size:16px;cursor:pointer;transition:color .3s ease;color:#fff}.headerLinks a:hover{color:#ffd60a}.page-offset-top{height:72px}main.content{position:relative;top:auto;left:auto;transform:none;width:min(1000px,95%);background:#fafaf880;padding:2rem;border-radius:20px;box-shadow:0 20px 40px #00000040;text-align:center;margin:120px auto 60px;overflow:visible;height:auto}.success-message{background:#e9f9ee;border-left:5px solid #28a745;color:#155724;padding:1rem;border-radius:10px;margin-bottom:1rem;font-weight:600;text-align:left}.contact-form{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.5rem;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 15px 30px #0000001a}.contact-form input,.contact-form textarea{width:100%;padding:1rem 1.2rem;font-size:1rem;border:2px solid #eee;border-radius:12px;outline:none;background-color:#fafafa;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#999;font-size:.95rem}.contact-form input:focus,.contact-form textarea:focus{border-color:#ffd60a;box-shadow:0 0 8px #ffd60a59;background-color:#fff}.contact-form textarea{resize:none;min-height:120px}.contact-form button{padding:1rem;border:none;border-radius:12px;background:linear-gradient(135deg,#ffd60a,#f9c300);font-size:1rem;font-weight:700;color:#111;cursor:pointer;transition:transform .15s ease,box-shadow .25s ease,background .25s ease;box-shadow:0 6px 18px #00000026}.contact-form button:hover{background:linear-gradient(135deg,#f0c000,#e6b800);transform:translateY(-2px);box-shadow:0 8px 22px #0003}.contact-form button:active{transform:translateY(0);box-shadow:0 4px 12px #0000002e}.background-icons{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.floating-icon{position:absolute;width:6vw;max-width:40px;height:6vw;max-height:40px;background:url(https://cdn-icons-png.flaticon.com/512/32/32177.png) no-repeat center/contain;animation:float 10s linear infinite;opacity:.1}.info-box{opacity:1;background-color:#ffffffb3;color:#111;border:solid #FFD60A 2px;padding:1rem;border-radius:20px;box-shadow:0 10px 25px #0000001a;margin-bottom:2rem;text-align:left;font-size:1rem}.info-box h2{font-size:clamp(1.2rem,4vw,1.5rem);margin-bottom:1rem;color:#000}.info-box ul{list-style:none;padding:0;margin-bottom:1.5rem}.info-box ul li{margin-bottom:.8rem;font-size:clamp(1rem,3vw,1.1rem);display:flex;align-items:center;gap:.5rem}.info-box .contact-info{font-size:clamp(.9rem,2.5vw,1rem);font-weight:700;line-height:1.6}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;background:url(/build/assets/KlusKlaarBG-Bh9HRpN5.png) center/cover no-repeat;text-align:center;isolation:isolate}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:0}.hero-inner{position:relative;z-index:1;width:min(1100px,100%);margin-inline:auto;padding:clamp(16px,4vw,32px);padding-left:clamp(24px,6vw,72px)}.mainText{position:relative;z-index:1;max-width:600px}.mainTextTitle{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:900;line-height:1.1;color:#fff;font-size:clamp(32px,6vw,64px);letter-spacing:.2px;margin:0 0 .75rem}.mainSecondText{color:#e8e8e8;font-size:clamp(16px,2.5vw,20px);font-weight:450;margin:0 0 1.75rem;max-width:52ch}.buttonMainText{display:inline-block;border:0;border-radius:10px;padding:.9rem 1.4rem;background:#ffd60a;color:#111;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 10px 22px #00000038}.buttonMainText:hover{transform:translateY(-2px);background:#e6c200}.buttonMainText:active{transform:translateY(0);box-shadow:0 6px 14px #0000003d}.services{background:#fff;padding:4rem 2rem;text-align:center;color:#111}.services-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:800;margin-bottom:3rem;color:#000}.service-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.service-item{background:#f8f8f8;padding:2rem 1.5rem;border-radius:16px;box-shadow:0 6px 16px #00000014;transition:transform .25s,box-shadow .25s}.service-item:hover{transform:translateY(-6px);box-shadow:0 10px 22px #00000026}.service-item img{width:60px;margin-bottom:1.2rem}.service-item h3{font-size:1.4rem;margin-bottom:.8rem;font-weight:700}.service-item p{font-size:1rem;margin-bottom:1.5rem;color:#444}.service-button{display:inline-block;padding:.7rem 1.5rem;background:#ffd60a;color:#111;font-weight:600;border-radius:8px;text-decoration:none;transition:background .25s,transform .2s}.service-button:hover{background:#e6c200;transform:translateY(-2px)}.privacy-container{max-width:900px;margin:100px auto;background:#fff;padding:2rem 2.5rem;border-radius:20px;box-shadow:0 12px 30px #0000002e;line-height:1.7;color:#333}.privacy-container h1{font-size:clamp(1.8rem,5vw,2.4rem);margin-bottom:1rem;font-weight:800;color:#111;text-align:center}.privacy-container h2{font-size:clamp(1.2rem,4vw,1.6rem);margin:1.8rem 0 1rem;font-weight:700;color:#000;border-left:5px solid #FFD60A;padding-left:.8rem}.form-wrapper{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem}.form-container{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;max-width:500px;width:100%;box-shadow:0 8px 24px #0000001a;text-align:center}.hero{display:flex;justify-content:center;align-items:center;padding:60px 20px}.hero-inner{max-width:800px;width:100%;text-align:center;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:40px;border-radius:20px;box-shadow:0 6px 20px #00000026}.hero-inner h1{font-size:2.5rem;margin-bottom:10px}.hero-inner p{font-size:1.2rem;color:#444;margin-bottom:20px}.info-button{display:inline-block;background:#f5a700;color:#fff;padding:10px 25px;border-radius:30px;font-weight:700;margin-bottom:30px;transition:background .3s,transform .2s;text-decoration:none}.info-button:hover{background:#d68f00;transform:translateY(-2px)}.contact-form{display:flex;flex-direction:column;gap:15px;text-align:left}.contact-form input,.contact-form textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:10px;font-size:1rem;transition:border .3s,box-shadow .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#f5a700;outline:none;box-shadow:0 0 5px #f5a70080}input[type=file]{border:none;background:#f9f9f9;padding:8px;font-size:.9rem;border-radius:10px;cursor:pointer}input[type=file]::-webkit-file-upload-button{background:#f5a700;color:#fff;padding:8px 15px;border:none;border-radius:8px;cursor:pointer;margin-right:10px;font-weight:700}input[type=file]::-webkit-file-upload-button:hover{background:#d68f00}.checkbox-container{display:flex;align-items:center;gap:10px;font-size:.9rem}.checkbox-container input{width:18px;height:18px}.checkbox-container a{color:#6a0dad;font-weight:500;text-decoration:none}.checkbox-container a:hover{text-decoration:underline}.contact-form button{background:#f5a700;color:#fff;font-size:1.1rem;font-weight:700;border:none;padding:15px;border-radius:12px;cursor:pointer;transition:background .3s,transform .2s;margin-top:10px}.contact-form button:hover{background:#d68f00;transform:translateY(-2px)}.success-message{background:#d4edda;color:#155724;padding:12px;border-radius:10px;margin-bottom:20px;font-weight:500;border:1px solid #c3e6cb}.privacy-container p{margin-bottom:1rem;font-size:1rem;color:#444}.privacy-container ul{list-style:disc inside;margin-bottom:1.2rem;padding-left:.5rem}.privacy-container ul li{margin-bottom:.6rem;font-size:1rem;color:#333}.footer{background-color:#111;color:#fff;padding:2rem 5%;text-align:center;border-top:2px solid #FFD60A;margin-top:auto}.footer-content p{margin:0 0 1rem;font-size:.9rem}.footer-links a{color:#ffd60a;margin:0 1rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;animation:fadeIn .3s}.modal-content{background-color:#fff;margin:15% auto;padding:30px;border-radius:12px;width:90%;max-width:400px;text-align:center;box-shadow:0 5px 20px #0000004d;animation:slideDown .3s}.close-btn{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close-btn:hover{color:#000}.modal-buttons button{padding:12px 20px;margin:10px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:.3s}#loginBtn{background-color:#007bff;color:#fff}#loginBtn:hover{background-color:#0056b3}#registerBtn{background-color:#28a745;color:#fff}#registerBtn:hover{background-color:#1e7e34}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%{transform:translateY(100vh) translate(0)}to{transform:translateY(-10vh) translate(50vw)}}@media (max-width: 768px){.hero{min-height:85vh}}@media (max-width: 480px){.header{flex-direction:column;align-items:flex-start;padding:10px 5%}main.content{width:90%;padding:1rem}.info-box{padding:1.5rem}.info-button{width:100%;font-size:.95rem;padding:.7rem 1rem;text-align:center}}
