body{

font-family:Arial;
background:linear-gradient(120deg,#2c5364,#203a43,#0f2027);
margin:0;
padding:0;
color:white;

}

.container{

max-width:800px;
margin:auto;
padding:40px;

}

h1{

text-align:center;
font-size:36px;

}

.subtitle{

text-align:center;
opacity:0.8;
margin-bottom:30px;

}

.input-area{

display:flex;
gap:10px;

}

input{

flex:1;
padding:12px;
border-radius:6px;
border:none;

}

button{

padding:12px 20px;
border:none;
border-radius:6px;
background:#00c9a7;
color:white;
cursor:pointer;

}

button:hover{

opacity:0.9;

}

ul{

list-style:none;
padding:0;

}

li{

background:rgba(255,255,255,0.1);
padding:10px;
margin-top:10px;
border-radius:6px;

}

#analysis{

margin-top:25px;
background:rgba(255,255,255,0.1);
padding:15px;
border-radius:8px;

}

#ideas{

margin-top:25px;
background:rgba(255,255,255,0.1);
padding:15px;
border-radius:8px;

}