:root{--content-page-bg: hsl(307, 7%, 97%);
--content-surface-bg: rgb(244, 227, 242);
--content-text: hsl(307, 10%, 7%);
--content-text-muted: rgba(26, 26, 46, 0.75);
--content-border: rgb(244, 227, 242);
--content-accent-text: #ffffff;
--content-primary-button: hsl(307, 71%, 54%);
--content-secondary-button: hsl(28, 57%, 54%);
--card-radius: 22px;
--max-width-container: 1640px;
--max-width-text: 858px;
--nav-height: 72px;
--primary-gradient: linear-gradient(135deg, hsl(307, 71%, 54%), hsl(28, 57%, 54%));
--section-spacing: 120px;
--max-width: 1640px;
--text-max-width: 858px;
--page-max-width: 1640px;
--idx-max-width: 1640px;
--page-reading-width: 1017px;
--reading-width: 1017px;
--content-width: 1017px;
--text-column-width: 1017px;
--text-width: 1015px;
--page-hero-reading-width: 858px;
--hero-text-width: 858px;
--hero-text-max: 858px;
--hero-text-max-width: 858px;
--transition: all 0.25s ease;
--site-page-frame-mode: editorial;
--site-hero-layout-family: editorial_band;
--site-breakout-mode: controlled;
--site-frame-width-policy: page;
--site-surface-density: airy;
--page-card-radius: 22px;
--page-card-shadow: 0 16px 38px rgb(244, 227, 242);
--page-card-border: rgb(244, 227, 242);
--page-card-bg: rgb(244, 227, 242);
--content-heading: hsl(307, 10%, 7%);
--content-accent-ui: hsl(307, 71%, 54%);
--content-link-color: #ffffff;
--content-link-hover: hsl(28, 57%, 54%);}
main.c810b95.x9af8_40{background-color: var(--content-page-bg, #f9f8f9);
color: var(--content-text, #111);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
overflow-x: hidden;}
main.c810b95 .w980f7dfd{max-width: var(--max-width-container, 1640px);
margin: 0 auto;
padding: 0 40px;}
main.c810b95 .bb448_fefa{padding: 120px 0 80px;
background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
    url("../media/requirements-office-brand-visual-1.jpg") no-repeat center center / cover;
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
color: hsl(220, 10%, 11%);}
main.c810b95 .rln2d3izz66{max-width: var(--max-width-text, 858px);}
main.c810b95 .bb448_fefa h1{font-size: clamp(2.5rem, 5vw, 4rem);
font-weight: 800;
margin-bottom: 24px;
letter-spacing: -0.02em;
color: var(--content-text, #111);}
main.c810b95 .bb448_fefa p{font-size: 1.25rem;
color: var(--content-text-muted, #555);
margin-bottom: 40px;
line-height: 1.5;}
main.c810b95 .iacaaf_mf{display: flex;
gap: 16px;}
main.c810b95 .rwsgs9edy8z{padding: 16px 32px;
border-radius: 12px;
font-weight: 600;
text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s;
display: inline-block;}
main.c810b95 .ld886c99013{background-color: var(--content-primary-button, #d629b7);
color: hsl(0, 18%, 12%);
box-shadow: 0 4px 14px rgba(214, 41, 183, 0.3);}
main.c810b95 .ld886c99013:hover{transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(214, 41, 183, 0.4);}
main.c810b95 .qc803__9af93{padding: 100px 0;}
main.c810b95 .ue0b380b04{margin-bottom: 60px;
max-width: var(--max-width-text, 858px);}
main.c810b95 .qc803__9af93 h2{font-size: 2.25rem;
font-weight: 700;
margin-bottom: 16px;}
main.c810b95 .d84e1e__6475{display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 24px;}
main.c810b95 .g9bd__07821{background: var(--content-surface-bg, #fff);
padding: 40px;
border-radius: var(--card-radius, 22px);
border: 1px solid var(--content-border, rgba(0,0,0,0.05));
transition: border-color 0.3s;
color: hsl(220, 10%, 11%);}
main.c810b95 .g9bd__07821:hover{border-color: var(--content-accent-text, #d629b7);}
main.c810b95 .v6186__fd2a{width: 48px;
height: 48px;
margin-bottom: 24px;}
main.c810b95 .g9bd__07821 h3{font-size: 1.5rem;
margin-bottom: 16px;}
main.c810b95 .g9bd__07821 ul{list-style: none;
padding: 0;}
main.c810b95 .g9bd__07821 li{margin-bottom: 12px;
padding-left: 24px;
position: relative;
font-size: 0.95rem;
color: var(--content-text-muted, #666);}
main.c810b95 .g9bd__07821 li::before{content: "•";
position: absolute;
left: 0;
color: hsl(0, 18%, 28%);
font-weight: bold;}
main.c810b95 .j7252f63_rcfo{background: var(--content-surface-bg, #fff);
border-radius: var(--card-radius, 22px);
padding: 40px;
overflow-x: auto;
color: hsl(220, 10%, 11%);}
main.c810b95 .wa7f4_db6{width: 100%;
border-collapse: collapse;
text-align: left;}
main.c810b95 .wa7f4_db6 th, main.c810b95 .wa7f4_db6 td{padding: 20px;
border-bottom: 1px solid var(--content-border, #eee);}
main.c810b95 .wa7f4_db6 th{font-weight: 600;
color: var(--content-text-muted, #888);
text-transform: uppercase;
font-size: 0.8rem;
letter-spacing: 0.05em;}
main.c810b95 .b2ad91__508{display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;}
main.c810b95 .d4af6__8175{position: relative;}
main.c810b95 .hlewmycv6c0{font-size: 3rem;
font-weight: 900;
color: rgba(214, 41, 183, 0.1);
position: absolute;
top: -20px;
left: -10px;
z-index: 0;}
main.c810b95 .wf7e6_224{position: relative;
z-index: 1;}
main.c810b95 .svzq43sjd{max-width: 1000px;}
main.c810b95 .r518e49_gq1{margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid var(--content-border, #eee);}
main.c810b95 .c8o5p45n2zr{font-size: 1.2rem;
font-weight: 600;
margin-bottom: 12px;
color: var(--content-text, #111);}
main.c810b95 .b61ce92579{color: var(--content-text-muted, #666);
font-size: 1rem;}
main.c810b95 .v0061e07292{padding: 80px 0 40px;
border-top: 1px solid var(--content-border, #eee);
margin-top: 80px;}
main.c810b95 .ieea28986{display: grid;
grid-template-columns: 2fr repeat(3, 1fr);
gap: 60px;
margin-bottom: 60px;}
main.c810b95 .u31e91_cb42 h4{font-size: 1.5rem;
margin-bottom: 16px;
color: var(--content-primary-button, #d629b7);}
main.c810b95 .q985__564c h5{margin-bottom: 20px;
font-size: 1rem;}
main.c810b95 .q985__564c ul{list-style: none;
padding: 0;}
main.c810b95 .q985__564c li{margin-bottom: 12px;}
main.c810b95 .q985__564c a{color: var(--content-text-muted, #666);
text-decoration: none;
font-size: 0.9rem;
transition: color 0.2s;}
main.c810b95 .q985__564c a:hover{color: var(--content-accent-text, #d629b7);}
main.c810b95 .req-copyright{font-size: 0.85rem;
color: var(--content-text-muted, #999);
text-align: left;}
@media (max-width: 1024px) {main.c810b95 .b2ad91__508{grid-template-columns: 1fr;gap: 30px;}}
@media (max-width: 768px) {main.c810b95 .bb448_fefa{padding: 80px 0 60px;}
main.c810b95 .w980f7dfd{padding: 0 24px;}
main.c810b95 .bb448_fefa h1{font-size: 2rem;}}
html, body{margin: 0;
padding: 0;}
body *, body *::before, body *::after{box-sizing: border-box;}
body{background: var(--content-page-bg, hsl(307, 7%, 97%));
color: var(--content-text, hsl(307, 10%, 7%));}