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

 body {
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
   background-color: #0a0a0a;
   color: #e0e0e0;
   line-height: 1.6;
   min-height: 100vh;
 }

 header {
   border-bottom: 1px solid #1a1a1a;
   padding: 24px 0;
 }

 .container {
   max-width: 720px;
   margin: 0 auto;
   padding: 0 24px;
 }

 .logo {
   font-size: 18px;
   font-weight: 700;
   letter-spacing: 6px;
   color: #ffffff;
   text-transform: uppercase;
   text-decoration: none;
 }

 .logo:hover {
   opacity: 0.8;
 }

 main {
   padding: 64px 0 96px;
 }

 h1 {
   font-size: 32px;
   font-weight: 700;
   letter-spacing: 2px;
   color: #ffffff;
   text-transform: uppercase;
   margin-bottom: 16px;
 }

 .subtitle {
   font-size: 16px;
   color: #888;
   margin-bottom: 48px;
   max-width: 560px;
 }

 .section {
   margin-bottom: 48px;
 }

 .section-title {
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #ffffff;
   margin-bottom: 20px;
   padding-bottom: 12px;
   border-bottom: 1px solid #1f1f1f;
 }

 .section p {
   font-size: 15px;
   color: #aaa;
   margin-bottom: 16px;
   line-height: 1.7;
 }

 .step-list {
   list-style: none;
   counter-reset: steps;
 }

 .step-list li {
   counter-increment: steps;
   display: flex;
   align-items: flex-start;
   gap: 16px;
   padding: 20px 0;
   border-bottom: 1px solid #141414;
 }

 .step-list li:last-child {
   border-bottom: none;
 }

 .step-number {
   flex-shrink: 0;
   width: 32px;
   height: 32px;
   border-radius: 50%;
   background-color: #1a1a1a;
   border: 1px solid #2a2a2a;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 13px;
   font-weight: 600;
   color: #fff;
 }

 .step-content h3 {
   font-size: 15px;
   font-weight: 600;
   color: #fff;
   margin-bottom: 4px;
 }

 .step-content p {
   font-size: 14px;
   color: #888;
   margin: 0;
   line-height: 1.6;
 }

 .data-card {
   background-color: #111;
   border: 1px solid #1f1f1f;
   border-radius: 12px;
   padding: 28px;
   margin-top: 8px;
 }

 .data-card ul {
   list-style: none;
 }

 .data-card li {
   display: flex;
   align-items: flex-start;
   gap: 12px;
   padding: 10px 0;
   font-size: 14px;
   color: #aaa;
   line-height: 1.5;
 }

 .data-card li::before {
   content: '';
   flex-shrink: 0;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background-color: #f48e8e;
   margin-top: 7px;
 }

 .warning-box {
   background-color: rgba(244, 142, 142, 0.06);
   border: 1px solid rgba(244, 142, 142, 0.15);
   border-radius: 12px;
   padding: 24px;
   margin-top: 8px;
 }

 .warning-box p {
   font-size: 14px;
   color: #f48e8e;
   margin: 0;
   line-height: 1.6;
 }

 .contact-section {
   background-color: #111;
   border: 1px solid #1f1f1f;
   border-radius: 12px;
   padding: 32px;
   text-align: center;
 }

 .contact-section h3 {
   font-size: 16px;
   font-weight: 600;
   color: #fff;
   margin-bottom: 8px;
 }

 .contact-section p {
   font-size: 14px;
   color: #888;
   margin-bottom: 20px;
 }

 .contact-link {
   display: inline-block;
   color: #ffffff;
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   text-decoration: none;
   padding: 12px 32px;
   border: 1px solid #333;
   border-radius: 100px;
   transition: all 0.2s ease;
 }

 .contact-link:hover {
   background-color: #fff;
   color: #0a0a0a;
 }

 footer {
   border-top: 1px solid #1a1a1a;
   padding: 32px 0;
 }

 .footer-content {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   gap: 16px;
 }

 .footer-content p {
   font-size: 13px;
   color: #555;
 }

 .footer-links {
   display: flex;
   gap: 24px;
 }

 .footer-links a {
   font-size: 13px;
   color: #555;
   text-decoration: none;
   transition: color 0.2s;
 }

 .footer-links a:hover {
   color: #fff;
 }

 @media (max-width: 600px) {
   h1 {
     font-size: 24px;
   }

   main {
     padding: 40px 0 64px;
   }

   .contact-section {
     padding: 24px;
   }

   .footer-content {
     flex-direction: column;
     align-items: flex-start;
   }
 }