*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #0b0d10;--text-color: #f5f5f0;--text-dim: rgba(245, 245, 240, .4);--text-dim-more: rgba(245, 245, 240, .2);--transition-fast: .15s;--transition-medium: .25s;--transition-slow: .3s;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--spacing-xxl: 16rem}html{scroll-behavior:smooth}body{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;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='4' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");z-index:1}.app{position:relative;min-height:100vh;z-index:0}.invitation{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;transition:opacity var(--transition-fast) ease-out,visibility var(--transition-fast) ease-out,transform var(--transition-medium) ease-out;pointer-events:none}.invitation.fade-out{opacity:0;visibility:hidden;transform:translateY(-40px)}.invitation-content{text-align:center;margin-bottom:var(--spacing-xl)}.invitation-line{font-size:clamp(28px,5vw,40px);line-height:1.4;font-weight:400;opacity:0;transition:opacity var(--transition-medium) ease-out}.invitation-line:first-child,.invitation-line.fade-in{opacity:1}.scroll-hint{position:absolute;bottom:var(--spacing-lg);font-size:.9rem;opacity:0;transition:opacity var(--transition-slow) ease-out;color:var(--text-dim)}.scroll-hint.fade-in{opacity:1}.lessons-container{position:relative;opacity:0;visibility:hidden;transition:opacity var(--transition-medium) ease-out,visibility var(--transition-medium) ease-out;padding-top:100vh;padding-bottom:var(--spacing-xxl);z-index:1}.lessons-container.visible{opacity:1;visibility:visible}.lessons-list{max-width:800px;margin:0 auto;padding:0 var(--spacing-md)}.lesson-item{padding:var(--spacing-xl) 0;cursor:pointer;transition:opacity var(--transition-fast) ease-out;outline:none;list-style:none;background:none;border:none}.lesson-item:focus-visible{outline:2px solid var(--text-color);outline-offset:var(--spacing-xs);border-radius:2px}.lesson-item:hover{opacity:1!important}.lesson-statement{font-size:clamp(28px,4vw,36px);line-height:1.5;font-weight:400;margin-bottom:var(--spacing-md);transition:color var(--transition-fast) ease-out}.lesson-divider{height:1px;background:linear-gradient(to right,transparent,var(--text-dim-more) 20%,var(--text-dim-more) 80%,transparent);margin-top:var(--spacing-md)}.lesson-item:last-child .lesson-divider{display:none}.bottom-section{margin-top:var(--spacing-xxl);padding:var(--spacing-xl) var(--spacing-md)}.bottom-content{max-width:600px;margin:0 auto;text-align:center}.bottom-text{font-size:clamp(20px,3vw,28px);line-height:1.6;margin-bottom:var(--spacing-lg);color:var(--text-color)}.email-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.email-input{background:transparent;border:1px solid var(--text-dim);color:var(--text-color);padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;font-family:inherit;border-radius:0;outline:none;transition:border-color var(--transition-fast) ease-out;min-width:200px}.email-input:focus{border-color:var(--text-color);outline:2px solid var(--text-color);outline-offset:2px}.email-input::placeholder{color:var(--text-dim)}.email-button{background:transparent;border:1px solid var(--text-color);color:var(--text-color);padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;font-family:inherit;cursor:pointer;transition:background-color var(--transition-fast) ease-out,color var(--transition-fast) ease-out;outline:none}.email-button:hover{background:var(--text-color);color:var(--bg-color)}.email-button:focus-visible{outline:2px solid var(--text-color);outline-offset:2px}.toast{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);background:var(--text-color);color:var(--bg-color);padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;border-radius:0;z-index:1000;animation:toastFadeIn var(--transition-medium) ease-out}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.site-title{font-size:.85rem;color:var(--text-dim);margin-top:var(--spacing-xl);letter-spacing:.05em}.lesson-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0b0d10d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:overlayFadeIn var(--transition-medium) ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.lesson-dialog{max-width:700px;width:100%;background:var(--bg-color);padding:var(--spacing-xl) var(--spacing-md);max-height:90vh;overflow-y:auto;animation:dialogSlideIn var(--transition-medium) ease-out;position:relative}.lesson-dialog:before,.lesson-dialog:after{content:"";position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,var(--text-dim-more) 20%,var(--text-dim-more) 80%,transparent)}.lesson-dialog:before{top:0}.lesson-dialog:after{bottom:0}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lesson-dialog-content{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md) 0}.lesson-dialog-statement{font-size:clamp(32px,5vw,44px);line-height:1.4;font-weight:400;color:var(--text-color)}.lesson-dialog-body{font-size:clamp(16px,2vw,18px);line-height:1.8;color:var(--text-color)}.lesson-dialog-body p{margin-bottom:var(--spacing-sm)}.lesson-dialog-body p:last-child{margin-bottom:0}.lesson-dialog-question{padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--text-dim-more)}.question-text{font-size:clamp(16px,2vw,18px);line-height:1.6;color:var(--text-color);font-style:italic}.lesson-close-button{margin-top:var(--spacing-lg);background:none;border:none;color:var(--text-dim);padding:0;font-size:.85rem;font-family:inherit;cursor:pointer;transition:opacity var(--transition-fast) ease-out,text-decoration var(--transition-fast) ease-out;outline:none;align-self:flex-start;text-decoration:none}.lesson-close-button:hover,.lesson-close-button:focus{opacity:1;text-decoration:underline;color:var(--text-dim)}.lesson-close-button:focus-visible{outline:2px solid var(--text-dim);outline-offset:4px;border-radius:2px}.lessons-container.dimmed{filter:blur(4px);opacity:.4;transition:filter var(--transition-medium) ease-out,opacity var(--transition-medium) ease-out;pointer-events:none}@media (max-width: 768px){.lesson-dialog{padding:var(--spacing-md)}.email-form{flex-direction:column}.email-input,.email-button{width:100%}}