* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); min-height: 100vh; padding: 100px 20px 20px 20px; }
.container { max-width: 1000px; margin: 0 auto; }
.header { background: white; padding: 40px; border-radius: 15px; margin-bottom: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); text-align: center; }
.header h1 { color: #fa709a; margin-bottom: 15px; font-size: 2.5em; }
.header p { color: #666; font-size: 1.2em; line-height: 1.6; }
.content-section { background: white; padding: 40px; border-radius: 15px; margin-bottom: 30px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); }
.content-section h2 { color: #fa709a; margin-bottom: 20px; font-size: 2em; }
.content-section h3 { color: #333; margin: 25px 0 15px; font-size: 1.5em; }
.content-section p { color: #666; line-height: 1.8; margin-bottom: 15px; }
.content-section ul { margin-left: 20px; color: #666; line-height: 1.8; margin-bottom: 20px; }
.highlight-box { background: #fff9f0; border-left: 4px solid #fa709a; padding: 20px; margin: 20px 0; border-radius: 8px; }
.test-parts { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 30px 0; }
.test-part { background: #f8f9fa; padding: 20px; border-radius: 10px; border: 2px solid #fa709a; }
.test-part h4 { color: #fa709a; margin-bottom: 10px; }
.cta-section { background: linear-gradient(135deg, #28a745 0%, #20c997 100%); padding: 40px; border-radius: 15px; text-align: center; color: white; box-shadow: 0 10px 30px rgba(0,0,0,0.2); margin-bottom: 30px; }
.cta-section h2 { margin-bottom: 15px; font-size: 2em; }
.btn { display: inline-block; background: white; color: #28a745; padding: 15px 35px; border-radius: 8px; text-decoration: none; font-weight: 600; transition: all 0.3s; }
.btn:hover { transform: scale(1.05); box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
.breadcrumb { background: white; padding: 15px 20px; border-radius: 8px; margin-bottom: 20px; }
.breadcrumb a:hover { text-decoration: underline; }
.lang-selector { background: white; padding: 10px 20px; border-radius: 8px; margin-bottom: 20px; text-align: right; }
.language-selector { display: inline-block; }
.language-selector select { padding: 8px 12px; border-radius: 5px; border: 1px solid #ddd; background: white; cursor: pointer; font-size: 14px; }
.language-selector select:hover { border-color: #fa709a; }
table { width: 100%; border-collapse: collapse; margin: 20px 0; }
table th, table td { padding: 12px; text-align: left; border-bottom: 1px solid #ddd; }
table th { background: #fa709a; color: white; }
.example-box { background: #f8f9fa; padding: 20px; border-radius: 8px; margin: 20px 0; border: 1px solid #ddd; }