.wk-my-account{
        --wk-bg: #0b0b10;
        --wk-panel: rgba(18,18,26,.92);
        --wk-border: rgba(255,255,255,.10);
        --wk-text: rgba(255,255,255,.92);
        --wk-muted: rgba(255,255,255,.65);
        --wk-accent: #7c5cff;
        --wk-accent2:#4b8bff;
        --wk-shadow: 0 20px 60px rgba(0,0,0,.30);
        --wk-radius: 6px;

        color: var(--wk-text);
      }

      .wk-my-account *{ box-sizing: border-box; }

      .wk-my-account__card{
	  width: 100%;
	  background: var(--wk-panel);
	  border: 1px solid var(--wk-border);
	  border-radius: var(--wk-radius);
	  box-shadow: var(--wk-shadow);
	  backdrop-filter: blur(10px);
	  overflow: hidden;

	  min-height: 700px;
	  max-height: 700px;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	}

      .wk-my-account__inner{
        padding: 18px;
		height: 100%;
      }

      .wk-my-account__tabs{
        display:flex;
        gap: 8px;
        padding: 16px 16px 0 16px;
      }

      .wk-my-account__tab{
        flex: 1 1 0;
        border: 1px solid var(--wk-border);
        background: rgba(255,255,255,.06) !important;
        color: var(--wk-text);
        padding: 10px 12px;
        border-radius: 6px;
        cursor:pointer;
        font-size: 14px;
        text-align:center;
        text-decoration:none;
        user-select:none;
        line-height: 1;
      }

      .wk-my-account__tab.is-active{
        border-color: #ccd0d3;
        background: linear-gradient(135deg, rgba(124,92,255,.22), rgba(75,139,255,.16));
      }

      .wk-my-account__panel{
	    flex: 1 1 auto;
        padding: 16px;
      }

      .wk-my-account__notice{
        border: 1px solid rgba(255,255,255,.12);
        background: rgba(255,255,255,.06);
        border-radius: 6px;
        padding: 12px 12px;
        font-size: 14px;
        margin: 16px 16px 0 16px;
      }
      .wk-my-account__notice--success{
        border-color: rgba(70,220,160,.35);
        background: rgba(70,220,160,.10);
      }
      .wk-my-account__notice--error{
        border-color: rgba(255,90,90,.35);
        background: rgba(255,90,90,.10);
      }

      .wk-my-account__grid{
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }

      .wk-my-account__field label{
        display:block;
        margin: 0 0 6px 0;
        font-size: 13px;
        color: var(--wk-muted);
      }

      .wk-my-account__field input{
        width:100%;
        padding: 10px 12px;
        min-height: 42px;
        border-radius: 6px;
        border: 1px solid var(--wk-border);
        background: rgba(0,0,0,.18);
        color: var(--wk-text);
        outline: none;
        font-size: 14px;
      }

      .wk-my-account__field input:focus{
        border-color: rgba(124,92,255,.55);
        box-shadow: 0 0 0 3px rgba(124,92,255,.16);
		color: var(--wk-text);
      }

      .wk-my-account__field.is-full{
        grid-column: 1 / -1;
      }

      .wk-my-account__actions{
        display:flex;
        gap: 10px;
        margin-top: 14px;
		flex-direction: row-reverse;
      }

      .wk-my-account__btn{
        cursor:pointer;
        color: #000000 !important;
		border-width: 0px !important;
		border-color: #FFFFFF;
		border-radius: 6px;
		font-size: 14px;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		background-color: #FFFFFF !important;
		padding-top: 15px !important;
		padding-right: 45px !important;
		padding-bottom: 15px !important;
		padding-left: 45px !important;
		margin-top: 50px !important;
      }

      .wk-my-account__btn:active{
        transform: translateY(1px);
      }

      .wk-my-account__btn--ghost{
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.12);
        box-shadow: none;
        color: rgba(255,255,255,.92);
      }

      .wk-my-account__gate{
        padding: 28px;
        text-align:center;
        background:
          radial-gradient(1000px 700px at 10% 0%, rgba(124,92,255,.18), transparent 60%),
          radial-gradient(900px 600px at 90% 20%, rgba(75,139,255,.16), transparent 55%),
          rgba(0,0,0,.12);
      }

      .wk-my-account__gateTitle{
        font-size: 18px;
        font-weight: 700;
        margin: 0 0 8px 0;
        color: rgba(255,255,255,.95);
      }

      .wk-my-account__gateText{
        margin: 0 auto 16px auto;
        max-width: 520px;
        font-size: 14px;
        line-height: 1.55;
        color: rgba(255,255,255,.70);
      }

      .wk-my-account__gateActions{
        display:flex;
        gap: 10px;
        justify-content:center;
        flex-wrap: wrap;
      }

      @media (max-width: 720px){
        .wk-my-account__grid{ grid-template-columns: 1fr; }
        .wk-my-account__actions{ flex-direction: column; }
      }