*{margin:0;padding:0;box-sizing:border-box}

body{
font-family:'Segoe UI',sans-serif;
background:linear-gradient(135deg,#eef2ff,#f0f9ff);
color:#1f2937;
}

/* ================= HEADER ================= */

header{
padding:20px 8%;
display:flex;
justify-content:space-between;
align-items:center;
background:rgba(255,255,255,0.9);
backdrop-filter:blur(10px);
box-shadow:0 2px 15px rgba(0,0,0,0.05);
}

header h2{
font-size:22px;
font-weight:700;
color:#1e3a8a;
}

nav a{
text-decoration:none;
margin-left:25px;
font-size:14px;
color:#334155;
transition:.3s;
}

nav a:hover{
color:#4f46e5;
}

/* ================= PAGE ================= */

.page{
padding:50px 8% 80px;
}

.layout{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}

@media(max-width:1000px){
.layout{grid-template-columns:1fr}
}

.card{
background:#fff;
padding:22px;
border-radius:14px;
box-shadow:0 10px 25px rgba(0,0,0,0.06);
}

input{
width:100%;
padding:10px;
margin-bottom:12px;
border:1px solid #ccc;
border-radius:8px;
font-size:14px;
}

button{
padding:9px 14px;
border:none;
cursor:pointer;
border-radius:8px;
font-weight:600;
margin-right:6px;
margin-top:6px;
}

.btnPrimary{background:#4f46e5;color:#fff}
.btnPrimary:hover{background:#3730a3}

.btnGreen{background:#16a34a;color:#fff}
.btnGreen:hover{background:#15803d}

.btnGhost{background:#e2e8f0}

.toolbar button{
background:#e2e8f0;
margin-right:5px;
}

.draftWrap{
border:1px solid #cbd5e1;
border-radius:12px;
padding:25px;
background:#fff;
}

.draft{
min-height:900px;
outline:none;
font-family:"Times New Roman",serif;
font-size:16px;
line-height:1.8;
white-space:pre-wrap;
}

footer{
margin-top:80px;
padding:60px 8% 30px;
background:linear-gradient(90deg,#1e3a8a,#4f46e5);
color:#e0e7ff;
}

.footer-bottom{
text-align:center;
font-size:14px;
border-top:1px solid rgba(255,255,255,0.2);
padding-top:20px;
}

.footer-bottom span{
display:block;
margin-top:8px;
font-size:13px;
opacity:.9;
}

@media print{
header,.leftCol,.toolbar,footer{display:none!important}
body{background:#fff}
.page{padding:0}
.card{box-shadow:none;border:none}
}
