:root{color-scheme:light dark;--bg: #f5f2ec;--ink: #16151a;--ink-soft: #33313a;--ink-line: rgba(22, 21, 26, .18);--ink-line-hover: rgba(22, 21, 26, .45);--btn-bg: rgba(245, 242, 236, .72);--btn-bg-hover: rgba(245, 242, 236, .88);--btn-shadow: rgba(22, 21, 26, .15);--halo: #f5f2ec;--text-halo: 0 0 2px var(--halo), 0 0 5px var(--halo), 0 0 10px var(--halo), 0 0 18px var(--halo), 0 0 28px var(--halo)}@media (prefers-color-scheme: dark){:root{--bg: #000;--ink: #fff;--ink-soft: #ccc;--ink-line: rgba(255, 255, 255, .3);--ink-line-hover: rgba(255, 255, 255, .6);--btn-bg: rgba(255, 255, 255, .1);--btn-bg-hover: rgba(255, 255, 255, .2);--btn-shadow: rgba(255, 255, 255, .2);--halo: #000}}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--bg)}body{margin:0;background-color:var(--bg);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}#app{width:100%;height:100vh}.app{position:relative;width:100%;min-height:100vh;background-color:var(--bg);overflow:hidden}.donut-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;border:none;pointer-events:none;transform:translateZ(0);will-change:contents;backface-visibility:hidden;-webkit-backface-visibility:hidden}.content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;transition:opacity .5s ease-in}.content>*{pointer-events:auto}.content.hidden{display:none}.content.fade-out{opacity:0;pointer-events:none;transition:opacity 1s ease-out}.title{color:var(--ink);font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:var(--text-halo);letter-spacing:-.02em;animation:fadeInScale .6s cubic-bezier(.34,1.56,.64,1) .1s backwards}.subtitle{color:var(--ink-soft);font-size:1.5rem;font-weight:300;margin-bottom:3rem;text-shadow:var(--text-halo);max-width:600px;animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) .3s backwards}.buttons{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.button{background-color:var(--btn-bg);color:var(--ink);padding:1rem 2rem;border:2px solid var(--ink-line);border-radius:8px;text-decoration:none;font-size:1.1rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;animation:fadeInUp .4s cubic-bezier(.22,1,.36,1) backwards}.button:nth-child(1){animation-delay:.5s}.button:nth-child(2){animation-delay:.6s}.button:nth-child(3){animation-delay:.7s}.button:nth-child(4){animation-delay:.8s}.button:hover{background-color:var(--btn-bg-hover);border-color:var(--ink-line-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--btn-shadow)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8) translateY(-20px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@media (max-width: 768px){.title{font-size:2.5rem}.subtitle{font-size:1.2rem;padding:0 1rem}.buttons{flex-direction:column;gap:1rem;width:80%}.button{width:100%}}