:root{--bg:#050605;--panel:#0d100d;--panel2:#141914;--green:#45c41d;--green2:#91ff63;--text:#f5f7f3;--muted:#aab2aa;--line:#262d26;--danger:#ff5d5d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -10%,#183112 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}.wrap{width:min(1180px,calc(100% - 34px));margin:auto}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;background:rgba(5,6,5,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.8px}.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover}.brand span b{color:var(--green)}.navlinks{display:flex;gap:22px;margin-left:auto;color:#d8ddd7}.navlinks a:hover{color:var(--green2)}.btn{border:0;border-radius:11px;padding:13px 18px;font-weight:900;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn-primary{background:var(--green);color:#071007}.btn-primary:hover{filter:brightness(1.1)}.btn-dark{background:#151a15;color:white;border:1px solid var(--line)}.hero{padding:70px 0 40px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.kicker{color:var(--green2);font-size:13px;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(54px,8vw,112px);line-height:.86;margin:14px 0 24px;letter-spacing:-5px}.hero h1 span{color:var(--green)}.hero p{font-size:20px;color:var(--muted);max-width:650px;line-height:1.55}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-card{min-height:440px;border-radius:30px;background:linear-gradient(150deg,rgba(72,202,30,.18),rgba(0,0,0,.15)),url('/assets/greenz-logo.png') center/66% no-repeat,#0b0e0b;border:1px solid #283128;box-shadow:0 30px 100px rgba(0,0,0,.55);position:relative;overflow:hidden}.hero-card:after{content:'TICKETS • EVENTS • GRENADA';position:absolute;bottom:26px;left:26px;right:26px;padding:15px;background:rgba(0,0,0,.72);border:1px solid #2c342c;border-radius:14px;text-align:center;font-weight:900;letter-spacing:1.4px}.section{padding:58px 0}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:24px}.section h2{font-size:42px;margin:6px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:#111511;border:1px solid var(--line);color:#dfe5dd;padding:10px 14px;border-radius:999px;cursor:pointer}.filter.active{background:var(--green);color:#061006;border-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.event-card{background:linear-gradient(180deg,#101510,#0b0d0b);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s}.event-card:hover{transform:translateY(-4px);border-color:#4d6b44}.event-img{aspect-ratio:16/10;background:linear-gradient(135deg,#172916,#090b09);position:relative;overflow:hidden}.event-img img{width:100%;height:100%;object-fit:cover;display:block}.event-img.no-image:before{content:'GREENZ';font-size:38px;font-weight:1000;color:#57d82b;position:absolute;inset:0;display:grid;place-items:center;letter-spacing:4px;opacity:.35}.event-badge{position:absolute;top:13px;left:13px;background:#0a0d0a;border:1px solid #334033;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900;text-transform:uppercase}.event-body{padding:18px}.event-body h3{font-size:24px;margin:4px 0 9px}.meta{color:var(--muted);font-size:14px;line-height:1.55}.price-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.price{font-size:23px;font-weight:1000;color:var(--green2)}.how{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{background:#0e120e;border:1px solid var(--line);padding:22px;border-radius:16px}.step b{color:var(--green);font-size:28px}.step span{display:block;margin-top:8px;color:#e7ebe5;font-weight:800}.footer{border-top:1px solid var(--line);padding:30px 0 45px;color:var(--muted)}.empty{padding:50px;border:1px dashed #384338;border-radius:20px;text-align:center;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center;padding:18px;z-index:50}.modal.open{display:flex}.modal-box{width:min(520px,100%);background:#0d110d;border:1px solid #2d382d;border-radius:22px;padding:24px}.modal-box h3{font-size:28px;margin:6px 0}.qty{display:flex;justify-content:space-between;align-items:center;background:#141914;padding:13px;border-radius:12px;margin:18px 0}.qty-controls{display:flex;align-items:center;gap:14px}.qty-controls button{width:34px;height:34px;border-radius:9px;border:1px solid #344034;background:#0a0d0a;color:#fff;font-size:20px}.full{width:100%}.close{float:right;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}.note{font-size:12px;color:var(--muted);margin-top:12px}.success-card{width:min(760px,calc(100% - 34px));margin:70px auto;background:#0e120e;border:1px solid #2b362b;border-radius:24px;padding:32px}.ticket-code{font-size:clamp(34px,7vw,65px);font-weight:1000;color:var(--green2);letter-spacing:2px}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#080a08;border-right:1px solid var(--line);padding:22px;position:sticky;top:0;height:100vh}.sidebar .brand{margin-bottom:28px}.sidebar a.navitem{display:block;padding:12px 13px;border-radius:10px;color:#d8ded6;margin:5px 0}.sidebar a.navitem:hover,.sidebar a.active{background:#141a14;color:var(--green2)}.admin-main{padding:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#101410;border:1px solid var(--line);padding:20px;border-radius:15px}.stat b{display:block;font-size:28px;margin-top:5px}.table-wrap{overflow:auto;background:#0f130f;border:1px solid var(--line);border-radius:16px;margin-top:20px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px;border-bottom:1px solid #242b24}th{color:#9faa9f;font-size:12px;text-transform:uppercase}.status{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}.status.paid{background:#173614;color:#9cff75}.status.pending{background:#383112;color:#ffe06d}.form-card{background:#0f130f;border:1px solid var(--line);padding:20px;border-radius:16px;max-width:850px}.field{margin-bottom:15px}.field label{display:block;font-size:13px;color:#bfc7bd;margin-bottom:6px;font-weight:700}.field input,.field textarea,.field select{width:100%;background:#080b08;border:1px solid #303930;color:white;border-radius:10px;padding:12px}.field textarea{min-height:110px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flash{padding:12px 14px;border-radius:10px;background:#153214;color:#aaff8b;margin-bottom:16px}.danger{color:#ff7d7d}.login-card{width:min(430px,calc(100% - 34px));margin:80px auto;background:#0f130f;border:1px solid var(--line);border-radius:20px;padding:28px}.login-card img{width:84px;height:84px;border-radius:50%;display:block;margin:0 auto 14px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-card{min-height:320px}.grid{grid-template-columns:1fr 1fr}.how{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;border-right:0;border-bottom:1px solid var(--line)}.stats{grid-template-columns:1fr 1fr}.navlinks{display:none}}@media(max-width:620px){.wrap{width:min(100% - 22px,1180px)}.nav{height:68px}.brand img{width:42px;height:42px}.hero{padding-top:38px}.hero h1{letter-spacing:-2px}.hero p{font-size:17px}.grid,.how,.stats,.form-grid{grid-template-columns:1fr}.section h2{font-size:34px}.admin-main{padding:18px}.hero-card{min-height:280px}}
/* ---- Greenz one-scan ticket / gate scanner ---- */
.ticket-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.digital-ticket{background:#080b08;border:1px solid #2d382d;border-radius:20px;padding:18px;text-align:center;overflow:hidden}.ticket-number{font-size:11px;font-weight:1000;letter-spacing:1.8px;color:var(--green2);margin-bottom:12px}.digital-ticket .qr{width:200px;max-width:100%;margin:0 auto 14px;background:white;padding:10px;border-radius:13px;display:grid;place-items:center}.digital-ticket .qr img,.digital-ticket .qr canvas{max-width:100%;height:auto}.digital-ticket .barcode{width:100%;height:72px;margin:4px 0 8px}.ticket-code.small{font-size:clamp(20px,4vw,30px);letter-spacing:1.2px;overflow-wrap:anywhere}.ticket-state{font-size:11px;color:var(--muted);margin-top:9px}.ticket-state strong{color:var(--green2)}
.scanner-link{border:1px solid #31542a!important;background:#10200f!important;color:var(--green2)!important}.scanner-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px;align-items:start}.scanner-card{background:#0f130f;border:1px solid var(--line);border-radius:20px;padding:18px}.scanner-card #reader{background:#050705;border-radius:15px;overflow:hidden;border:1px solid #283128}.scanner-card #reader button,.scanner-card #reader select{border-radius:9px;padding:9px}.manual-scan{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.manual-scan label{display:block;color:#bfc7bd;font-size:12px;font-weight:800;margin-bottom:7px}.manual-row{display:flex;gap:9px}.manual-row input{min-width:0;flex:1;background:#080b08;border:1px solid #303930;color:white;border-radius:10px;padding:12px;font-size:16px;text-transform:uppercase}.scan-result{min-height:330px;border-radius:20px;padding:30px;border:2px solid #283128;background:#0b0e0b;display:flex;flex-direction:column;justify-content:center;text-align:center;position:sticky;top:24px}.scan-result .scan-icon{font-size:74px;line-height:1;font-weight:1000;margin-bottom:12px}.scan-result h2{font-size:36px;margin:0 0 8px}.scan-result p{font-size:16px;color:#d7ded5}.scan-result.ready .scan-icon,.scan-result.checking .scan-icon{color:var(--green)}.scan-result.accepted{border-color:#54db2d;background:radial-gradient(circle at 50% 20%,rgba(69,196,29,.23),transparent 45%),#071007}.scan-result.accepted .scan-icon,.scan-result.accepted h2{color:#91ff63}.scan-result.used,.scan-result.invalid,.scan-result.unpaid{border-color:#ff5d5d;background:radial-gradient(circle at 50% 20%,rgba(255,93,93,.18),transparent 45%),#100707}.scan-result.used .scan-icon,.scan-result.used h2,.scan-result.invalid .scan-icon,.scan-result.invalid h2,.scan-result.unpaid .scan-icon,.scan-result.unpaid h2{color:#ff7373}.scan-code{font-size:22px;font-weight:1000;letter-spacing:1px;margin:13px 0;overflow-wrap:anywhere}.scan-detail{background:rgba(0,0,0,.3);padding:14px;border-radius:12px;line-height:1.6;color:#dce3da}.used-time{margin-top:12px;font-size:13px;color:#ffb0b0}.stats{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.scanner-grid{grid-template-columns:1fr}.scan-result{position:relative;top:auto;min-height:240px}.stats{grid-template-columns:1fr 1fr}.ticket-list{grid-template-columns:1fr}}
@media(max-width:620px){.manual-row{flex-direction:column}.scan-result h2{font-size:30px}.scan-result .scan-icon{font-size:60px}.digital-ticket{padding:14px}.digital-ticket .qr{width:190px}}


/* =====================================================
   GREENZ SEXY HOME V1
===================================================== */

.sexy-home{
  background:#010301;
  color:#fff;
  overflow-x:hidden;
}

.sexy-header{
  height:86px;
  width:min(1460px,calc(100% - 28px));
  margin:12px auto 0;
  border:1px solid #21ef38;
  border-radius:22px;
  padding:0 25px;
  display:flex;
  align-items:center;
  gap:26px;
  background:rgba(0,4,0,.96);
  position:relative;
  z-index:20;
  box-shadow:0 0 32px rgba(0,255,55,.08);
}

.sexy-brand{
  display:flex;
  align-items:center;
  gap:13px;
  font-size:23px;
  font-weight:1000;
  letter-spacing:.5px;
  white-space:nowrap;
}

.sexy-brand img{
  width:61px;
  height:61px;
  border-radius:50%;
}

.sexy-brand b{
  color:#28ed28;
}

.sexy-header nav{
  margin-left:auto;
  display:flex;
  gap:30px;
  align-items:center;
}

.sexy-header nav a{
  font-weight:900;
  font-size:13px;
  letter-spacing:.4px;
  color:#e4e7e4;
  padding:29px 0 20px;
}

.sexy-header nav a.active,
.sexy-header nav a:hover{
  color:#31f231;
  border-bottom:3px solid #31f231;
}

.sexy-get{
  background:#31d719;
  color:#020902;
  padding:15px 27px;
  border-radius:28px;
  font-weight:1000;
  white-space:nowrap;
}

.sexy-poster{
  width:100%;
  max-width:1672px;
  margin:0 auto;
  position:relative;
  background:#000;
  overflow:hidden;
}

.sexy-poster img{
  width:100%;
  height:auto;
  display:block;
}

.poster-hotspot{
  position:absolute;
  z-index:5;
  display:block;
}

.poster-buy{
  left:7%;
  top:55%;
  width:18%;
  height:8%;
}

.poster-gcplay{
  left:70%;
  top:43%;
  width:27%;
  height:18%;
}

.poster-events{
  right:6%;
  top:63%;
  width:13%;
  height:6%;
}

.sexy-wrap{
  width:min(1450px,calc(100% - 36px));
  margin:auto;
}

.live-events{
  padding:52px 0 65px;
  background:
  radial-gradient(circle at 50% 0,#0e250b 0,transparent 40%),
  #020402;
  border-top:1px solid #19b929;
}

.live-events-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:23px;
}

.live-events h2,
.sexy-how h2{
  font-size:43px;
  margin:8px 0 0;
}

.sexy-kicker{
  color:#45ff45;
  font-size:16px;
  font-weight:1000;
  letter-spacing:1px;
}

.sexy-event-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.sexy-event-card{
  background:#050805;
  border:1px solid #18c532;
  border-radius:17px;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(0,255,55,.03);
  transition:.22s;
}

.sexy-event-card:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 40px rgba(0,255,40,.12);
}

.sexy-event-image{
  height:185px;
  position:relative;
  overflow:hidden;
}

.sexy-event-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.sexy-event-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(transparent 45%,rgba(0,0,0,.85));
}

.sexy-category{
  position:absolute;
  top:12px;
  left:12px;
  background:#030603;
  color:#71ff65;
  border:1px solid #1cc83d;
  border-radius:20px;
  padding:6px 10px;
  font-size:10px;
  font-weight:1000;
}

.sexy-event-info{
  padding:16px;
}

.sexy-event-info h3{
  margin:0 0 8px;
  font-size:19px;
}

.sexy-event-info p{
  margin:0;
  color:#b8c2b8;
  line-height:1.55;
  font-size:13px;
}

.sexy-event-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:15px;
  gap:10px;
}

.sexy-event-bottom strong{
  color:#91ff70;
  font-size:19px;
}

.sexy-buy{
  border:0;
  cursor:pointer;
  background:linear-gradient(#ff3131,#e50000);
  color:#fff;
  font-weight:1000;
  padding:10px 18px;
  border-radius:20px;
  box-shadow:0 0 15px rgba(255,0,0,.3);
}

.sexy-buy:hover{
  filter:brightness(1.15);
}

.sexy-how{
  padding:65px 0;
  background:#030603;
  border-top:1px solid #183318;
}

.sexy-steps{
  margin-top:30px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px;
}

.sexy-steps div{
  border:1px solid #1b5d20;
  background:#070b07;
  border-radius:15px;
  padding:23px;
}

.sexy-steps b{
  display:block;
  color:#46f53d;
  font-size:27px;
}

.sexy-steps span{
  font-weight:900;
  display:block;
  margin-top:8px;
}

.sexy-footer{
  border-top:1px solid #1ab936;
  background:#000;
  padding:45px 0 22px;
}

.sexy-footer-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:40px;
}

.footer-brand{
  display:flex;
  gap:14px;
}

.footer-brand img{
  width:70px;
  height:70px;
}

.footer-brand b{
  font-size:18px;
}

.footer-brand b span{
  color:#30ef32;
}

.footer-brand p{
  color:#939c93;
  line-height:1.4;
}

.sexy-footer-grid>div:not(.footer-brand)>b{
  display:block;
  margin-bottom:12px;
}

.sexy-footer-grid a{
  display:block;
  color:#aab2aa;
  margin:8px 0;
}

.sexy-footer-grid a:hover{
  color:#43ff43;
}

.copyright{
  text-align:center;
  color:#737b73;
  font-size:12px;
  margin-top:36px;
}

.sexy-empty{
  grid-column:1/-1;
  border:1px dashed #286128;
  border-radius:17px;
  padding:50px;
  text-align:center;
  color:#a6afa6;
}

.sexy-home .filter{
  border-color:#19571e;
}

.sexy-home .filter.active{
  background:#25d51f;
}

@media(max-width:1050px){
  .sexy-header nav{
    display:none;
  }

  .sexy-event-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .sexy-footer-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px){
  .sexy-header{
    height:70px;
    padding:0 13px;
    border-radius:15px;
  }

  .sexy-brand{
    font-size:17px;
  }

  .sexy-brand img{
    width:45px;
    height:45px;
  }

  .sexy-get{
    margin-left:auto;
    padding:11px 14px;
    font-size:12px;
  }

  .sexy-poster{
    min-height:480px;
  }

  .sexy-poster img{
    width:auto;
    height:480px;
    max-width:none;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
  }

  .poster-hotspot{
    display:none;
  }

  .live-events{
    padding-top:35px;
  }

  .live-events-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .sexy-event-grid,
  .sexy-steps,
  .sexy-footer-grid{
    grid-template-columns:1fr;
  }

  .sexy-event-image{
    height:215px;
  }

  .live-events h2,
  .sexy-how h2{
    font-size:34px;
  }
}



/* CLICKABLE EVENT CARDS INSIDE HERO ART */
.poster-card{
  top:69%;
  height:12%;
  cursor:pointer;
}

.poster-card-1{
  left:6.3%;
  width:21%;
}

.poster-card-2{
  left:28%;
  width:22%;
}

.poster-card-3{
  left:50.6%;
  width:21%;
}

.poster-card-4{
  left:72%;
  width:21%;
}

.poster-card:hover{
  box-shadow:inset 0 0 0 2px rgba(61,255,61,.65);
  border-radius:14px;
}

/* ===== INVISIBLE HERO CLICK AREAS ===== */
.poster-hotspot,
.poster-hotspot:hover,
.poster-hotspot:focus,
.poster-hotspot:focus-visible,
.poster-hotspot:active,
.poster-buy,
.poster-buy:hover,
.poster-buy:focus,
.poster-gcplay,
.poster-gcplay:hover,
.poster-gcplay:focus {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Prevent any browser focus rectangle on hero artwork */
.sexy-poster a {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}


/* ===== GCPLAY HERO LINK FIX V3 ===== */

.sexy-poster{
    position:relative !important;
}

.sexy-poster .poster-gcplay{
    display:block !important;
    position:absolute !important;

    /* GC PLAY box on the final Toronto banner */
    left:67% !important;
    top:62% !important;
    width:31% !important;
    height:27% !important;

    z-index:50 !important;
    cursor:pointer !important;
    pointer-events:auto !important;

    background:transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}

/* Keep other invisible artwork links behind GC PLAY */
.sexy-poster .poster-buy{
    z-index:40 !important;
}


/* ===== GREENZ CONTACT PAGE V1 ===== */

.contact-page{
    margin:0;
    min-height:100vh;
    background:
        radial-gradient(circle at 75% 10%,rgba(34,180,23,.16),transparent 32%),
        #020402;
    color:#fff;
}

.contact-header{
    width:min(1450px,calc(100% - 30px));
    margin:14px auto;
    min-height:82px;

    display:flex;
    align-items:center;
    gap:28px;

    padding:0 24px;

    border:1px solid #27d52e;
    border-radius:20px;

    background:#010301;
}

.contact-brand{
    display:flex;
    align-items:center;
    gap:12px;

    font-weight:1000;
    font-size:22px;

    color:#fff;
    text-decoration:none;
}

.contact-brand img{
    width:58px;
    height:58px;
    border-radius:50%;
}

.contact-brand b{
    color:#43ee31;
}

.contact-header nav{
    margin-left:auto;

    display:flex;
    align-items:center;
    gap:30px;
}

.contact-header nav a{
    color:#eee;
    font-size:13px;
    font-weight:900;
    text-decoration:none;

    padding:30px 0 22px;
}

.contact-header nav a:hover,
.contact-header nav a.active{
    color:#45f43b;
    border-bottom:3px solid #45f43b;
}

.contact-get{
    background:#42df20;
    color:#031003;

    padding:14px 24px;

    border-radius:22px;

    font-weight:1000;
    text-decoration:none;
}

.contact-main{
    width:min(1250px,calc(100% - 36px));
    margin:75px auto;

    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:55px;

    align-items:start;
}

.contact-kicker{
    color:#48f03d;
    font-size:15px;
    letter-spacing:2px;
    font-weight:1000;
}

.contact-intro h1{
    margin:12px 0 18px;

    font-size:52px;
    line-height:1.05;
}

.contact-intro h1 span{
    color:#47e42f;
}

.contact-intro > p{
    max-width:560px;

    color:#b6bdb6;
    line-height:1.7;
    font-size:17px;
}

.contact-info-box{
    margin-top:35px;

    border:1px solid #235829;
    border-radius:18px;

    overflow:hidden;

    background:#070a07;
}

.contact-info-box > div{
    padding:19px 22px;

    border-bottom:1px solid #172a19;

    display:flex;
    flex-direction:column;
    gap:5px;
}

.contact-info-box > div:last-child{
    border-bottom:0;
}

.contact-info-box b{
    color:#5df050;
    font-size:12px;
    letter-spacing:1px;
}

.contact-info-box span,
.contact-info-box a{
    color:#fff;
    text-decoration:none;
}

.contact-form-card{
    padding:30px;

    background:#080c08;

    border:1px solid #235829;
    border-radius:20px;

    box-shadow:0 20px 70px rgba(0,0,0,.32);
}

.contact-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:17px;
}

.contact-field{
    margin-bottom:18px;
}

.contact-field label{
    display:block;

    margin-bottom:7px;

    color:#c8d0c8;
    font-weight:800;
    font-size:13px;
}

.contact-field input,
.contact-field textarea{
    width:100%;

    box-sizing:border-box;

    padding:14px 15px;

    background:#030503;
    color:#fff;

    border:1px solid #283528;
    border-radius:11px;

    font:inherit;

    outline:none;
}

.contact-field textarea{
    resize:vertical;
    min-height:150px;
}

.contact-field input:focus,
.contact-field textarea:focus{
    border-color:#44df34;

    box-shadow:0 0 0 3px rgba(68,223,52,.08);
}

.contact-send{
    min-width:210px;

    padding:15px 24px;

    border:0;
    border-radius:12px;

    background:#43d925;
    color:#031003;

    font-weight:1000;
    font-size:15px;

    cursor:pointer;
}

.contact-send:hover{
    filter:brightness(1.12);
}

.contact-success{
    margin-bottom:22px;
    padding:17px;

    border:1px solid #36ce2c;
    border-radius:12px;

    background:#0a2609;
    color:#7cff68;

    font-weight:900;
}

.contact-success span{
    display:block;

    margin-top:5px;

    color:#c8e8c3;
    font-size:12px;
    font-weight:500;
}

.contact-error{
    margin-bottom:22px;
    padding:16px;

    border:1px solid #e52e2e;
    border-radius:12px;

    background:#310707;
    color:#ff8a8a;
}

.contact-footer{
    min-height:75px;

    border-top:1px solid #1a7421;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:35px;

    color:#7f897f;

    font-size:12px;
}

.contact-footer a{
    color:#4aeb36;
    text-decoration:none;
    font-weight:900;
}


@media(max-width:850px){

    .contact-header nav{
        display:none;
    }

    .contact-get{
        margin-left:auto;
    }

    .contact-main{
        grid-template-columns:1fr;
        margin-top:45px;
    }

    .contact-intro h1{
        font-size:40px;
    }
}


@media(max-width:600px){

    .contact-header{
        min-height:68px;
        padding:0 12px;
    }

    .contact-brand{
        font-size:16px;
    }

    .contact-brand img{
        width:44px;
        height:44px;
    }

    .contact-get{
        padding:11px 13px;
        font-size:11px;
    }

    .contact-grid{
        grid-template-columns:1fr;
        gap:0;
    }

    .contact-form-card{
        padding:20px;
    }
}