:root { --bg-base: #ffffff; --bg-soft: #f4f7f9; --navy: #0f172a; --blue: #0ea5e9; --mint: #2dd4bf; --grey: #64748b; --border: #e2e8f0; --radius-lg: 16px; --shadow-soft: 0 4px 20px rgba(15, 23, 42, 0.05); }

body { margin: 0; font-family: system-ui, -apple-system, sans-serif; background-color: var(--bg-base); color: var(--navy); }

.c-3afb39-2d210c3c { position: sticky; top: 0; z-index: 1000; background-color: var(--bg-base); box-shadow: var(--shadow-soft); border-bottom: 1px solid var(--border); }
.c-3afb39-4b2f893f { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 1rem 2rem; max-width: 1200px; margin: 0 auto; }
.c-3afb39-a83acb54 { display: flex; align-items: center; justify-content: flex-start; }
.c-3afb39-e207737a { display: flex; gap: 1.5rem; list-style: none; margin: 0; padding: 0; }
.c-3afb39-e207737a a { color: var(--grey); text-decoration: none; font-weight: 600; transition: color 0.2s; }
.c-3afb39-e207737a a:hover { color: var(--blue); }

.c-3afb39-607cfff7 { display: flex; justify-content: center; }
.c-3afb39-8939e4cf { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; color: var(--navy); font-weight: 700; font-size: 1.5rem; font-family: sans-serif; }
.c-3afb39-8939e4cf svg { width: 32px; height: 32px; }

.c-3afb39-5015649e { display: flex; justify-content: flex-end; align-items: center; gap: 1rem; }
.c-3afb39-c81ab5ef { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.5rem; border-radius: var(--radius-lg); text-decoration: none; font-weight: 700; font-family: sans-serif; transition: background-color 0.2s; border: none; cursor: pointer; }
.c-3afb39-c4efedde { background-color: var(--blue); color: #ffffff; }
.c-3afb39-c4efedde:hover { background-color: var(--navy); }

.c-3afb39-b772b485 { display: none; background: none; border: none; padding: 0.5rem; cursor: pointer; color: var(--navy); }
.c-3afb39-b772b485 svg { width: 24px; height: 24px; }

.c-3afb39-7a43e8b9 { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: var(--bg-base); z-index: 2000; display: flex; flex-direction: column; transform: translateY(-100%); transition: transform 0.3s ease-in-out; }
.c-3afb39-7a43e8b9.c-3afb39-bc38feaf { transform: translateY(0); }
.c-3afb39-47789eb2 { display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; border-bottom: 1px solid var(--border); }
.c-3afb39-6a62e6ac { background: none; border: none; cursor: pointer; padding: 0.5rem; color: var(--navy); }
.c-3afb39-6a62e6ac svg { width: 24px; height: 24px; }
.c-3afb39-1145a776 { padding: 2rem; flex: 1; display: flex; flex-direction: column; gap: 2rem; }
.c-3afb39-b869ef94 { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1.5rem; text-align: center; }
.c-3afb39-b869ef94 a { font-size: 1.5rem; font-weight: 700; color: var(--navy); text-decoration: none; transition: color 0.2s; }
.c-3afb39-b869ef94 a:hover { color: var(--blue); }
.c-3afb39-5254825f { display: flex; justify-content: center; }

.c-3afb39-64b8ac10 { background-color: var(--bg-soft); padding: 4rem 2rem 1rem; border-top: 1px solid var(--border); font-family: system-ui, sans-serif; }
.c-3afb39-41124a1c { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; margin-bottom: 3rem; }
.c-3afb39-d19c53ad { display: flex; flex-direction: column; gap: 1rem; }
.c-3afb39-d19c53ad .c-3afb39-3ae544a7 { font-weight: 700; font-size: 1.5rem; color: var(--navy); font-family: sans-serif; }
.c-3afb39-ee5f0afa { color: var(--grey); font-size: 1rem; margin: 0; line-height: 1.5; }
.c-3afb39-c7d9e0f5 { color: var(--navy); font-family: sans-serif; font-size: 1.25rem; font-weight: 700; margin-top: 0; margin-bottom: 1.5rem; }
.c-3afb39-d102504f { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1rem; }
.c-3afb39-d102504f a { color: var(--grey); text-decoration: none; transition: color 0.2s; }
.c-3afb39-d102504f a:hover { color: var(--blue); }
.c-3afb39-4c8e4a7d li { display: flex; align-items: flex-start; gap: 0.75rem; color: var(--grey); line-height: 1.5; }
.c-3afb39-4c8e4a7d svg { width: 20px; height: 20px; flex-shrink: 0; color: var(--blue); margin-top: 0.1rem; }
.c-3afb39-9a1ffbfe { max-width: 1200px; margin: 0 auto; padding-top: 2rem; border-top: 1px solid var(--border); text-align: center; color: var(--grey); font-size: 0.875rem; }

@media (max-width: 768px) {
  .c-3afb39-4b2f893f { grid-template-columns: auto 1fr auto; gap: 1rem; }
  .c-3afb39-4baeb341 { display: none; }
  .c-3afb39-5015649e .c-3afb39-c81ab5ef { display: none; }
  .c-3afb39-b772b485 { display: block; }
  .c-3afb39-607cfff7 { justify-content: flex-start; }
  .c-3afb39-5015649e { justify-content: flex-end; }
}

.c-3afb39-fdbfff6d{margin-top:16px;}
.c-3afb39-90f2214a{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between;}
.c-3afb39-34c24d55{display:flex;gap:10px;align-items:center;}
.c-3afb39-24d6e860{display:inline-flex;gap:8px;align-items:center;text-decoration:none;}
.c-3afb39-a654bde7{display:block;}
.c-3afb39-305d6ae9{max-width:520px;}
.c-3afb39-290276e6{opacity:0.9;font-size:0.95em;line-height:1.35;}

.c-3afb39-316f9da8{display:inline-flex;align-items:center;gap:10px}
.c-3afb39-07924306{width:28px;height:28px;display:inline-block;flex:0 0 auto}
.c-3afb39-07924306 *{vector-effect:non-scaling-stroke}


body.c-3afb39-942207cf { overflow: hidden; }
.c-3afb39-e207737a a.c-3afb39-bd96d8d1, .c-3afb39-b869ef94 a.c-3afb39-bd96d8d1 { color: var(--blue); }
.c-3afb39-f1725735 { background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); }
.c-3afb39-62fa4581 { background: #ffffff; border: 1px solid var(--border); border-radius: 24px; box-shadow: var(--shadow-soft); }
.c-3afb39-57f69248 { padding-left: 1.25rem; }
.c-3afb39-57f69248 li + li { margin-top: 0.5rem; }
.c-3afb39-5d1ab575 { min-height: calc(100vh - 160px); display: flex; align-items: center; justify-content: center; padding: 3rem 1.5rem; background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%); }
.c-3afb39-9449e61a { width: min(100%, 760px); background: #ffffff; border: 1px solid var(--border); border-radius: 24px; box-shadow: var(--shadow-soft); padding: clamp(1.5rem, 4vw, 3rem); }
.c-3afb39-ee6b316f { background: #ffffff; border: 1px solid var(--border); border-radius: 24px; box-shadow: var(--shadow-soft); }
.c-3afb39-b99411ed { margin-top: 0.5rem; }
@media (max-width: 768px) { .c-3afb39-b99411ed { display: inline-flex !important; } }