:root {--c1:#E0D0AD;--c2:#4C4F6D}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Ploni',Arial,sans-serif}
body{direction:rtl;cursor:default;background-color:#484D64}
body:before {content:'';position:absolute;top:0;left:0;right:0;background:linear-gradient(var(--c2),transparent);height:300px;z-index:2}
video {position:fixed;inset:0;width:100%;height:100%;object-fit:cover}
.project-logo {position:absolute;top:40px;right:5vw;z-index:2;max-width:300px}
.headline {position:absolute;top:40px;right:50%;z-index:2;transform:translateX(50%);text-align:center;font-size:1.3em;color:var(--c1)}
.headline h1 {font-size:4.5em;font-weight:900;background:linear-gradient(to right, #fff, var(--c1));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:.8}
.friends-family-box {position:absolute;bottom:35vh;background-color:#DFDFD6;padding:20px 40px;color:var(--c2);font-size:1.5em;  clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 10% 100%, 0% 50%);}
.friends-family-box span {font-weight:bold}
.m-screen {display:none}
footer {position:fixed;bottom:0;background-color:hsl(234.55deg 17.84% 36.27% / 92%);inset-inline:0;padding:40px 5vw 40px 25vw;z-index:2;display:flex;gap:40px}
.apt-types {color:var(--c1);font-weight:bold;font-size:2em;padding-inline-end:40px;line-height:1}
.apt-types span {display:block;white-space:nowrap}
.project-desc {color:var(--c1);font-size:1.5em;line-height:1.2}
form {position:absolute;bottom:40px;left:5vw;max-width:18%;background-color:var(--c1);padding:30px;border-radius:30px;color:var(--c2)}
form h2 {text-align:center;margin-bottom:10px}
.form-group{margin-bottom:10px}
label{display:block;margin-bottom:.5rem}
input{width:100%;padding:10px 20px;border:2px var(--c2) solid;text-align:right;font-size:1.1em;background-color:transparent}
input::placeholder{color:var(--c2);font-size:1em}
input[type="checkbox"]{width:auto;margin-left:.5rem;font-size:1em}
input[type="checkbox"]{display:none}
.checkbox-group{margin:1rem 0;display:flex;align-items:center}
.checkbox-group label {margin-bottom:0;font-size:.8em;display:block;padding-inline-start:40px;position:relative;text-align:right;line-height:1}
.checkbox-group label:before {content:'';width:15px;height:15px;border:2px var(--c2) solid;display:block;position:absolute;top:0;inset-inline-start:0;transition:all .2s ease}
.checkbox-group label:hover:before {transform:scale(1.2);box-shadow:0 0 10px var(--c1)}
.checkbox-group label:after {content:'';width:20px;height:20px;background:url(../images/v.svg) no-repeat center center / 60%;display:block;position:absolute;top:0;inset-inline-start:0;z-index:2;opacity:0;transform:translateY(-10px);transition:all .2s ease}
.checkbox-group input:checked+label:after {opacity:1;transform:translateY(0)}
button{background-color:var(--c2);color:#fff;border:none;padding:.75rem 2rem;cursor:pointer;font-weight:700;width:100%;font-size:1.3em;display:flex;align-items:center;justify-content:center;gap:.25rem;transition:all .2s ease}
button span{display:inline-block;transform:scaleX(-1)}
button:hover{box-shadow:0 5px 20px var(--c1);transform:translateY(-2px)}
.disclaimer{display:block;text-align:center;font-size:.8em;color:var(--c1);position:absolute;top:50%;left:20px;z-index:2;writing-mode:vertical-rl;text-orientation:mixed;}
@media (max-width:1000px) {
  body:before {display:none}
  video,.friends-family-box {display:none}
  .m-screen {display:block;width:100%;z-index:-1;position:relative}
  .project-logo {position:static;transform:none;margin:20px auto;display:block}
  .headline {position:static;transform:none;font-size:1em;margin:20px auto -20vh auto}
  footer {position:static;display:block;background-color:transparent;text-align:center;padding:0}
  form {position:static;max-width:none;border-radius:20px 20px 0 0}
  .apt-types {padding:20px}
  .project-desc {padding:0 20px 40px 20px;font-size:1.3em}
}
@media (max-width: 768px) {
}
@media (max-width:580px) {
}

#thankYouMessage{display:none;text-align:center;color:#fcc52d;padding-top:50px}
#thankYouMessage h2{color:#fff;font-weight:700;margin-bottom:20px;font-size:1.5em}
#thankYouMessage p{font-size:1.2em}

/* Ploni Font Family */
@font-face {
    font-display: swap;
    font-family: 'Ploni';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/ploni woff/ploni-light-aaa.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Ploni';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/ploni woff/ploni-regular-aaa.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Ploni';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/ploni woff/ploni-medium-aaa.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Ploni';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/ploni woff/ploni-demibold-aaa.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Ploni';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/ploni woff/ploni-bold-aaa.woff') format('woff');
}

@font-face {
    font-display: swap;
    font-family: 'Ploni';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/ploni woff/ploni-black-aaa.woff') format('woff');
}

/* Anti-spam honeypot field - multiple methods to ensure it's hidden */
#website {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}