*{box-sizing:border-box}html,body{color:#12385c;background:#fff;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{overflow-x:hidden}a{color:inherit;text-decoration:none}.header{z-index:10;background:#fff;border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;width:100%;height:102px;padding:0 6%;display:flex;position:relative}.brand{align-items:center;gap:14px;display:flex}.brand-icon{color:#fff;background:linear-gradient(145deg,#0756b8,#08b88a);border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;font-size:31px;font-weight:700;display:flex;box-shadow:0 8px 22px #0756b82e}.brand-content{flex-direction:column;display:flex}.brand-name{letter-spacing:-1.3px;color:#073f83;font-size:29px;font-weight:700;line-height:1}.brand-green{color:#08aa82}.brand-tagline{color:#08aa82;margin-top:6px;font-size:12px}.navigation{color:#102f50;align-items:center;gap:30px;font-size:16px;font-weight:700;display:flex}.navigation a{padding:8px 0;transition:color .2s;position:relative}.navigation a:hover{color:#08a982}.navigation a.active{color:#073f83}.navigation a.active:after{content:"";background:#08aa82;border-radius:5px;height:3px;position:absolute;bottom:-12px;left:0;right:0}.navigation .register-button{color:#fff;background:#073f83;border-radius:10px;padding:14px 24px;box-shadow:0 8px 20px #073f8329}.navigation .register-button:hover{color:#fff;background:#052f63}.navigation .register-button:after{display:none}.hero{background-image:linear-gradient(90deg,#f8fcfffa 0%,#f8fcfff0 30%,#f8fcffa6 48%,#ffffff14 78%),url(/images/woning.png);background-position:100%;background-repeat:no-repeat;background-size:cover;min-height:735px;position:relative;overflow:hidden}.hero-inner{z-index:2;max-width:1430px;min-height:735px;margin:0 auto;padding:88px 6% 100px;position:relative}.hero-copy{z-index:5;width:62%;position:relative}.hero h1{letter-spacing:-4.5px;color:#073f83;margin:0;font-size:clamp(55px,6.2vw,92px);font-weight:750;line-height:.98}.hero h1 span{color:#08aa82}.hero-copy>p{color:#58738b;max-width:680px;margin:28px 0 38px;font-size:20px;line-height:1.6}.choice-cards{z-index:8;grid-template-columns:repeat(2,minmax(300px,1fr));gap:24px;max-width:900px;display:grid;position:relative}.choice-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #d2e1ebe6;border-radius:20px;min-height:300px;padding:30px 34px;box-shadow:0 18px 45px #1c435e1a}.choice-icon{border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:22px;font-size:28px;font-weight:500;display:flex}.blue-icon{color:#0761c9;background:#e7f1ff}.green-icon{color:#06a980;background:#e1f8f1}.choice-card h2{color:#123f68;margin:0 0 12px;font-size:23px}.choice-card p{color:#617b91;min-height:68px;margin:0;font-size:16px;line-height:1.6}.choice-button{color:#fff;border-radius:9px;align-items:center;gap:25px;margin-top:22px;padding:14px 20px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.choice-button:hover{transform:translateY(-2px)}.choice-button span{font-size:22px;line-height:1}.blue-button{background:#0862c9;box-shadow:0 8px 20px #0862c92e}.green-button{background:#08ab82;box-shadow:0 8px 20px #08ab822e}.search-section{z-index:9;margin-top:-55px;padding:0 5%;position:relative}.search-box{background:#fff;border:1px solid #e1eaf0;border-radius:18px;grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;gap:4px;width:100%;max-width:1600px;min-height:105px;margin:0 auto;padding:15px;display:grid;box-shadow:0 18px 45px #163a5324}.search-field{border-right:1px solid #e4ebf0;align-items:center;gap:13px;min-height:70px;padding:10px 20px;display:flex}.search-field>div{min-width:180px}.search-field small{color:#08aa82;text-align:center;margin-bottom:5px;font-weight:700;display:block}.search-field strong{color:#1e4567;text-align:center;display:block}.search-button{color:#fff;white-space:nowrap;background:#073f83;border-radius:10px;padding:18px 24px;font-weight:700}.benefits{grid-template-columns:repeat(4,1fr);gap:35px;max-width:1250px;margin:0 auto;padding:75px 6%;display:grid}.benefit{gap:14px;display:flex}.benefit-icon{color:#0862c9;background:#e7f1ff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.benefit h3{color:#143e60;margin:0 0 7px;font-size:17px}.benefit p{color:#08aa82;margin:0;font-size:14px;line-height:1.5}@media (max-width:1100px){.navigation{gap:18px;font-size:14px}.hero-copy{width:70%}.house-area{opacity:.65;right:-150px}.benefits{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.header{flex-direction:column;align-items:flex-start;gap:18px;height:auto;padding:18px 5%}.navigation{flex-wrap:wrap;gap:12px 20px;width:100%}.navigation a.active:after{bottom:-4px}.hero{min-height:auto}.hero-inner{min-height:auto;padding:60px 5% 80px}.hero-copy{width:100%}.hero h1{letter-spacing:-3px;font-size:55px}.hero-copy>p{font-size:18px}.house-area{opacity:.18;width:100%;top:250px;right:-160px}.choice-cards{grid-template-columns:1fr}.search-section{margin-top:-35px}.search-box{grid-template-columns:1fr}.search-field{border-bottom:1px solid #e5eaf0;border-right:none}.search-button{text-align:center}}@media (max-width:520px){.brand-name{font-size:24px}.brand-tagline{font-size:10px}.brand-icon{width:50px;height:50px}.hero h1{font-size:43px}.choice-card{padding:25px}.benefits{grid-template-columns:1fr;padding-left:5%;padding-right:5%}}.featured-homes{box-sizing:border-box;background:#fff;width:100%;max-width:1600px;margin:0 auto;padding:70px 5%;display:block}.section-heading{z-index:30;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px;display:flex;position:relative}.section-label{color:#08aa82;letter-spacing:2.5px;margin-bottom:14px;font-size:13px;font-weight:800;display:block}.section-heading h2{color:#073f83;margin:0;font-size:clamp(42px,5vw,64px);line-height:1}.section-heading p{color:#08aa82;margin:20px 0 0;font-size:18px;line-height:1.5}.view-all-button{color:#073f83;white-space:nowrap;border:1px solid #d8e4ec;border-radius:15px;align-items:center;gap:14px;padding:17px 25px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.homes-grid{grid-template-columns:repeat(4,1fr);gap:22px;width:100%;margin-top:20px;display:grid}.home-image-card{background-color:#eef4f7;background-repeat:no-repeat;border-radius:22px;height:300px;text-decoration:none;display:block;position:relative;overflow:hidden}.home-image-card:first-child{background-image:url(/images/kamer.png);background-position:50%;background-size:cover}.home-image-card:nth-child(2){background-image:url(/images/studio.png);background-position:50%;background-size:cover}.home-image-card:nth-child(3){background-image:url(/images/appartement.png);background-position:50%;background-size:cover}.home-image-card:nth-child(4){background-image:url(/images/huurwoning.png);background-position:50%;background-size:cover}.home-image-label{z-index:20;color:#fff;white-space:nowrap;background:#073f83;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:9px 18px;font-size:17px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:18px;left:18px;box-shadow:0 6px 18px #073f832e}@media (max-width:1100px){.homes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.featured-homes{padding:50px 5%}.section-heading{flex-direction:column;align-items:flex-start}.homes-grid{grid-template-columns:1fr}.home-image-card{height:260px}}.woningen-page{background:#f7fafc;min-height:100vh;padding:55px 5% 80px}.woningen-header{width:100%;max-width:1600px;margin:0 auto 35px}.woningen-label{color:#08aa82;letter-spacing:1.5px;margin-bottom:10px;font-size:13px;font-weight:800;display:inline-block}.woningen-header h1{color:#1e4567;margin:0 0 10px;font-size:42px;line-height:1.1}.woningen-header p{color:#08aa82;max-width:650px;margin:0;font-size:16px;line-height:1.6}.woningen-content{grid-template-columns:280px 1fr;gap:28px;width:100%;max-width:1600px;margin:0 auto;display:grid}.woningen-filter{background:#fff;border:1px solid #e1eaf0;border-radius:20px;padding:25px;box-shadow:0 12px 30px #163a5314}.woningen-filter h2{color:#1e4567;margin:0 0 22px;font-size:20px}.filter-item{margin-bottom:18px}.filter-item label{color:#1e4567;margin-bottom:7px;font-size:14px;font-weight:700;display:block}.filter-item select,.filter-item input{box-sizing:border-box;color:#1e4567;background:#fff;border:1px solid #dce6ec;border-radius:10px;width:100%;padding:12px 13px;font-size:14px}.woningen-results{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.woning-card{background:#fff;border:1px solid #e1eaf0;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #163a5314}.woning-card-image{background-position:50%;background-size:cover;height:220px}.woning-card-content{padding:20px}.woning-card-content h2{color:#1e4567;margin:0 0 7px;font-size:21px}.woning-card-content p{color:#08aa82;margin:0 0 12px;font-size:14px}.woning-price{color:#1e4567;font-size:18px;font-weight:800}@media (max-width:900px){.woningen-content,.woningen-results{grid-template-columns:1fr}}@media (max-width:600px){.woningen-page{padding:35px 5% 60px}.woningen-header h1{font-size:32px}}.woning-button{box-sizing:border-box;color:#fff;text-align:center;cursor:pointer;background:#08aa82;border:none;border-radius:10px;width:100%;margin-top:18px;padding:13px 18px;font-size:15px;font-weight:700;text-decoration:none;display:block}.woning-button:hover{background:#078f6e}.woning-detail-page{background:#f7fafc;min-height:100vh;padding:55px 5% 80px}.woning-detail-container{width:100%;max-width:1400px;margin:0 auto}.woning-back{color:#08aa82;margin-bottom:25px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.woning-back:hover{text-decoration:underline}.woning-detail-grid{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:35px;display:grid}.woning-detail-image{background-position:50%;background-size:cover;border-radius:24px;min-height:560px;box-shadow:0 18px 45px #163a531f}.woning-detail-info{background:#fff;border:1px solid #e1eaf0;border-radius:24px;padding:40px;box-shadow:0 18px 45px #163a5314}.woning-detail-label{color:#08aa82;letter-spacing:1.5px;margin-bottom:14px;font-size:13px;font-weight:800;display:inline-block}.woning-detail-info h1{color:#1e4567;margin:0 0 8px;font-size:38px;line-height:1.15}.woning-detail-location{color:#08aa82;margin:0 0 28px;font-size:16px;font-weight:600}.woning-detail-price{color:#1e4567;margin-bottom:25px;font-size:30px;font-weight:800}.woning-detail-price span{font-size:15px;font-weight:600}.woning-detail-text{color:#60788a;margin:0 0 30px;font-size:15px;line-height:1.7}.woning-detail-features{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px;display:grid}.woning-detail-features div{background:#f7fafc;border-radius:12px;padding:15px}.woning-detail-features strong,.woning-detail-features span{display:block}.woning-detail-features strong{color:#08aa82;margin-bottom:5px;font-size:12px}.woning-detail-features span{color:#1e4567;font-size:14px;font-weight:700}.woning-contact-button{color:#fff;cursor:pointer;background:#08aa82;border:none;border-radius:11px;width:100%;padding:15px 20px;font-size:16px;font-weight:700}.woning-contact-button:hover{background:#078f6e}@media (max-width:900px){.woning-detail-grid{grid-template-columns:1fr}.woning-detail-image{min-height:400px}}@media (max-width:600px){.woning-detail-page{padding:35px 5% 60px}.woning-detail-info{padding:25px}.woning-detail-info h1{font-size:30px}.woning-detail-features{grid-template-columns:1fr}}.interesse-page{background:#f5f8fa;min-height:100vh;padding:50px 20px}.interesse-container{max-width:850px;margin:0 auto}.interesse-back{color:#1e4567;margin-bottom:25px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.interesse-back:hover{text-decoration:underline}.interesse-card{background:#fff;border-radius:18px;padding:45px;box-shadow:0 10px 35px #1e456714}.interesse-header{margin-bottom:35px}.interesse-label{color:#08aa82;letter-spacing:1.2px;margin-bottom:12px;font-size:13px;font-weight:800;display:inline-block}.interesse-header h1{color:#1e4567;margin:0 0 15px;font-size:38px;line-height:1.2}.interesse-header p{color:#607080;margin:0;font-size:17px;line-height:1.6}.interesse-form{flex-direction:column;gap:22px;display:flex}.interesse-field{flex-direction:column;gap:8px;display:flex}.interesse-field label{color:#1e4567;font-size:15px;font-weight:700}.interesse-field input,.interesse-field textarea{box-sizing:border-box;color:#1e4567;background:#fff;border:1px solid #d6e0e7;border-radius:10px;outline:none;width:100%;padding:14px 15px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.interesse-field input:focus,.interesse-field textarea:focus{border-color:#08aa82;box-shadow:0 0 0 3px #08aa821f}.interesse-field textarea{resize:vertical;min-height:150px}.interesse-submit{color:#fff;cursor:pointer;background:#08aa82;border:none;border-radius:10px;align-self:flex-start;padding:14px 24px;font-size:16px;font-weight:700;transition:background .2s,transform .2s}.interesse-submit:hover{background:#078f6d;transform:translateY(-1px)}.interesse-success{text-align:center;background:#fff;border-radius:18px;padding:55px 45px;box-shadow:0 10px 35px #1e456714}.interesse-success-icon{color:#fff;background:#08aa82;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:30px;font-weight:700;display:inline-flex}.interesse-success h1{color:#1e4567;margin:0 0 15px;font-size:34px}.interesse-success p{color:#607080;max-width:600px;margin:0 auto 25px;font-size:17px;line-height:1.6}@media (max-width:600px){.interesse-page{padding:30px 15px}.interesse-card,.interesse-success{padding:30px 22px}.interesse-header h1{font-size:30px}.interesse-submit{width:100%}}table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}th,td{vertical-align:top;padding:14px 22px}th{white-space:nowrap;padding-bottom:18px}td{line-height:1.6}tbody tr td{border-bottom:1px solid #e5eaf0}tbody tr:hover{background-color:#f5f9fc}td details{min-width:100px}td summary{cursor:pointer;font-weight:600}
