:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-secondary:#ec4899;--color-secondary-dark:#db2777;--color-secondary-light:#f472b6;--color-accent:#f59e0b;--color-accent-dark:#d97706;--color-accent-light:#fbbf24;--color-bg:#0f172a;--color-bg-light:#1e293b;--color-surface:#1e293b;--color-surface-light:#334155;--color-text:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--breakpoint-mobile:320px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-large:1440px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--border-radius-sm:.375rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);background-image:linear-gradient(135deg,var(--color-bg)0%,var(--color-bg-light)100%);min-height:100vh;line-height:1.6;overflow-x:hidden}.body-wrapper{flex-direction:column;min-height:100vh;display:flex}.body-wrapper>main{flex:1}.container{width:100%;max-width:100%;padding:var(--spacing-sm);transition:padding var(--transition-base);flex:1;margin:0 auto}@media (min-width:768px){.container{padding:var(--spacing-md);max-width:720px}}@media (min-width:1024px){.container{padding:var(--spacing-lg);max-width:960px}}@media (min-width:1440px){.container{max-width:1200px}}h1,h2,h3,h4,h5,h6{color:var(--color-text);transition:font-size var(--transition-base);font-weight:700;line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}@media (min-width:768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}}@media (min-width:1024px){h1{font-size:var(--font-size-5xl)}}button{font-family:inherit;font-size:inherit;cursor:pointer;transition:all var(--transition-base);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;outline:none}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-base);border-radius:var(--border-radius-lg);min-width:44px;min-height:44px;transition:all var(--transition-base);will-change:transform;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)scale(1.02)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-primary);transition:all var(--transition-base)}.btn-secondary:hover{background:var(--color-surface-light);border-color:var(--color-primary-light);transform:translateY(-1px)}input{font-family:inherit;font-size:inherit;color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-surface-light);border-radius:var(--border-radius-md);padding:var(--spacing-sm);width:100%;min-height:44px;transition:all var(--transition-base);outline:none}input:focus{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 0 0 3px #6366f11a}input::placeholder{color:var(--color-text-muted)}label{margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-sm);transition:font-size var(--transition-base);display:block}.countdown-container{text-align:center;padding:var(--spacing-lg)0;transition:padding var(--transition-base)}.event-name{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--color-text);transition:font-size var(--transition-base);font-weight:700}@media (min-width:768px){.event-name{font-size:var(--font-size-3xl)}}.countdown-grid{justify-content:center;align-items:center;gap:var(--spacing-sm);max-width:800px;transition:gap var(--transition-base);flex-wrap:wrap;margin:0 auto;display:flex}.countdown-item{min-width:70px;transition:transform var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;display:flex}@media (min-width:768px){.countdown-item{min-width:90px}}@media (min-width:1024px){.countdown-item{min-width:110px}}.countdown-item:hover{transform:scale(1.05)}.countdown-value{font-size:var(--font-size-3xl);color:var(--color-primary-light);margin-bottom:var(--spacing-xs);text-shadow:0 2px 8px #6366f166;transition:font-size var(--transition-base),transform var(--transition-fast);font-variant-numeric:tabular-nums;text-align:center;min-width:2ch;font-weight:700;line-height:1}@media (min-width:768px){.countdown-value{font-size:var(--font-size-4xl)}}@media (min-width:1024px){.countdown-value{font-size:var(--font-size-5xl)}}.countdown-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:font-size var(--transition-base);font-weight:600}@media (min-width:768px){.countdown-label{font-size:var(--font-size-base)}}.countdown-separator{font-size:var(--font-size-2xl);color:var(--color-primary);padding:0 var(--spacing-xs);margin-bottom:var(--spacing-md);transition:font-size var(--transition-base);opacity:.8;align-self:center;font-weight:700;line-height:1}@media (min-width:768px){.countdown-separator{font-size:var(--font-size-3xl)}}.countdown-finished{padding:var(--spacing-xl)}.finished-title{font-size:var(--font-size-3xl);color:var(--color-success);margin-bottom:var(--spacing-md)}.finished-message{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.form-group{margin-bottom:var(--spacing-md)}.form-row{gap:var(--spacing-md);transition:grid-template-columns var(--transition-base);grid-template-columns:1fr;display:grid}@media (min-width:768px){.form-row{grid-template-columns:1fr 1fr}}.logo-container{margin-bottom:var(--spacing-md);padding:var(--spacing-sm)0;transition:margin-bottom var(--transition-base);justify-content:center;align-items:center;display:flex}.logo{max-width:200px;height:auto;transition:max-width var(--transition-base)}@media (min-width:768px){.logo{max-width:300px}}.share-buttons{gap:var(--spacing-md);margin-top:var(--spacing-lg);transition:grid-template-columns var(--transition-base);grid-template-columns:1fr;display:grid}@media (min-width:768px){.share-buttons{grid-template-columns:1fr 1fr}}.text-center{text-align:center}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow)ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.tutorial-container{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.tutorial-content{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.tutorial-content h3{margin-bottom:var(--spacing-md);color:var(--color-primary-light)}.tutorial-step{gap:var(--spacing-md);margin-bottom:var(--spacing-md);align-items:flex-start;display:flex}.step-number{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);color:#fff;width:40px;height:40px;font-weight:700;font-size:var(--font-size-lg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content h4{margin-bottom:var(--spacing-xs);color:var(--color-text);font-size:var(--font-size-lg)}.step-content p{color:var(--color-text-secondary);line-height:1.6}.tutorial-tip{margin-top:var(--spacing-md);padding:var(--spacing-md);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-text);background:#6366f11a}.tutorial-tip strong{color:var(--color-primary-light)}.footer{background:var(--color-surface);border-top:1px solid var(--color-surface-light);padding:var(--spacing-lg)var(--spacing-md);margin-top:var(--spacing-2xl);text-align:center}.footer-content{max-width:1200px;margin:0 auto}.footer-text{color:var(--color-text);margin-bottom:var(--spacing-xs);font-weight:600}.footer-subtext{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}