add privacy page

src/app/styles/global-styles.scss

@@ -4,6 +4,7 @@
 @use './payment-container.scss';
 @use './reports.scss';
 @use './marking-pages.scss';
+@use './privacy-and-terms-pages.scss';
 
 .btn {
 	padding: 12px 24px;
@@ -80,4 +81,15 @@
 	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
 	gap: 30px;
 	margin-bottom: 30px;
+}
+
+.main-content {
+	padding: 60px 0 100px;
+	background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
+
+	.container {
+		max-width: 1400px;
+		margin: 0 auto;
+		padding: 0 24px;
+	}
 }

src/app/styles/privacy-and-terms-pages.scss

@@ -0,0 +1,100 @@
+.hero-container {
+	margin-bottom: 60px;
+}
+
+.hero-title {
+	font-size: clamp(36px, 5vw, 56px);
+	font-weight: 900;
+	line-height: 1.1;
+	margin-bottom: 20px;
+	color: #1e293b;
+	text-align: center;
+}
+
+.hero-subtitle {
+	font-size: 20px;
+	color: #64748b;
+	max-width: 700px;
+	margin: 0 auto 40px;
+	line-height: 1.6;
+}
+
+.document-content-container {
+	max-width: 900px;
+	margin: 0 auto;
+	background: white;
+	border-radius: 24px;
+	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
+	overflow: hidden;
+	border: 1px solid #94a3b833;
+}
+
+.document-content {
+	padding: 50px 40px;
+
+	.document-section {
+		margin-bottom: 40px;
+
+		h2 {
+			font-size: 24px;
+			font-weight: 700;
+			color: var(--text);
+			margin-bottom: 16px;
+			padding-bottom: 8px;
+			border-bottom: 2px solid #6366f1;
+			display: inline-block;
+		}
+
+		p {
+			margin-bottom: 16px;
+			line-height: 1.8;
+			color: #1e293b;
+		}
+
+		ul {
+			margin-bottom: 16px;
+			padding-left: 24px;
+		}
+
+		li {
+			margin-bottom: 8px;
+			line-height: 1.7;
+			color: #1e293b;
+		}
+	}
+
+	.important-note {
+		background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(6, 182, 212, 0.1));
+		border: 2px solid rgba(99, 102, 241, 0.3);
+		border-radius: 12px;
+		padding: 20px;
+		margin: 24px 0;
+		position: relative;
+	}
+
+	.contact-info {
+		background: #f8fafc;
+		border-radius: 16px;
+		padding: 24px;
+		margin: 32px 0;
+		border: 1px solid #94a3b833;
+
+		h3 {
+			color: #6366f1;
+			margin-bottom: 16px;
+		}
+
+		p {
+			margin-bottom: 8px;
+		}
+	}
+
+	.effective-date {
+		text-align: center;
+		color: #64748b;
+		font-style: italic;
+		margin-top: 40px;
+		padding-top: 32px;
+		border-top: 1px solid #94a3b833;
+	}
+}