body{font-family:'Segoe UI',Arial,sans-serif;background:linear-gradient(135deg,#e0f7fa,#b2ebf2);display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}.container{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,.1);width:600px;text-align:center}h1{color:#2c3e50;font-size:28px;margin-bottom:20px}h1 i{color:#3498db;margin-right:10px}.form{margin:20px 0}label{display:block;margin:10px 0 5px;font-weight:bold;color:#34495e}input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;font-size:16px}button{background:linear-gradient(90deg,#3498db,#2980b9);color:#fff;padding:12px 30px;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background .3s}button:hover{background:linear-gradient(90deg,#2980b9,#1f618d)}.result{margin-top:20px;text-align:left;background:#f9f9f9;padding:20px;border-radius:10px;border:1px solid #e0e0e0}.result h3{color:#2c3e50;font-size:22px;margin-bottom:15px;border-bottom:2px solid #3498db;padding-bottom:5px}.result p{margin:10px 0;font-size:16px;color:#34495e}.result p strong{color:#2c3e50}.result ul{list-style:none;padding:0;margin:10px 0}.result ul li{padding:8px 0;font-size:16px;display:flex;align-items:center}.result ul li i{margin-right:10px;color:#3498db}.element-moc{color:#27ae60}.element-thuy{color:#2980b9}.element-hoa{color:#e74c3c}.element-tho{color:#d4a017}.element-kim{color:#7f8c8d}.element-trunglap{color:#95a5a6}.section{margin:15px 0;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.section-title{font-size:18px;color:#2c3e50;margin-bottom:10px;display:flex;align-items:center}.section-title i{margin-right:8px;color:#3498db}.gemini-comment{background:#f1f8ff;border-left:4px solid #3498db;padding:15px;border-radius:5px;margin:10px 0;line-height:1.6}.gemini-comment h1,.gemini-comment h2,.gemini-comment h3{color:#2c3e50;margin:15px 0 10px}.gemini-comment h1{font-size:20px;border-bottom:2px solid #3498db;padding-bottom:5px}.gemini-comment h2{font-size:18px}.gemini-comment h3{font-size:16px}.gemini-comment p{margin:8px 0;font-size:15px;color:#34495e}.gemini-comment ul{list-style:none;padding-left:20px}.gemini-comment ul li{position:relative;margin:5px 0}.gemini-comment ul li:before{content:'\f058';font-family:'Font Awesome 5 Free';font-weight:900;color:#3498db;position:absolute;left:-20px}.gemini-comment strong{color:#2c3e50;font-weight:600}.score-bar{margin:10px 0;background:#e0e0e0;border-radius:5px;height:20px;position:relative;overflow:hidden}.score-bar-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);transition:width 1s ease-in-out}.score-bar-text{position:absolute;top:0;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;line-height:20px;font-weight:600}canvas{margin-top:20px;background:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,.05)}