/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/components/landing/Phone3D.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.Phone3D_scene__rXyzc {
  perspective: 800px;
  display: grid;
  place-items: center;
  width: 256px;
  height: 537px;
}

.Phone3D_phone__IjGPN {
  width: 256px;
  height: 537px;
  position: relative;
  transform-style: preserve-3d;
  border-radius: 30px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
  will-change: transform;
}

.Phone3D_back__Num6A {
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, #c0d0de, #a8bcd0, #b4c4d4);
  border-radius: 30px;
  transform: translateZ(-16px);
}

.Phone3D_edge__spS6T {
  position: absolute;
  background: linear-gradient(180deg, #c8d8e5, #a8b8ca, #b8c8d6);
}

.Phone3D_edgeR__a6dc_ {
  top: 30px;
  bottom: 30px;
  right: 0;
  width: 16px;
  transform-origin: right center;
  transform: rotateY(-90deg);
}

.Phone3D_edgeL__zA72w {
  top: 30px;
  bottom: 30px;
  left: 0;
  width: 16px;
  transform-origin: left center;
  transform: rotateY(90deg);
}

.Phone3D_edgeT__mxFM7 {
  left: 30px;
  right: 30px;
  top: 0;
  height: 16px;
  transform-origin: center top;
  transform: rotateX(-90deg);
  background: linear-gradient(90deg, #c0d0de, #b0c2d2, #c4d4e2);
}

.Phone3D_edgeB__0Wysn {
  left: 30px;
  right: 30px;
  bottom: 0;
  height: 16px;
  transform-origin: center bottom;
  transform: rotateX(90deg);
  background: linear-gradient(90deg, #b0c0d0, #a0b0c2, #b8c8d6);
}

.Phone3D_edgeR__a6dc_::before {
  content: "";
  position: absolute;
  top: 110px;
  left: 2px;
  right: 2px;
  height: 36px;
  background: #cdd8e4;
  border-radius: 2px;
  transform: translateZ(1px);
  box-shadow: 0 0 0 1px #90a1b3;
}

.Phone3D_edgeL__zA72w::before {
  content: "";
  position: absolute;
  top: 90px;
  left: 2px;
  right: 2px;
  height: 26px;
  background: #cdd8e4;
  border-radius: 2px;
  transform: translateZ(1px);
  box-shadow: 0 0 0 1px #90a1b3;
}

.Phone3D_edgeL__zA72w::after {
  content: "";
  position: absolute;
  top: 126px;
  left: 2px;
  right: 2px;
  height: 26px;
  background: #cdd8e4;
  border-radius: 2px;
  transform: translateZ(1px);
  box-shadow: 0 0 0 1px #90a1b3;
}

.Phone3D_edgeB__0Wysn::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) translateZ(-1px);
  width: 20px;
  height: 7px;
  background: #3a4650;
  border-radius: 3.5px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5),
    inset 0 -0.5px 1px rgba(0, 0, 0, 0.2);
}

.Phone3D_edgeB__0Wysn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(calc(-50% + 22px), -50%);
  width: 2px;
  height: 2px;
  background: #4a5a68;
  border-radius: 50%;
  box-shadow: 4px 0 0 #4a5a68, 8px 0 0 #4a5a68, -44px 0 0 #4a5a68,
    -48px 0 0 #4a5a68, -52px 0 0 #4a5a68;
}

.Phone3D_corner__E5PFH {
  position: absolute;
  width: 30px;
  height: 30px;
  transform-style: preserve-3d;
}

.Phone3D_cornerTl__w9OIy {
  top: 0;
  left: 0;
}
.Phone3D_cornerTr__mJp1x {
  top: 0;
  right: 0;
}
.Phone3D_cornerBl__Lxrlw {
  bottom: 0;
  left: 0;
}
.Phone3D_cornerBr__k0l6k {
  bottom: 0;
  right: 0;
}

.Phone3D_cLayer__Eq5rI {
  position: absolute;
  inset: 0;
}

.Phone3D_cornerTl__w9OIy .Phone3D_cLayer__Eq5rI {
  border-top: 2px solid #b3c3d3;
  border-left: 2px solid #b3c3d3;
  border-radius: 30px 0 0 0;
}
.Phone3D_cornerTr__mJp1x .Phone3D_cLayer__Eq5rI {
  border-top: 2px solid #b3c3d3;
  border-right: 2px solid #b3c3d3;
  border-radius: 0 30px 0 0;
}
.Phone3D_cornerBl__Lxrlw .Phone3D_cLayer__Eq5rI {
  border-bottom: 2px solid #b3c3d3;
  border-left: 2px solid #b3c3d3;
  border-radius: 0 0 0 30px;
}
.Phone3D_cornerBr__k0l6k .Phone3D_cLayer__Eq5rI {
  border-bottom: 2px solid #b3c3d3;
  border-right: 2px solid #b3c3d3;
  border-radius: 0 0 30px 0;
}

.Phone3D_bezel__i2dAw {
  width: 100%;
  height: 100%;
  background: linear-gradient(160deg, #d0dde8, #b8cad8, #c4d4e2);
  border-radius: 30px;
  padding: 3px;
  position: relative;
  transform: translateZ(1px);
}

.Phone3D_inner__2uf_C {
  width: 100%;
  height: 100%;
  background: #080808;
  border-radius: 27px;
  padding: 3px;
}

.Phone3D_screen__FwtGs {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  background: #080808;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.Phone3D_screen__FwtGs::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  opacity: var(--priv-opacity, 0);
  z-index: 20;
  pointer-events: none;
  border-radius: inherit;
}

.Phone3D_screen__FwtGs::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #060606;
  z-index: 30;
  box-shadow: inset 0 0 2px rgba(30, 30, 60, 0.6),
    0 0 0 0.5px rgba(255, 255, 255, 0.04);
}

.Phone3D_wallpaper__F8zhd {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  background: radial-gradient(
      ellipse 55% 45% at 60% 35%,
      rgba(100, 210, 200, 0.9),
      transparent 70%
    ),
    radial-gradient(
      ellipse 50% 55% at 35% 60%,
      rgba(80, 190, 180, 0.7),
      transparent 65%
    ),
    radial-gradient(
      ellipse 40% 30% at 50% 50%,
      rgba(140, 220, 210, 0.5),
      transparent
    ),
    linear-gradient(
      155deg,
      #1a6b6a 0%,
      #2a9a98 25%,
      #48c4b8 45%,
      #3aada5 55%,
      #1a7a78 75%,
      #155858 100%
    );
}

.Phone3D_wallpaperImage__u5IpB {
  position: absolute;
  inset: 0;
  background: var(--wallpaper-url, none) center/cover no-repeat;
  background-color: #0c2a2a;
  z-index: 1;
  border-radius: inherit;
}

.Phone3D_statusBar___ChJ3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 16px 0;
  position: relative;
  z-index: 10;
  height: 28px;
}

.Phone3D_statusBar___ChJ3 svg {
  display: block;
}

.Phone3D_time__ivwI5 {
  font-size: 0.62rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.92);
  font-family: "DM Sans", sans-serif;
}

.Phone3D_statusIcons__5_JY5 {
  display: flex;
  gap: 4px;
  align-items: center;
}

.Phone3D_notification__0UG6Q {
  margin: 38px 9px 0;
  background: rgba(18, 16, 26, 0.72);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-radius: 18px;
  padding: 12px 14px;
  position: relative;
  z-index: 10;
  font-family: "DM Sans", sans-serif;
}

.Phone3D_notification__0UG6Q::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  opacity: var(--notif-priv, 0);
  z-index: 15;
  border-radius: 18px;
  pointer-events: none;
}

.Phone3D_notifHeader__5hju7 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 5px;
}

.Phone3D_notifIcon___weEr {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: #dc2626;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.Phone3D_notifIcon___weEr svg {
  display: block;
}

.Phone3D_notifApp__ABV1_ {
  font-size: 0.5rem;
  color: rgba(255, 255, 255, 0.4);
}
.Phone3D_notifWhen__tl3k2 {
  font-size: 0.46rem;
  color: rgba(255, 255, 255, 0.25);
  margin-left: auto;
}

.Phone3D_notifTitle__fhMu1 {
  display: block;
  font-size: 0.6rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 2px;
  text-decoration: none;
}

.Phone3D_notifBody__TvwPO {
  font-size: 0.52rem;
  color: rgba(255, 255, 255, 0.48);
  line-height: 1.45;
}

.Phone3D_dock___0_q0 {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 12px;
  z-index: 10;
  background: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 20px;
  padding: 8px 14px;
}

.Phone3D_dockIcon__aGUVE {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  text-decoration: none;
}

.Phone3D_dockIcon__aGUVE svg {
  display: block;
}

.Phone3D_diPhone__Qp2D3 {
  background: linear-gradient(145deg, #34d058, #22a847);
}
.Phone3D_diMsg__UyHw9 {
  background: linear-gradient(145deg, #dc2626, #991b1b);
}
.Phone3D_diChrome__YGfj_ {
  background: linear-gradient(145deg, #ea4335, #dd3327);
}
.Phone3D_diCam__b_gaB {
  background: linear-gradient(145deg, #f5a623, #e8931a);
}

.Phone3D_homeBar__XyWQH {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 88px;
  height: 3.5px;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 2px;
  z-index: 10;
}