* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}

		.app-info {
			padding: 10px 20px;
			border-radius: 20px;
			background: linear-gradient(135deg, #c44569 0%, #df557c 100%);
			text-align: center;
		}

		.app-info h1 {
			color: #FFF;
			font-size: 40px;
		}

		.app-info h2 {
			color: #e9e9e9 !important;
			font-size: 23px !important;
			margin: 0 !important;
		}

		.app-info-btn {
			background: #FFF;
			padding: 10px 10px;
			border-radius: 10px;
			font-size: 30px;
			text-transform: uppercase;
			font-weight: bold;
			color: #000 !important;
		}

		.app-info-image {
			width: 100%;
		}

		body {
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
			line-height: 1.6;
			color: #4a4a4a;
			background-color: #fefcfd;
		}

		.header {
			background: linear-gradient(135deg, #fef9fa 0%, #fdf7f8 100%);
			padding: 12px 20px;
			border-bottom: 1px solid #f5e6eb;
			position: sticky;
			top: 0;
			z-index: 100;
			backdrop-filter: blur(10px);
		}

		.nav-container {
			max-width: 1200px;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.logo {
			display: flex;
			align-items: center;
			font-size: 24px;
			font-weight: 700;
			text-decoration: none;
			color: #c44569;
			border-radius: 5px;
			overflow: hidden;
		}
		.nav-menu {
			display: flex;
			list-style: none;
			gap: 32px;
		}

		.nav-menu a {
			text-decoration: none;
			color: #6b4c57;
			font-weight: 500;
			font-size: 16px;
			transition: color 0.2s;
		}

		.nav-menu a:hover {
			color: #ff6b9d;
		}

		.app-buttons {
			display: flex;
			gap: 12px;
		}

		.app-btn {
			padding: 8px 16px;
			background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
			color: white;
			text-decoration: none;
			border-radius: 20px;
			font-size: 14px;
			font-weight: 500;
			transition: all 0.3s;
			box-shadow: 0 2px 8px rgba(255, 107, 157, 0.3);
		}

		.app-btn:hover {
			background: linear-gradient(135deg, #c44569 0%, #ff6b9d 100%);
			transform: translateY(-1px);
			box-shadow: 0 4px 12px rgba(255, 107, 157, 0.4);
		}

		.main-content {
			max-width: 800px;
			margin: 0 auto;
			padding: 60px 20px;
		}

		.article-header {
			text-align: center;
			margin-bottom: 48px;
		}

		.article-title {
			text-align: left;
			font-size: 48px;
			font-weight: 800;
			line-height: 1.2;
			margin-bottom: 16px;
			color: #222;
		}

		.article-date {
			text-align: left;
			color: #444;
			font-size: 16px;
			font-weight: 400;
		}

		.hero-image {
			width: 100%;
			height: 400px;
			object-fit: cover;
			border-radius: 12px;
			margin-bottom: 48px;
		}

		.article-content {
			font-size: 18px;
			line-height: 1.7;
			color: #5a4a52;
		}

		.article-content h2 {
			font-size: 32px;
			font-weight: 700;
			margin: 48px 0 24px 0;
			color: #c44569;
		}

		.article-content h3 {
			font-size: 24px;
			font-weight: 600;
			margin: 36px 0 18px 0;
			color: #c44569;
		}

		.article-content p {
			margin-bottom: 24px;
		}

		.article-content ul,
		.article-content ol {
			margin: 24px 0;
			padding-left: 28px;
		}

		.article-content li {
			margin-bottom: 12px;
		}

		.article-content blockquote {
			background: linear-gradient(135deg, #fef9fa 0%, #fdf5f7 100%);
			border-left: 4px solid #ff6b9d;
			padding: 24px;
			margin: 32px 0;
			font-style: italic;
			border-radius: 0 12px 12px 0;
			box-shadow: 0 2px 8px rgba(255, 107, 157, 0.1);
		}

		.article-content blockquote p {
			margin-bottom: 0;
			font-size: 20px;
			color: #7a5a67;
		}

		.article-content a {
			color: #ff6b9d;
			text-decoration: none;
			font-weight: 500;
			position: relative;
		}

		.article-content a:hover {
			color: #c44569;
		}

		.article-content a::after {
			content: '';
			position: absolute;
			width: 0;
			height: 2px;
			bottom: -2px;
			left: 0;
			background: linear-gradient(90deg, #ff6b9d, #c44569);
			transition: width 0.3s;
		}

		.article-content a:hover::after {
			width: 100%;
		}

		.content-image {
			width: 100%;
			height: 300px;
			object-fit: cover;
			border-radius: 8px;
			margin: 32px 0;
		}

		.pros-cons-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 32px;
			margin: 32px 0;
		}

		.pros-cons-card {
			background: linear-gradient(135deg, #fefcfd 0%, #fcf7f9 100%);
			padding: 24px;
			border-radius: 16px;
			border: 2px solid transparent;
			box-shadow: 0 4px 12px rgba(255, 107, 157, 0.08);
			transition: all 0.3s;
		}

		.pros-cons-card:hover {
			transform: translateY(-2px);
			box-shadow: 0 8px 24px rgba(255, 107, 157, 0.12);
		}

		.pros-card {
			border-color: #ff6b9d;
		}

		.cons-card {
			border-color: #c44569;
		}

		.card-title {
			font-size: 20px;
			font-weight: 600;
			margin-bottom: 16px;
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.pros-card .card-title {
			color: #ff6b9d;
		}

		.cons-card .card-title {
			color: #c44569;
		}

		.related-articles {
			background: linear-gradient(135deg, #fef9fa 0%, #fdf7f8 100%);
			padding: 48px 0;
			margin-top: 64px;
		}

		.related-container {
			max-width: 800px;
			margin: 0 auto;
			padding: 0 20px;
		}

		.related-title {
			text-align: center;
			font-size: 24px;
			font-weight: 700;
			margin-bottom: 32px;
		}

		.related-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
			gap: 24px;
		}

		.related-card {
			background: white;
			border-radius: 12px;
			overflow: hidden;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
			transition: transform 0.2s, box-shadow 0.2s;
			text-decoration: none;
			color: inherit;
		}

		.related-card:hover {
			transform: translateY(-4px);
			box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
		}

		.related-image {
			width: 100%;
			height: 160px;
			object-fit: cover;
		}

		.related-content {
			padding: 20px;
		}

		.related-card-title {
			font-size: 16px;
			font-weight: 600;
			line-height: 1.4;
			margin-bottom: 8px;
			color: #6b4c57;
		}

		.related-date {
			color: #a67c89;
			font-size: 14px;
		}

		@media (max-width: 768px) {
			.nav-menu {
				display: none;
			}

			.article-title {
				font-size: 36px;
			}

			.pros-cons-grid {
				grid-template-columns: 1fr;
			}

			.main-content {
				padding: 32px 16px;
			}
		}