:root{--primary-color: #FF6B00;--primary-gradient: #FF8533;--heading-color: #1A1A1A;--body-text-color: #4A4A4A;--shadow-color: rgba(0, 0, 0, .1);--shadow-color-hover: rgba(0, 0, 0, .2);--shadow-color-button: rgba(255, 107, 0, .2);--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--border-radius-sm: .5rem;--border-radius-md: .75rem;--border-radius-lg: 1rem;--font-primary: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1)}:host{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:clamp(var(--spacing-sm),4vw,var(--spacing-lg));font-family:var(--font-primary);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-gradient) 100%)}.container{max-width:min(800px,95%);padding:clamp(var(--spacing-sm),4vw,var(--spacing-lg));border-radius:var(--border-radius-lg);background-color:#fffffffa;box-shadow:0 20px 40px var(--shadow-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:var(--transition-smooth);text-align:center}.container:hover{transform:translateY(-6px);box-shadow:0 30px 60px var(--shadow-color-hover)}h1{color:var(--heading-color);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;margin-bottom:var(--spacing-xl);letter-spacing:-.5px;line-height:1.2}p{color:var(--body-text-color);font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6;margin:var(--spacing-md) 0}.button-group{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap;justify-content:center}button{padding:1.25rem 2.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-gradient) 100%);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:clamp(.9rem,2.5vw,1rem);font-weight:600;cursor:pointer;box-shadow:0 2px 4px var(--shadow-color);transition:var(--transition-smooth)}button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 15px var(--shadow-color-button)}button:active{transform:translateY(1px);box-shadow:0 1px 2px var(--shadow-color)}@media screen and (max-width: 480px){.container{padding:var(--spacing-sm);border-radius:var(--border-radius-sm)}.button-group{flex-direction:column}button{width:100%}}