*{
box-sizing:border-box;
font-family:Segoe UI,sans-serif
}

body{
margin:0;
background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);
color:#fff
}

.header{
text-align:center;
padding:40px 20px
}

.container{
max-width:900px;
margin:auto;
padding:20px
}

.card{
background:rgba(255,255,255,0.08);
padding:20px;
border-radius:16px;
margin-bottom:20px
}

input,textarea{
width:100%;
padding:14px;
margin-bottom:12px;
border-radius:10px;
border:none;
font-size:16px
}

textarea{min-height:100px}

.item-row{
display:flex;
gap:10px;
margin-bottom:10px
}

.item-row input{flex:1}

.btn{
padding:14px 24px;
border-radius:12px;
border:none;
cursor:pointer;
font-size:16px
}

.primary{background:#6a5cff;color:#fff}
.secondary{background:#444;color:#fff}

.action{text-align:center;margin:30px 0}

@media(max-width:600px){
.item-row{flex-direction:column}
}