:root {
  --oxyn-blue: #327AC1;
  --oxyn-blue-dark: #25639e;
  --oxyn-gold: #C79116;
  --oxyn-gold-dark: #a87810;
  --oxyn-slate: #75777D;
  --oxyn-text: #191C20;
}

* { box-sizing: border-box; }

body.oxyn-body {
  margin: 0;
  padding: 16px;
  background: #F6F8FB;
  color: var(--oxyn-text);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.oxyn-section {
  /*width: 100%;
  max-width: 1152px;
  min-height: 650px;*/  
  border: 1px solid #E7EBF2;
  border-radius: 40px;
  background: #fff;
  box-shadow: 0 24px 70px -15px rgba(25,32,48,.07);
  transition: all .3s ease;
}

.oxyn-content { z-index: 10; max-width: 820px; }
.portal-glass-left {
  background: linear-gradient(135deg, rgba(255,255,255,.72), rgba(240,246,255,.45));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.portal-glass-right {
  background: linear-gradient(145deg, rgba(255,253,247,.8), rgba(254,248,235,.42));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.portal {
  position: absolute;
  border: 1px solid rgba(255,255,255,.8);
  z-index: 1;
}
.portal-left {
  width: 620px; height: 620px;
  top: -64px; left: -80px;
  border-radius: 50%;
  box-shadow: 0 20px 50px rgba(50,122,193,.12);
  transform: rotate(-8deg);
  animation: float 9s ease-in-out infinite;
}
.portal-right {
  width: 680px; height: 680px;
  right: -96px; bottom: -96px;
  border-radius: 50% 50% 46% 54% / 58% 42% 58% 42%;
  box-shadow: 0 25px 60px rgba(199,145,22,.13);
  transform: rotate(14deg);
  animation: floatReverse 11s ease-in-out infinite;
}
.portal-core {
  position: absolute; inset: 0; border-radius: 50%;
  background: rgba(50,122,193,.15);
  filter: blur(48px);
  transform: translate(-24px,-16px);
}
.portal-grid {
  position: absolute; inset: 32px;
  border: 1px solid rgba(50,122,193,.2);
  opacity: .75;
  border-radius: 50%;
  background-size: 28px 28px;
  background-image:
    linear-gradient(to right, rgba(50,122,193,.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(50,122,193,.08) 1px, transparent 1px);
}
.portal-ring {
  position: absolute;
  border: 1px dashed rgba(50,122,193,.3);
  border-radius: 50%;
}
.portal-ring-lg { inset: 96px; }
.portal-ring-center {
  inset: 38%;
  border-style: solid;
  border-color: rgba(50,122,193,.35);
}
.portal-dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(50,122,193,.5); }
.portal-cross { position:absolute; opacity:.8; }
.portal-cross-h { top:50%; left:16px; right:16px; height:1px; background:linear-gradient(90deg,transparent,rgba(50,122,193,.25),transparent); }
.portal-cross-v { left:50%; top:16px; bottom:16px; width:1px; background:linear-gradient(180deg,transparent,rgba(50,122,193,.25),transparent); }

.portal-label {
  position:absolute;
  font-size:10px;
  letter-spacing:.14em;
  font-family:monospace;
  font-weight:600;
  white-space:nowrap;
}
.portal-label-blue { color:rgba(50,122,193,.6); }
.portal-label-blue.portal-label-1 { top:25%; right:64px; }
.portal-label-blue.portal-label-2 { bottom:33%; left:56px; font-size:9px; color:rgba(50,122,193,.5); }

.portal-gold-aura {
  position:absolute; inset:0; border-radius:50%;
  background:linear-gradient(45deg,rgba(199,145,22,.2),rgba(245,158,11,.1),transparent);
  filter:blur(32px);
}
.portal-ripples {
  position:absolute; inset:0;
  background:radial-gradient(circle at 45% 45%,rgba(199,145,22,.12),rgba(199,145,22,.04) 40%,transparent 70%);
}
.portal-svg { color:rgba(199,145,22,.25); }
.portal-label-gold { color:rgba(199,145,22,.75); }
.portal-label-gold.portal-label-1 { top:33%; left:64px; }
.portal-label-gold.portal-label-2 { bottom:25%; right:80px; font-size:9px; color:rgba(199,145,22,.65); }

.particle { position:absolute; border-radius:50%; z-index:2; }
.particle-1 { top:80px; left:33%; width:8px; height:8px; background:rgba(50,122,193,.4); filter:blur(.5px); animation:drift 14s ease-in-out infinite; }
.particle-2 { bottom:96px; left:25%; width:12px; height:12px; background:rgba(199,145,22,.3); filter:blur(1px); animation:pulseGlow 7s ease-in-out infinite 1.5s; }
.particle-3 { top:33%; right:25%; width:10px; height:10px; background:rgba(50,122,193,.25); filter:blur(1px); animation:drift 14s ease-in-out infinite 3s; }
.particle-4 { bottom:33%; right:33%; width:6px; height:6px; background:rgba(199,145,22,.45); filter:blur(.5px); animation:pulseGlow 7s ease-in-out infinite 2s; }
.portal-wash { position:absolute; inset:0; background:linear-gradient(180deg,rgba(255,255,255,.4),transparent,rgba(255,255,255,.5)); backdrop-filter:blur(1px); z-index:3; }

.division-pill {
  padding: 6px 8px 6px 12px;
  border-radius:999px;
  background:#F0F4FA;
  border:1px solid #DCE4EE;
  box-shadow:0 2px 4px rgba(0,0,0,.04);
  transition:transform .2s ease;
}
.division-pill:hover { transform:scale(1.05); }
.division-dot { width:8px; height:8px; border-radius:50%; background:var(--oxyn-blue); box-shadow:0 0 8px rgba(50,122,193,.7); animation:pulse 2s infinite; }
.division-title { font-size:11px; font-weight:700; letter-spacing:.14em; color:#314864; }
.division-count { padding:2px 8px; border-radius:999px; background:#fff; border:1px solid #E2E8F0; font-size:10px; font-weight:600; color:var(--oxyn-slate); }
.division-separator { color:#A0AEC0; }

.oxyn-title {
  font-size:58px;
  line-height:1.08;
  letter-spacing:-.04em;
  color:#0F172A;
}
.fw-black { font-weight:900 !important; }
.title-gradient {
  background:linear-gradient(90deg,#0F172A,#1E293B,#334155);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.oxyn-subtitle {
  max-width:650px;
  font-size:19px;
  line-height:1.65;
  color:var(--oxyn-slate);
}

.cta-wrap { max-width:760px; width:100%; }
.cta-btn {
  min-height:58px;
  padding:14px 30px;
  border-radius:16px;
  color:#fff;
  font-size:16px;
  font-weight:600;
  border:1px solid rgba(255,255,255,.2);
  transition:all .2s ease;
  box-shadow:0 8px 24px -4px rgba(50,122,193,.38);
}
.cta-btn:hover { color:#fff; transform:translateY(-1px); }
.cta-medical { background:var(--oxyn-blue); }
.cta-medical:hover { background:var(--oxyn-blue-dark); box-shadow:0 12px 28px -2px rgba(50,122,193,.52); }
.cta-gold { background:var(--oxyn-gold); min-width:240px; box-shadow:0 8px 24px -4px rgba(199,145,22,.38); }
.cta-gold:hover { background:var(--oxyn-gold-dark); box-shadow:0 12px 32px rgba(199,145,22,.55); }
.btn-sheen { transform:translateX(-100%); background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent); transition:transform .7s ease; pointer-events:none; }
.cta-btn:hover .btn-sheen { transform:translateX(100%); }
.gold-hover { opacity:0; background:linear-gradient(90deg,rgba(245,158,11,.2),rgba(217,119,6,.3),rgba(180,83,9,.2)); transition:opacity .3s ease; }
.cta-gold:hover .gold-hover { opacity:1; }
.btn-icon { width:24px; height:24px; border-radius:50%; background:rgba(255,255,255,.15); transition:all .2s ease; }
.cta-btn:hover .btn-icon { background:#fff; }
.cta-medical:hover .btn-icon { color:var(--oxyn-blue); }
.cta-gold:hover .btn-icon { color:var(--oxyn-gold); }
.btn-arrow { width:14px; height:14px; transition:transform .2s ease; }
.cta-btn:hover .btn-arrow { transform:translateX(2px); }

@keyframes float { 0%,100%{transform:translate(0,0) rotate(-8deg)} 50%{transform:translate(10px,-18px) rotate(-6deg)} }
@keyframes floatReverse { 0%,100%{transform:translate(0,0) rotate(14deg)} 50%{transform:translate(-12px,16px) rotate(11.5deg)} }
@keyframes pulseGlow { 0%,100%{opacity:.45;transform:scale(1)} 50%{opacity:.85;transform:scale(1.06)} }
@keyframes drift { 0%,100%{transform:translate(0,0)} 33%{transform:translate(8px,-14px)} 66%{transform:translate(-6px,8px)} }
@keyframes pulse { 50%{opacity:.5; transform:scale(.85)} }

@media (max-width: 991.98px) {
  /*.oxyn-section { min-height:620px; border-radius:32px; }*/
  .portal-left { width:500px; height:500px; top:-40px; left:-48px; }
  .portal-right { width:540px; height:540px; right:-64px; bottom:-64px; }
  .oxyn-content { padding-top:55px; }
  .oxyn-title { font-size:54px; }
}

@media (max-width: 767.98px) {
  body.oxyn-body { padding:12px; }
  /*.oxyn-section { min-height:650px; border-radius:28px; padding:42px 18px !important; }*/
  .oxyn-content { padding-top:20px; }
  .oxyn-title { font-size:42px; letter-spacing:-.035em; }
  .oxyn-subtitle { font-size:16px; line-height:1.55; }
  .portal-left { width:380px; height:380px; top:-60px; left:-120px; }
  .portal-right { width:420px; height:420px; right:-130px; bottom:-80px; }
  .portal-ring-lg { inset:60px; }
  .portal-label { display:none; }
  .cta-btn { width:100%; min-height:56px; font-size:15px; padding:13px 20px; }
  .cta-gold { min-width:0; }
}

@media (max-width: 420px) {
  .oxyn-title { font-size:36px; }
  .division-title { font-size:10px; }
  .division-count { display:none !important; }
}
  
  
  
/********************************************/
.test{
    background-image: url("../img/bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}