/* ======================================================
   PRIDE AVIATION — PREMIUM RFQ PAGE
====================================================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, sans-serif;
}

/* BODY */

body{

background:#08111f;

color:white;

overflow-x:hidden;

}

/* NAVBAR */

.navbar{

position:fixed;

top:0;
left:0;

width:100%;

display:flex;

justify-content:space-between;

align-items:center;

padding:18px 55px;

background:rgba(5,15,30,0.92);

backdrop-filter:blur(12px);

-webkit-backdrop-filter:blur(12px);

z-index:1000;

border-bottom:1px solid rgba(255,255,255,0.08);

}

/* LOGO AREA */

.logo-section{

display:flex;

align-items:center;

gap:15px;

}

.logo{

width:55px;

background:white;

padding:4px;

border-radius:4px;

}

.brand-name{

font-size:30px;

font-weight:700;

color:white;

line-height:1;

}

.tagline{

font-size:12px;

color:rgba(255,255,255,0.75);

margin-top:4px;

}

/* NAVIGATION */

.nav-links{

display:flex;

list-style:none;

gap:35px;

}

.nav-links a{

text-decoration:none;

color:white;

font-size:15px;

font-weight:600;

transition:0.3s;

}

.nav-links a:hover{

color:#4da3ff;

}

/* RFQ SECTION */

.rfq-section{

min-height:100vh;

padding:160px 20px 80px;

background:
linear-gradient(rgba(0,0,0,0.52),
rgba(0,0,0,0.52)),
url('rfq.jpg');

background-size:cover;

background-position:center;

background-repeat:no-repeat;

display:flex;

justify-content:center;

align-items:center;

}

/* RFQ CONTAINER */

.rfq-container{

width:100%;

max-width:720px;

padding:55px;

border-radius:24px;

background:rgba(10,18,32,0.42);

backdrop-filter:blur(20px);

-webkit-backdrop-filter:blur(20px);

border:1px solid rgba(255,255,255,0.12);

box-shadow:
0 12px 40px rgba(0,0,0,0.45),
0 0 25px rgba(0,102,255,0.08);

}

/* TITLE */

.rfq-container h1{

text-align:center;

font-size:42px;

font-weight:700;

margin-bottom:40px;

color:white;

}

/* FORM */

.rfq-form{

display:flex;

flex-direction:column;

}

/* INPUTS */

.rfq-form input,
.rfq-form textarea{

width:100%;

padding:18px;

margin-bottom:22px;

background:rgba(255,255,255,0.05);

border:1px solid rgba(255,255,255,0.18);

border-radius:12px;

color:white;

font-size:16px;

outline:none;

backdrop-filter:blur(8px);

-webkit-backdrop-filter:blur(8px);

transition:0.3s;

}

/* PLACEHOLDER */

.rfq-form input::placeholder,
.rfq-form textarea::placeholder{

color:rgba(255,255,255,0.65);

}

/* INPUT FOCUS */

.rfq-form input:focus,
.rfq-form textarea:focus{

border:1px solid #3ea6ff;

background:rgba(255,255,255,0.08);

box-shadow:0 0 14px rgba(62,166,255,0.35);

}

/* TEXTAREA */

.rfq-form textarea{

height:180px;

resize:none;

}

/* BUTTON */

.rfq-form button{

width:100%;

padding:18px;

border:none;

border-radius:12px;

background:linear-gradient(90deg,#0077ff,#0052cc);

color:white;

font-size:18px;

font-weight:700;

cursor:pointer;

transition:0.3s;

box-shadow:0 8px 20px rgba(0,102,255,0.28);

}

.rfq-form button:hover{

transform:translateY(-2px);

background:linear-gradient(90deg,#1b8cff,#0062f5);

box-shadow:0 10px 25px rgba(0,102,255,0.45);

}

/* RESPONSIVE */

@media(max-width:768px){

.navbar{

padding:18px 20px;

flex-direction:column;

gap:15px;

}

.nav-links{

gap:18px;

flex-wrap:wrap;

justify-content:center;

}

.rfq-container{

padding:35px 25px;

}

.rfq-container h1{

font-size:32px;

}

}