@font-face {
  font-family: 'Montserrat';
  src: url('../public/fonts/Montserrat-Bold.eot');
  src: url('/public/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
      url('/public/fonts/Montserrat-Bold.woff2') format('woff2'),
      url('/public/fonts/Montserrat-Bold.woff') format('woff'),
      url('/public/fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/public/fonts/Montserrat-Light.eot');
  src: url('/public/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
      url('/public/fonts/Montserrat-Light.woff2') format('woff2'),
      url('/public/fonts/Montserrat-Light.woff') format('woff'),
      url('/public/fonts/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/public/fonts/Montserrat-Medium.eot');
  src: url('/public/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
      url('/public/fonts/Montserrat-Medium.woff2') format('woff2'),
      url('/public/fonts/Montserrat-Medium.woff') format('woff'),
      url('/public/fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/public/fonts/Montserrat-SemiBold.eot');
  src: url('/public/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('/public/fonts/Montserrat-SemiBold.woff2') format('woff2'),
      url('/public/fonts/Montserrat-SemiBold.woff') format('woff'),
      url('/public/fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/public/fonts/Montserrat-Regular.eot');
  src: url('/public/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
      url('/public/fonts/Montserrat-Regular.woff2') format('woff2'),
      url('/public/fonts/Montserrat-Regular.woff') format('woff'),
      url('/public/fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}   
 
 
body{
margin:0;
font-family: "Montserrat", sans-serif;
color:#332f21;
}

.sw-construction{
--sw-blue:#007cc8;
--sw-blue-dark:#0066a5;
--sw-green:#00b899;
--sw-text:#332f21;
--sw-muted:#5e6a73;
--sw-surface:rgba(255,255,255,0.9);
--sw-border:rgba(0,124,200,0.14);

position:relative;
display:flex;
align-items:center;
min-height:100vh;
overflow:hidden;

background:
radial-gradient(circle at top left, rgba(0,124,200,0.14), transparent 34%),
radial-gradient(circle at bottom right, rgba(0,184,153,0.16), transparent 28%),
linear-gradient(135deg,#f5fbff 0%,#ffffff 48%,#eefbf8 100%);
}

.container{
width:100%;
max-width:1200px;
margin:auto;
padding:0 20px;
}

.sw-construction__card{
position:relative;
z-index:1;
max-width:860px;
margin:0 auto;
padding:56px 48px;
background:var(--sw-surface);
border:1px solid var(--sw-border);
box-shadow:0 30px 80px rgba(16,48,74,0.14);
backdrop-filter:blur(14px);
}

.sw-construction__logo{
padding:20px 0;
width:220px;
}

.sw-construction__content h1{
max-width:620px;
margin:0;
color:var(--sw-text);
font-size:56px;
font-weight:700;
line-height:1.05;
}

.sw-construction__description{
max-width:620px;
margin:24px 0 0;
color:var(--sw-muted);
font-size:18px;
line-height:1.9;
}

.sw-construction__footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin-top:48px;
padding-top:24px;
border-top:1px solid rgba(51,47,33,0.1);
flex-wrap:wrap;
}

.sw-construction__status{
display:inline-flex;
align-items:center;
gap:10px;
color:var(--sw-text);
font-size:15px;
font-weight:500;
}

.sw-construction__status-dot{
width:10px;
height:10px;
border-radius:50%;
background:var(--sw-green);
box-shadow:0 0 0 8px rgba(0,184,153,0.14);
}

.sw-construction__contact{
margin:0;
color:var(--sw-muted);
font-size:15px;
font-weight:600;
}

.sw-construction__glow{
position:absolute;
border-radius:50%;
filter:blur(24px);
opacity:0.6;
}

.sw-construction__glow--blue{
top:8%;
left:-5%;
width:280px;
height:280px;
background:rgba(0,124,200,0.18);
}

.sw-construction__glow--green{
right:-6%;
bottom:10%;
width:260px;
height:260px;
background:rgba(0,184,153,0.18);
}

.sw-construction__particle{
position:absolute;
top:20%;
left:70%;
width:10px;
height:10px;
border-radius:50%;
background:linear-gradient(135deg, rgba(0,124,200,0.28), rgba(0,184,153,0.34));
animation:floatParticle 4s ease-in-out infinite;
}

@keyframes floatParticle{
0%,100%{
transform:translateY(0);
opacity:0.35;
}
50%{
transform:translateY(-12px);
opacity:0.9;
}
}

@media(max-width:768px){

.sw-construction__card{
padding:40px 24px;
}

.sw-construction__content h1{
font-size:34px;
}

.sw-construction__description{
font-size:16px;
}

}