*,*::before,*::after{box-sizing:border-box}

        :root{
          --bg:#0a0708;
          --bg2:rgba(12,9,10,.72);
          --sf:rgba(255,240,245,.035);
          --sf2:rgba(255,240,245,.07);
          --bd:rgba(255,210,220,.10);
          --bd2:rgba(255,210,220,.22);
          --fg:#f8eef1;
          --dm:#c4a8b0;
          --mu:#7a6068;
          --kb:#ffb3c9;
          --ms:#ff5c8a;
          --f:'Yomogi','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
          --m:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
          color-scheme:dark;
        }

        html,body{height:100%;margin:0}

        body{
          background:var(--bg);
          color:var(--fg);
          font-family:var(--f);
          font-size:14.5px;
          line-height:1.5;
          -webkit-font-smoothing:antialiased;
          user-select:none;
          overflow:hidden;
        }

        body::before{
          content:'';
          position:fixed;
          inset:0;
          background:url('images/background.jpeg') center/cover no-repeat;
          opacity:.7;
          z-index:0;
          pointer-events:none;
        }

        body::after{
          content:'';
          position:fixed;
          inset:0;
          z-index:0;
          pointer-events:none;
          background:linear-gradient(180deg, rgba(10,4,8,.72), rgba(10,4,8,.9));
        }

        ::-webkit-scrollbar{width:8px;height:8px}
        ::-webkit-scrollbar-track{background:transparent}
        ::-webkit-scrollbar-thumb{background:rgba(255,190,210,.12)}
        ::-webkit-scrollbar-thumb:hover{background:rgba(255,190,210,.22)}

        .ap{
          position:relative;
          z-index:1;
          display:grid;
          grid-template-rows:auto 1fr;
          height:100vh;
        }

        .tp{
          display:flex;
          align-items:center;
          justify-content:space-between;
          gap:32px;
          padding:16px 32px;
          background:var(--bg2);
          backdrop-filter:blur(20px) saturate(1.4);
          -webkit-backdrop-filter:blur(20px) saturate(1.4);
          border-bottom:1px solid var(--bd);
          position:relative;
        }

        .br{
          display:flex;
          align-items:center;
          gap:14px;
          text-decoration:none;
          color:inherit;
        }

        .bl{
          width:42px;height:42px;
          object-fit:contain;
          padding:5px;
          border:1px solid var(--bd2);
          background:var(--sf);
          flex-shrink:0;
        }

        .bi h1{
          margin:0;
          font-size:24px;
          font-weight:400;
          letter-spacing:.04em;
          line-height:1;
          color:var(--fg);
        }

        .bi span{
          display:block;
          margin-top:4px;
          font-size:11px;
          letter-spacing:.28em;
          text-transform:uppercase;
          color:var(--mu);
          font-weight:400;
        }

        .tr{
          display:flex;
          align-items:center;
          gap:10px;
        }

        .icm{
          display:inline-flex;
          align-items:center;
          gap:8px;
          padding:8px 14px;
          border:1px solid var(--bd);
          background:var(--sf);
          color:var(--dm);
          text-decoration:none;
          font-size:13px;
          letter-spacing:.06em;
          transition:background .15s,border-color .15s,color .15s;
        }

        .icm img{
          width:16px;height:16px;object-fit:contain;
          filter:brightness(0) saturate(100%) invert(73%) sepia(11%) saturate(561%) hue-rotate(314deg) brightness(97%) contrast(86%);
        }

        .icm:hover{
          background:var(--sf2);
          border-color:var(--bd2);
          color:var(--fg);
        }

        .stg{position:relative;overflow:hidden}

        .pn{
          position:absolute;inset:0;
          padding:40px 56px 40px;
          display:flex;flex-direction:column;
          overflow-y:auto;
          opacity:0;visibility:hidden;
          transform:translateY(8px);
          transition:opacity .3s,transform .3s,visibility 0s linear .3s;
        }

        .pn.on{
          opacity:1;visibility:visible;transform:translateY(0);
          transition:opacity .3s,transform .3s,visibility 0s;
        }

        .hm{
          width:100%;
          max-width:1080px;
          margin:0 auto;
          display:flex;
          flex-direction:column;
          gap:34px;
        }

        .dh{
          display:grid;
          grid-template-columns:1.25fr 1fr;
          gap:32px;
          align-items:center;
        }

        .dhl{
          display:flex;
          flex-direction:column;
        }

        .bdg{
          display:inline-flex;
          align-self:flex-start;
          align-items:center;
          padding:6px 12px;
          font-family:var(--m);
          font-size:10.5px;
          font-weight:600;
          letter-spacing:.14em;
          text-transform:uppercase;
          color:var(--kb);
          background:rgba(255,179,201,.07);
          border:1px solid rgba(255,179,201,.22);
          margin-bottom:22px;
        }

        .dt{
          margin:0 0 16px;
          font-size:54px;
          font-weight:400;
          letter-spacing:.01em;
          line-height:1.05;
          color:var(--fg);
        }

        .dd{
          margin:0 0 30px;
          max-width:540px;
          font-size:15px;
          line-height:1.75;
          color:var(--dm);
          letter-spacing:.02em;
        }

        .dac{margin-bottom:28px}

        .dlb{
          display:inline-flex;
          align-items:center;
          gap:16px;
          padding:18px 30px;
          background:var(--ms);
          color:#fff;
          text-decoration:none;
          border:1px solid var(--ms);
          transition:background .2s,border-color .2s,transform .15s,box-shadow .25s;
          box-shadow:0 0 0 0 rgba(255,92,138,0);
        }

        .dlb:hover{
          background:#ff7aa2;
          border-color:#ff7aa2;
          transform:translateY(-1px);
          box-shadow:0 8px 30px -8px rgba(255,92,138,.6);
        }

        .dlb:active{transform:translateY(0)}

        .dlbi{
          display:grid;
          place-items:center;
          width:36px;height:36px;
          background:rgba(0,0,0,.14);
          font-size:18px;
          line-height:1;
          flex-shrink:0;
        }

        .dlbt{
          display:flex;
          flex-direction:column;
          gap:3px;
          min-width:0;
        }

        .dlbm{
          font-size:16px;
          letter-spacing:.04em;
          line-height:1.1;
        }

        .dlbs{
          font-family:var(--m);
          font-size:11px;
          letter-spacing:.02em;
          color:rgba(255,255,255,.8);
        }

        .dm{
          display:grid;
          grid-template-columns:repeat(4,1fr);
          gap:0;
          border:1px solid var(--bd);
          background:var(--sf);
        }

        .dmi{
          padding:14px 16px;
          display:flex;
          flex-direction:column;
          gap:4px;
          border-right:1px solid var(--bd);
        }

        .dmi:last-child{border-right:none}

        .dml{
          font-size:9.5px;
          letter-spacing:.24em;
          text-transform:uppercase;
          color:var(--mu);
        }

        .dmv{
          font-family:var(--m);
          font-size:12px;
          font-weight:600;
          color:var(--fg);
          letter-spacing:.02em;
        }

        .dhr{
          display:flex;
          flex-direction:column;
          align-items:center;
          justify-content:center;
          padding:40px 24px;
          background:var(--sf);
          border:1px solid var(--bd);
          backdrop-filter:blur(14px);
          -webkit-backdrop-filter:blur(14px);
        }

        .dlw{
          display:grid;
          place-items:center;
          margin-bottom:20px;
        }

        .dlw img{
          width:120px;
          height:120px;
          object-fit:contain;
          padding:18px;
          background:var(--sf2);
          border:1px solid var(--bd2);
          box-shadow:0 0 40px -12px rgba(255,92,138,.4);
        }

        .dlc{
          display:flex;
          flex-direction:column;
          align-items:center;
          gap:4px;
        }

        .dln{
          font-size:18px;
          letter-spacing:.06em;
          color:var(--fg);
        }

        .dlv{
          font-family:var(--m);
          font-size:10.5px;
          letter-spacing:.14em;
          text-transform:uppercase;
          color:var(--mu);
        }

        .sc{
          display:flex;
          flex-direction:column;
          gap:20px;
        }

        .sch{
          display:flex;
          flex-direction:column;
          gap:6px;
        }

        .sck{
          font-size:10px;
          letter-spacing:.28em;
          text-transform:uppercase;
          color:var(--dm);
          font-weight:400;
        }

        .sct{
          margin:0;
          font-size:26px;
          font-weight:400;
          letter-spacing:.01em;
          line-height:1.2;
          color:var(--fg);
        }

        .sts{
          display:grid;
          grid-template-columns:repeat(3,1fr);
          gap:12px;
        }

        .stp{
          position:relative;
          padding:24px 22px 26px;
          background:var(--sf);
          border:1px solid var(--bd);
          transition:background .15s,border-color .15s,transform .2s;
        }

        .stp:hover{
          background:var(--sf2);
          border-color:var(--bd2);
          transform:translateY(-2px);
        }

        .stpn{
          display:inline-block;
          font-family:var(--m);
          font-size:11px;
          font-weight:600;
          letter-spacing:.2em;
          color:var(--kb);
          margin-bottom:14px;
        }

        .stp h3{
          margin:0 0 8px;
          font-size:17px;
          font-weight:400;
          letter-spacing:.02em;
          color:var(--fg);
        }

        .stp p{
          margin:0;
          font-size:13px;
          line-height:1.7;
          color:var(--dm);
          letter-spacing:.02em;
        }

        .stp em{
          font-style:normal;
          color:var(--fg);
        }

        .dg{
          display:grid;
          grid-template-columns:1fr 1fr;
          gap:12px;
        }

        .dp{
          padding:22px 24px;
          background:var(--sf);
          border:1px solid var(--bd);
        }

        .dph{
          margin-bottom:14px;
          padding-bottom:12px;
          border-bottom:1px solid var(--bd);
        }

        .dls{
          list-style:none;
          margin:0;
          padding:0;
          display:flex;
          flex-direction:column;
        }

        .dls li{
          display:flex;
          justify-content:space-between;
          align-items:baseline;
          gap:14px;
          padding:10px 0;
          border-bottom:1px solid var(--bd);
          font-size:13.5px;
        }

        .dls li:last-child{border-bottom:none}

        .dls li span:first-child{
          font-size:11px;
          letter-spacing:.18em;
          text-transform:uppercase;
          color:var(--mu);
          flex-shrink:0;
        }

        .dls li span:last-child{
          color:var(--fg);
          text-align:right;
          letter-spacing:.02em;
        }

        .hp{
          display:flex;
          align-items:center;
          justify-content:space-between;
          gap:24px;
          padding:24px 28px;
          background:var(--sf);
          border:1px solid var(--bd);
          position:relative;
        }

        .hp::before{
          content:'';
          position:absolute;
          left:0;top:0;bottom:0;
          width:3px;
          background:var(--dm);
        }

        .hpt h3{
          margin:0 0 4px;
          font-size:18px;
          font-weight:400;
          letter-spacing:.02em;
        }

        .hpt p{
          margin:0;
          font-size:13px;
          color:var(--dm);
          letter-spacing:.02em;
        }

        .cta{
          display:inline-block;
          padding:11px 24px;
          text-decoration:none;
          font-size:13.5px;
          letter-spacing:.08em;
          white-space:nowrap;
          transition:background .2s,border-color .2s;
        }

        .ctag{
          background:transparent;
          color:var(--fg);
          border:1px solid var(--bd2);
        }

        .ctag:hover{
          background:var(--sf2);
          border-color:var(--dm);
        }

        .ft{
          display:flex;
          align-items:center;
          gap:10px;
          padding-top:20px;
          border-top:1px solid var(--bd);
          font-size:12px;
          color:var(--mu);
          letter-spacing:.06em;
        }

        .ft a{
          color:var(--dm);
          text-decoration:none;
        }

        .ft a:hover{color:var(--fg)}

        .ftd{color:var(--bd2)}

        .fts{flex:1}

        .ftt{
          font-family:var(--m);
          font-size:11px;
          color:var(--mu);
        }

        @media(max-width:960px){
          .dh{grid-template-columns:1fr;gap:26px}
          .dhr{order:-1;padding:30px 20px}
          .dlw img{width:96px;height:96px;padding:14px}
          .dt{font-size:40px}
          .sts{grid-template-columns:1fr}
          .dg{grid-template-columns:1fr}
        }

        @media(max-width:820px){
          .tp{
            flex-wrap:wrap;
            padding:14px 20px;
            gap:14px;
          }
          .pn{padding:24px 20px 32px}
          .dt{font-size:34px}
          .dm{grid-template-columns:repeat(2,1fr)}
          .dmi:nth-child(2){border-right:none}
          .dmi:nth-child(1),
          .dmi:nth-child(2){border-bottom:1px solid var(--bd)}
          .sct{font-size:22px}
          .hp{flex-direction:column;align-items:flex-start;text-align:left}
          .ft{flex-wrap:wrap}
          .ftt{width:100%;margin-top:4px}
        }

        @media(max-width:520px){
          .icm span{display:none}
          .icm{padding:8px}
          .dlb{width:100%}
          .dlbt{flex:1}
        }