.container{font-family:Arial,sans-serif;background-color:#ff4b5c;color:#fff;text-align:center;padding:20px;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.logo{font-size:24px;font-weight:700}.nav{display:flex;gap:20px}.navLink{color:#fff;text-decoration:none;font-size:16px;font-weight:500}.userIcon{width:40px;height:40px;background-color:#f7f7f7;color:#ff4b5c;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:18px;font-weight:700}.main{margin-top:50px;padding:0 20px}.title{font-size:40px;font-weight:700;margin-bottom:20px}.description{font-size:30px;margin-bottom:30px;line-height:1.6}.stat{font-size:48px;font-weight:700}.statDescription{font-size:18px;margin-top:10px}.questionSection{background-color:#fff;color:#333;border-radius:15px;padding:20px;max-width:800px;margin:30px auto;box-shadow:0 4px 10px rgba(0,0,0,.1)}.topMenu{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.menuButton{background:#f5f5f5;color:#333;border:none;border-radius:20px;padding:10px 20px;cursor:pointer}.activeMenu{background:#ff4b5c;color:#fff}.textArea{position:relative;margin-bottom:20px}.textInput{width:100%;height:200px;border-radius:10px;border:1px solid #ccc;padding:10px;font-size:16px;resize:none}.charCount{position:absolute;bottom:10px;right:10px;font-size:12px;color:#999}.bottomMenu{display:flex;justify-content:space-between;align-items:center}.settingsButton{background:transparent;color:#333;border:none;cursor:pointer;font-size:16px}.generateButton{background:#ff4b5c;color:#fff}.generateButton,.quizButton{border:none;border-radius:20px;padding:10px 20px;cursor:pointer}.quizButton{background:#f5f5f5;color:#333}.collections{display:flex;justify-content:center;align-items:start;height:100vh}.collections-box{width:100%;max-width:800px;height:180px;background-color:#fff;border-radius:10px;margin:0}.history{display:flex;justify-content:center;align-items:start;height:100vh;margin:0;padding:0}.history-box{width:100%;max-width:800px;height:180px;background-color:#fff;border-radius:10px;margin:0}h1{font-size:24px;color:#333;margin:0}.features{padding:20px;display:flex;flex-direction:column;justify-content:center}.feature-section{border:1px solid #ddd;padding:15px;border-radius:8px}.feature-items{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;justify-items:center}.feature-item{background:#f9f9f9;padding:8px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);width:100%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:150px;height:auto}.feature-item h3{margin:0 0 8px;font-size:14px;color:#333;text-align:center}.feature-item p{margin:0;color:#555}.feature-item p,.tag{font-size:12px;text-align:center}.tag{margin-top:8px;display:inline-block;padding:4px 8px;background:#fc0;color:#fff;border-radius:4px}@media (max-width:768px){.feature-items{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:480px){.feature-items{grid-template-columns:1fr;gap:8px}}