@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --bg: #050810;
  --bg-2: #070c17;
  --bg-card: rgba(255,255,255,0.03);
  --bg-card-hover: rgba(255,255,255,0.055);
  --border: rgba(255,255,255,0.07);
  --border-blue: rgba(99,179,237,0.35);
  --blue: #63b3ed;
  --blue-v: #4299e1;
  --blue-dim: rgba(99,179,237,0.1);
  --teal: #4fd1c5;
  --purple: #b794f4;
  --pink: #f687b3;
  --green: #68d391;
  --amber: #f6ad55;
  --red: #fc8181;
  --text: #e2e8f0;
  --text-2: #8a97ab;
  --text-3: #4a5568;
  --font: 'Space Grotesk','Inter',sans-serif;
  --ease: cubic-bezier(0.4,0,0.2,1);
}

*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:var(--font); background:var(--bg); color:var(--text); overflow-x:hidden; line-height:1.7; }

#stars { position:fixed; inset:0; z-index:0; pointer-events:none; }
.cglow { position:fixed; width:560px; height:560px; border-radius:50%; background:radial-gradient(circle,rgba(99,179,237,0.065) 0%,rgba(79,209,197,0.03) 32%,transparent 70%); pointer-events:none; z-index:1; transform:translate(-50%,-50%); transition:left .1s,top .1s; }

.page-aurora { position:fixed; inset:0; z-index:0; pointer-events:none; background:radial-gradient(ellipse 70% 50% at 8% 30%,rgba(99,179,237,.07) 0%,transparent 58%),radial-gradient(ellipse 50% 60% at 88% 20%,rgba(183,148,244,.05) 0%,transparent 55%),radial-gradient(ellipse 45% 45% at 60% 95%,rgba(79,209,197,.04) 0%,transparent 60%); }

@keyframes breathe { 0%,100%{transform:scale(1);opacity:1;} 50%{transform:scale(1.5);opacity:.6;} }
@keyframes aur { 0%{opacity:.7;transform:scale(1);} 100%{opacity:1;transform:scale(1.06) rotate(.8deg);} }

.rv { opacity:0; transform:translateY(30px); transition:opacity .65s var(--ease),transform .65s var(--ease); }
.rv.on { opacity:1; transform:translateY(0); }
.d1 { transition-delay:.1s; }
.d2 { transition-delay:.2s; }
.d3 { transition-delay:.3s; }
.d4 { transition-delay:.4s; }

.stag { display:inline-block; font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--blue); margin-bottom:14px; padding:4px 12px; background:rgba(99,179,237,.08); border-radius:100px; border:1px solid rgba(99,179,237,.15); }
.sh { font-size:clamp(30px,4vw,50px); font-weight:800; letter-spacing:-1.5px; color:#fff; line-height:1.1; margin-bottom:14px; }
.sh span { background:linear-gradient(135deg,var(--blue),var(--teal)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.ss { font-size:16px; color:var(--text-2); max-width:520px; line-height:1.75; margin-bottom:52px; }

/* CONTACT SECTION LAYOUT */
.contact-container { display:grid; grid-template-columns:0.5fr 3fr; gap:3rem; align-items:flex-start; max-width:2000px; margin:0 auto; }
.contact-info { display:flex; align-items:flex-start; }
.contact-form-wrapper { width:100%; }

/* CONTACT FORM STYLES */
.contact-form { display:flex; flex-direction:column; gap:16px; }
.form-group { display:flex; flex-direction:column; }
.form-input, .form-textarea { background:rgba(255,255,255,0.05); border:1px solid rgba(99,179,237,0.25); color:var(--text); font-family:var(--font); font-size:15px; padding:14px 16px; border-radius:8px; transition:all .2s var(--ease); }
.form-input::placeholder, .form-textarea::placeholder { color:var(--text-3); }
.form-input:focus, .form-textarea:focus { outline:none; background:rgba(255,255,255,0.08); border-color:var(--blue); box-shadow:0 0 0 3px rgba(99,179,237,0.1); }
.form-textarea { resize:none; min-height:140px; font-family:var(--font); }
.form-submit { background:linear-gradient(135deg,var(--blue),var(--teal)); color:#fff; border:none; font-family:var(--font); font-size:15px; font-weight:600; padding:14px 32px; border-radius:100px; cursor:pointer; transition:all .2s var(--ease); text-transform:uppercase; letter-spacing:1px; }
.form-submit:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(99,179,237,0.3); }
.form-submit:active { transform:translateY(0); }
.form-submit:disabled { opacity:0.6; cursor:not-allowed; transform:none; }
.form-status { text-align:center; font-size:13px; min-height:18px; margin-top:4px; }
.form-status.success { color:var(--green); }
.form-status.error { color:var(--red); }

@media(max-width:1200px) {
  .contact-container { max-width:1200px; gap:3rem; }
}

@media(max-width:968px) {
  .contact-container { grid-template-columns:1fr; gap:2rem; }
  .contact-info { justify-content:center; }
}

@media(max-width:768px) {
  .form-input, .form-textarea { font-size:15px; padding:12px 14px; }
  .sh { font-size:clamp(28px,5vw,38px); margin-bottom:12px; }
  .ss { font-size:15px; margin-bottom:40px; }
}

@media(max-width:480px) {
  .contact-container { gap:1.5rem; padding:0 4%; }
  .contact-info { margin-bottom:20px; }
  .contact-form-wrapper { width:100%; }
  .form-input, .form-textarea { font-size:14px; padding:10px 12px; border-radius:6px; }
  .form-textarea { min-height:120px; }
  .form-submit { padding:12px 24px; font-size:13px; }
  .form-status { font-size:12px; }
  .sh { font-size:clamp(22px,5vw,32px); margin-bottom:10px; }
  .ss { font-size:14px; margin-bottom:32px; }
}