add privacy page

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;
+	}
+}