@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Silkscreen:wght@400;700&display=swap");*,html{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}::selection{background-color:var(--secondary-color);color:var(--primary-color)}::-webkit-selection{background-color:var(--secondary-color);color:var(--primary-color)}:root{--primary-color: deepskyblue;--secondary-color: deeppink;--tertiary-color: mediumspringgreen;--quaternary-color: orangered;--body-color: #333333;--font-family-base: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-heading: "Silkscreen", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 16px;--line-height-base: 1.5;--font-weight-normal: 400;--font-weight-bold: 700;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius-sm: 0.25rem;--border-radius-md: 0.5rem;--border-radius-lg: 1rem;--transition-speed: 0.3s;--transition-timing: ease-in-out;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}body{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:100vh;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--body-color)}h1,h2,h3,h4,h5{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-family:var(--font-family-heading);font-size:2.2rem;font-weight:400}h2{font-size:2rem;font-weight:700}h3{font-size:1.75rem;font-weight:700}h4{font-size:1.5rem;font-weight:700}h5{font-size:1.25rem;font-weight:700}p{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}a{color:var(--primary-color);text-decoration:none;transition:all var(--transition-speed) var(--transition-timing)}a:hover{color:var(--secondary-color)}main{display:flex;flex-direction:column;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}hr{width:100%;height:0;border:1px solid rgba(255,255,255,0.1);margin-top:1rem;margin-bottom:1rem}article{display:flex;flex-direction:column;padding:1rem;color:white;flex:1;width:100%;max-width:800px;align-items:center;justify-content:center}html{height:100%;height:-webkit-fill-available;background:black}body{background:linear-gradient(to bottom, transparent 25%, #000 100%),radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px),radial-gradient(circle, #000 80%, var(--primary-color) 85%, var(--secondary-color) 100%);background-size:cover, 1.5rem 1.5rem, 100% 100%;position:relative;min-height:100vh;min-height:-webkit-fill-available}body:before{content:'';position:fixed;top:-50%;left:-50%;width:200vw;height:200vw;border-radius:100%;pointer-events:none;z-index:1;transform:translate(-50%, -50%);mix-blend-mode:overlay;background:repeating-radial-gradient(circle at center, var(--primary-color) 0px, var(--primary-color) 0.125rem, #fff 0.25rem, #fff 0.375rem, transparent 0.5rem, transparent 2rem);background-size:300%;animation:rotatePattern 30s linear infinite}@media (max-width: 420px){body:before{width:200vh;height:200vh}}.status-container{font-size:0.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 2rem white;margin-bottom:1rem;transition:all 0.3s ease}.status-container:hover{transform:scale(1.05);text-shadow:0 0 3rem white}.logo{color:var(--secondary-color);font-size:2rem;line-height:1em;transform:rotate(-15deg);text-shadow:0 0 2rem var(--secondary-color)}article{animation-name:fade-up;animation-duration:0.4s;animation-timing-function:var(--transition-timing);perspective:1000px}.links{display:flex;gap:0.5rem;justify-content:center;align-items:center;font-size:1rem;line-height:1em;padding:0.25rem;background:linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, transparent 100%);border:1px solid rgba(255,255,255,0.4);backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);border-radius:9999px;position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);box-shadow:inset 0 2px 1px rgba(255,255,255,0.2)}.links a{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px}.links a.active{color:white;background:linear-gradient(to top, rgba(255,255,255,0.2) 0%, transparent 100%)}.links a:hover{color:white;background:rgba(255,255,255,0.1);text-shadow:0 0 1rem white;transform:scale(1.25)}.links a:active{transform:scale(0.9)}@media (max-width: 500px){h1{font-size:1.6rem}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(-4rem) scale(0.9) rotateX(90deg)}100%{opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}@keyframes rotatePattern{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.demo-mode{display:flex;align-items:center;gap:0.5rem;justify-content:center;margin-top:1rem;border:1px solid rgba(255,255,255,0.1);border-radius:9999px;padding:0.25rem;padding-right:0.5rem;background:linear-gradient(to top, rgba(255,255,255,0.2) 0%, transparent 100%);position:relative;opacity:1;transition:all 0.3s ease;max-height:3rem}.demo-mode.hiding{margin-top:0;max-height:0;padding:0;border:none;opacity:0}.toggle{position:relative;display:inline-block;width:3rem;height:1.5rem}.toggle input{opacity:0;width:0;height:0}.toggle input:checked+.slider{background-color:var(--secondary-color)}.toggle input:checked+.slider:before{transform:translateX(1.5rem)}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.2);transition:0.3s;border-radius:9999px;border:1px solid rgba(255,255,255,0.3)}.slider:before{position:absolute;content:"";height:1.5rem;width:1.5rem;left:0;bottom:0;background-color:white;transition:0.3s;border-radius:50%}.verify-text{font-size:1rem;line-height:1em;font-weight:700}.demo-label{display:none;font-size:0.7rem;font-weight:700;color:var(--secondary-color);text-transform:uppercase;letter-spacing:1px;position:absolute;bottom:-0.25rem;left:50%;transform:translateX(-50%) translateY(100%);opacity:0;transition:all 0.3s ease;white-space:nowrap}
