.elementor-603 .elementor-element.elementor-element-a932043{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.88;}.elementor-603 .elementor-element.elementor-element-a932043::before, .elementor-603 .elementor-element.elementor-element-a932043 > .elementor-background-video-container::before, .elementor-603 .elementor-element.elementor-element-a932043 > .e-con-inner > .elementor-background-video-container::before, .elementor-603 .elementor-element.elementor-element-a932043 > .elementor-background-slideshow::before, .elementor-603 .elementor-element.elementor-element-a932043 > .e-con-inner > .elementor-background-slideshow::before, .elementor-603 .elementor-element.elementor-element-a932043 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-603 .elementor-element.elementor-element-5607e02{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-603 .elementor-element.elementor-element-f4f8181{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:20px 20px 20px 20px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-603 .elementor-element.elementor-element-f4f8181.e-con{--align-self:center;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:14px;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-14px;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-field-group > label{font-family:"Inter", Sans-serif;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-field-type-html{padding-bottom:0px;font-family:"Inter", Sans-serif;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-field-group .elementor-field{color:var( --e-global-color-50b7b3f );}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-field-group .elementor-field, .elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-size:1rem;font-weight:400;line-height:2em;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#000000;border-color:#E3DFDA;border-radius:0px 0px 0px 0px;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-field-group .elementor-select-wrapper select{background-color:#000000;border-color:#E3DFDA;border-radius:0px 0px 0px 0px;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-field-group .elementor-select-wrapper::before{color:#E3DFDA;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-button{font-family:"Inter", Sans-serif;font-weight:500;border-radius:0px 0px 0px 0px;padding:16px 34px 16px 34px;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .e-form__buttons__wrapper__button-next{background-color:#007E51;color:#ffffff;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-button[type="submit"]{background-color:#007E51;color:#ffffff;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .e-form__buttons__wrapper__button-previous{background-color:#007E5100;color:var( --e-global-color-accent );}.elementor-603 .elementor-element.elementor-element-0dc40c0 .e-form__buttons__wrapper__button-next:hover{background-color:#006D47;color:#ffffff;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-button[type="submit"]:hover{background-color:#006D47;color:#ffffff;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-603 .elementor-element.elementor-element-0dc40c0 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-603 .elementor-element.elementor-element-0dc40c0{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}body.elementor-page-603:not(.elementor-motion-effects-element-type-background), body.elementor-page-603 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-603 .elementor-element.elementor-element-5607e02{--width:50%;}.elementor-603 .elementor-element.elementor-element-f4f8181{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-603 .elementor-element.elementor-element-5607e02{--width:100%;}.elementor-603 .elementor-element.elementor-element-f4f8181{--width:50%;}}@media(max-width:1024px){.elementor-603 .elementor-element.elementor-element-a932043{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-603 .elementor-element.elementor-element-f4f8181{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-603 .elementor-element.elementor-element-f4f8181{--width:91%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for form, class: .elementor-element-0dc40c0 */input#form-field-name {
    background: url(https://www.abcommunity.xyz/wp-content/uploads/2025/09/user-light-full.svg);
    
    background-repeat: no-repeat;
    background-size: 14px;
    background-position-y: center;
    background-position-x: 8px;
    opacity: 0.9;
    padding-left: 32px;
}

input#form-field-field_d50854e {
    background: url(https://www.abcommunity.xyz/wp-content/uploads/2025/09/envelope-light-full.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position-y: center;
    background-position-x: 8px;
    opacity: 0.9;
    padding-left: 32px;
}

input#form-field-wallet {
    background: url(https://www.abcommunity.xyz/wp-content/uploads/2025/09/wallet-light-full-1.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position-y: center;
    background-position-x: 8px;
    opacity: 0.9;
    padding-left: 32px;
    
    
}

.e-form__buttons.elementor-column.elementor-col-40 {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    
    justify-content: space-between;
}

button.elementor-button.elementor-size-sm {
    width: 100%;
    height: 3rem;
    font-size: 1.1rem;
    font-weight: 600;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: #000000 !important;
    border: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

button.elementor-button.elementor-size-sm:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(255, 215, 0, 0.4);
}/* End custom CSS */
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400&display=swap');



* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', sans-serif;
  background: #000000;
  color: #ffffff;
  overflow-x: hidden;
}

.App {
  min-height: 100vh;
  background: #000000;
}

/* NFT Container */
.nft-container {
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
}

/* Cosmic Background */
.cosmic-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: radial-gradient(ellipse at center, #0a0a0a 0%, #000000 100%);
}

.stars {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: 
    radial-gradient(2px 2px at 20px 30px, #FFD700, transparent),
    radial-gradient(2px 2px at 40px 70px, rgba(255, 215, 0, 0.8), transparent),
    radial-gradient(1px 1px at 90px 40px, #FFD700, transparent),
    radial-gradient(1px 1px at 130px 80px, rgba(255, 215, 0, 0.6), transparent),
    radial-gradient(2px 2px at 160px 30px, #FFD700, transparent);
  background-repeat: repeat;
  background-size: 200px 100px;
  animation: sparkle 3s linear infinite;
}

@keyframes sparkle {
  0%, 20%, 40%, 60%, 80%, 100% { opacity: 1; }
  10%, 30%, 50%, 70%, 90% { opacity: 0.3; }
}

.lightning-effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, transparent 30%, rgba(255, 215, 0, 0.1) 50%, transparent 70%);
  animation: lightning 4s ease-in-out infinite;
}

@keyframes lightning {
  0%, 90%, 100% { opacity: 0; }
  95% { opacity: 1; }
}

/* NFT Content */
.nft-content {
  max-width: 800px;
  width: 100%;
  text-align: center;
  z-index: 1;
}

/* Header */
.nft-header {
  margin-bottom: 3rem;
}

.limited-badge {
  background: linear-gradient(135deg, #FFD700, #FFA500);
  color: #000000;
  border: none;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  letter-spacing: 1px;
  animation: pulse-glow 2s infinite;
}

@keyframes pulse-glow {
  0%, 100% { 
    transform: scale(1);
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
  }
  50% { 
    transform: scale(1.05);
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.8);
  }
}

/* NFT Pass */
.nft-pass-container {
  perspective: 1000px;
  margin-bottom: 4rem;
}

.nft-pass {
  position: relative;
  width: 400px;
  height: 600px;
  margin: 0 auto;
  background: #000000;
  border-radius: 20px;
  transform-style: preserve-3d;
  animation: float-card 6s ease-in-out infinite;
}

@keyframes float-card {
  0%, 100% { transform: rotateY(0deg) translateY(0px); }
  50% { transform: rotateY(5deg) translateY(-10px); }
}

.holographic-border {
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  background: linear-gradient(45deg, 
    #ff0080, #ff8c00, #40e0d0, #ee82ee, #98fb98, #ffd700, #ff69b4, #00ced1);
  background-size: 400% 400%;
  border-radius: 23px;
  z-index: -1;
  animation: holographic 3s ease-in-out infinite;
}

@keyframes holographic {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.pass-content {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000000;
  border-radius: 20px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}

.pass-number {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  font-family: 'Orbitron', monospace;
  font-size: 0.9rem;
  color: #FFD700;
  font-weight: 600;
}

/* ABC:XYZ Logo */
.main-logo {
  margin: 2rem 0;
}

.abc-xyz-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Orbitron', monospace;
  font-size: 3rem;
  font-weight: 900;
  color: #FFD700;
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.8);
  position: relative;
}

.abc-xyz-logo span {
  position: relative;
  margin: 0 -0.1rem;
  animation: letter-glow 3s ease-in-out infinite;
}

.letter-a { animation-delay: 0s; }
.letter-b { animation-delay: 0.2s; z-index: 2; }
.letter-c { animation-delay: 0.4s; }
.separator { 
  margin: 0 0.3rem; 
  animation-delay: 0.6s; 
  color: #FFA500;
}
.letter-x { animation-delay: 0.8s; }
.letter-y { animation-delay: 1s; z-index: 2; }
.letter-z { animation-delay: 1.2s; }

/* Overlapping effect like LV */
.letter-b {
  transform: translateX(-0.2rem);
}

.letter-y {
  transform: translateX(-0.2rem);
}

@keyframes letter-glow {
  0%, 100% { 
    text-shadow: 0 0 20px rgba(255, 215, 0, 0.8);
    transform: scale(1);
  }
  50% { 
    text-shadow: 0 0 30px rgba(255, 215, 0, 1);
    transform: scale(1.1);
  }
}

.pass-title {
  font-family: 'Orbitron', monospace;
  font-size: 2.5rem;
  font-weight: 700;
  color: #FFD700;
  margin-bottom: 0.5rem;
  text-shadow: 0 0 15px rgba(255, 215, 0, 0.6);
}

.pass-subtitle {
  font-size: 1rem;
  color: #FFA500;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 2rem;
}

/* Timer */
.pass-timer {
  margin: 2rem 0;
  text-align: center;
}

.timer-text {
  font-size: 0.8rem;
  color: #FFA500;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

.timer-values {
  font-family: 'Orbitron', monospace;
  font-size: 1.5rem;
  color: #FFD700;
  font-weight: 600;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.8);
}

.civilization-text {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.9rem;
  color: #FFA500;
  font-weight: 500;
  letter-spacing: 3px;
}

.qr-decoration {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #FFD700, #FFA500);
  border-radius: 4px;
  opacity: 0.7;
}

/* Glow Effects */
.glow-effect-1 {
  position: absolute;
  top: -50px;
  left: -50px;
  width: 100px;
  height: 100px;
  background: radial-gradient(circle, rgba(255, 215, 0, 0.3) 0%, transparent 70%);
  border-radius: 50%;
  animation: float-glow-1 4s ease-in-out infinite;
}

.glow-effect-2 {
  position: absolute;
  bottom: -30px;
  right: -30px;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(255, 165, 0, 0.3) 0%, transparent 70%);
  border-radius: 50%;
  animation: float-glow-2 5s ease-in-out infinite reverse;
}

@keyframes float-glow-1 {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.3; }
  50% { transform: translate(10px, -15px) scale(1.2); opacity: 0.6; }
}

@keyframes float-glow-2 {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.3; }
  50% { transform: translate(-10px, 15px) scale(1.2); opacity: 0.6; }
}

/* Registration Section */
.registration-section {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.registration-card {
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid #333333;
  backdrop-filter: blur(10px);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.registration-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(255, 215, 0, 0.1);
}

.registration-title {
  font-size: 2rem;
  color: #FFD700;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.registration-description {
  font-size: 1rem;
  color: #CCCCCC;
}

.registration-form {
  space-y: 1.5rem;
}

.form-group {
  position: relative;
  margin-bottom: 1.5rem;
}

.form-icon {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  color: #FFD700;
  z-index: 1;
}

.wallet-input,
.email-input {
  padding-left: 3rem;
  height: 3rem;
  font-size: 1rem;
  background: rgba(0, 0, 0, 0.6);
  border: 2px solid #333333;
  color: #ffffff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.wallet-input:focus,
.email-input:focus {
  border-color: #FFD700;
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.1);
  background: rgba(0, 0, 0, 0.8);
}

.wallet-input::placeholder,
.email-input::placeholder {
  color: #888888;
}

.register-button {
  width: 100%;
  height: 3rem;
  font-size: 1.1rem;
  font-weight: 600;
  background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
  color: #000000;
  border: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.register-button:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(255, 215, 0, 0.4);
}

.register-button:active {
  transform: translateY(0);
}

.register-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.terms-text {
  font-size: 0.875rem;
  color: #888888;
  text-align: center;
  margin-top: 1rem;
}

/* Success Content */
.success-content {
  text-align: center;
  padding: 2rem 0;
}

.success-icon {
  width: 4rem;
  height: 4rem;
  color: #FFD700;
  margin: 0 auto 1.5rem;
  animation: success-bounce 0.6s ease-out;
}

@keyframes success-bounce {
  0% { transform: scale(0); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

.success-text {
  font-size: 1.1rem;
  color: #ffffff;
  margin-bottom: 2rem;
  line-height: 1.6;
}

.location-info {
  font-size: 1rem;
  color: #FFD700;
  padding: 1rem;
  background: rgba(255, 215, 0, 0.1);
  border-radius: 8px;
  border: 1px solid rgba(255, 215, 0, 0.3);
}

/* Responsive Design */
@media (max-width: 768px) {
  .nft-container {
    padding: 1rem;
  }
  
  .nft-pass {
    width: 320px;
    height: 480px;
  }
  
  .abc-xyz-logo {
    font-size: 2rem;
  }
  
  .pass-title {
    font-size: 1.8rem;
  }
  
  .registration-card {
    margin: 0 1rem;
  }
}

@media (max-width: 480px) {
  .nft-pass {
    width: 280px;
    height: 420px;
  }
  
  .abc-xyz-logo {
    font-size: 1.5rem;
  }
  
  .pass-title {
    font-size: 1.5rem;
  }
}

@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
        "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
        "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
        monospace;
}



@layer base {
  :root {
        --background: 0 0% 100%;
        --foreground: 0 0% 3.9%;
        --card: 0 0% 100%;
        --card-foreground: 0 0% 3.9%;
        --popover: 0 0% 100%;
        --popover-foreground: 0 0% 3.9%;
        --primary: 0 0% 9%;
        --primary-foreground: 0 0% 98%;
        --secondary: 0 0% 96.1%;
        --secondary-foreground: 0 0% 9%;
        --muted: 0 0% 96.1%;
        --muted-foreground: 0 0% 45.1%;
        --accent: 0 0% 96.1%;
        --accent-foreground: 0 0% 9%;
        --destructive: 0 84.2% 60.2%;
        --destructive-foreground: 0 0% 98%;
        --border: 0 0% 89.8%;
        --input: 0 0% 89.8%;
        --ring: 0 0% 3.9%;
        --chart-1: 12 76% 61%;
        --chart-2: 173 58% 39%;
        --chart-3: 197 37% 24%;
        --chart-4: 43 74% 66%;
        --chart-5: 27 87% 67%;
        --radius: 0.5rem;
    }
  .dark {
        --background: 0 0% 3.9%;
        --foreground: 0 0% 98%;
        --card: 0 0% 3.9%;
        --card-foreground: 0 0% 98%;
        --popover: 0 0% 3.9%;
        --popover-foreground: 0 0% 98%;
        --primary: 0 0% 98%;
        --primary-foreground: 0 0% 9%;
        --secondary: 0 0% 14.9%;
        --secondary-foreground: 0 0% 98%;
        --muted: 0 0% 14.9%;
        --muted-foreground: 0 0% 63.9%;
        --accent: 0 0% 14.9%;
        --accent-foreground: 0 0% 98%;
        --destructive: 0 62.8% 30.6%;
        --destructive-foreground: 0 0% 98%;
        --border: 0 0% 14.9%;
        --input: 0 0% 14.9%;
        --ring: 0 0% 83.1%;
        --chart-1: 220 70% 50%;
        --chart-2: 160 60% 45%;
        --chart-3: 30 80% 55%;
        --chart-4: 280 65% 60%;
        --chart-5: 340 75% 55%;
    }
}



@layer base {
  * {
    @apply border-border;
    }
  body {
    @apply bg-background text-foreground;
    }
}/* End custom CSS */