fix(front-end): css file duplicte

frontend/src/app/features/order/order.component.scss

@@ -1,99 +1,13 @@
-.hero {
-  padding: var(--space-12) 0 var(--space-8);
-  text-align: center;
-
-  h1 {
-    font-size: 2.5rem;
-    margin-bottom: var(--space-2);
-  }
-}
-
 .subtitle {
   font-size: 1.125rem;
-  color: var(--color-text-muted);
-  max-width: 600px;
-  margin: 0 auto;
-}
-
-.payment-layout {
-  display: grid;
-  grid-template-columns: 1fr 400px;
-  gap: var(--space-8);
-  align-items: start;
-  margin-bottom: var(--space-12);
-
-  @media (max-width: 1024px) {
-    grid-template-columns: 1fr;
-    gap: var(--space-8);
-  }
-}
-
-.card-header-simple {
-  margin-bottom: var(--space-6);
-  padding-bottom: var(--space-4);
-  border-bottom: 1px solid var(--color-border);
-
-  h3 {
-    font-size: 1.25rem;
-    font-weight: 600;
-    color: var(--color-text);
-    margin: 0;
-  }
-
-  .order-id {
-    font-size: 0.875rem;
-    color: var(--color-text-muted);
-    margin-top: 2px;
-  }
 }
 
 .payment-selection {
   margin-bottom: var(--space-6);
 }
 
-.methods-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: var(--space-4);
-
-  @media (max-width: 600px) {
-    grid-template-columns: 1fr;
-  }
-}
-
-.type-option {
-  border: 2px solid var(--color-border);
-  border-radius: var(--radius-md);
-  padding: var(--space-6);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  background: var(--color-bg-card);
-  text-align: center;
-  font-weight: 600;
-  color: var(--color-text-muted);
-
-  &:hover {
-    border-color: var(--color-brand);
-    color: var(--color-text);
-  }
-
-  &.selected {
-    border-color: var(--color-brand);
-    background-color: var(--color-neutral-100);
-    color: #000;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-  }
-}
-
 .payment-details {
-  background: var(--color-neutral-100);
-  border-radius: var(--radius-md);
-  padding: var(--space-6);
   margin-bottom: var(--space-6);
-  border: 1px solid var(--color-border);
 
   &.text-center {
     text-align: center;
@@ -127,6 +41,23 @@
   }
 }
 
+.twint-launch-button {
+  width: auto;
+  height: 58px;
+  border: none;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  cursor: pointer;
+}
+
+.twint-launch-button__image {
+  width: auto;
+  height: 58px;
+}
+
 .qr-placeholder {
   display: flex;
   flex-direction: column;
@@ -184,10 +115,6 @@
   top: var(--space-6);
 }
 
-.actions {
-  margin-top: var(--space-8);
-}
-
 .fade-in {
   animation: fadeIn 0.4s ease-out;
 }