.navbar{background-color:transparent;padding:1rem 0;position:fixed;top:0;width:100%;z-index:100;box-shadow:none}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo:hover{color:#4a9eff}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav-item{margin:0}.nav-link{color:#fff;text-decoration:none;transition:color .3s ease;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5)}.nav-logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease;display:flex;align-items:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.nav-link:hover{color:#4a9eff}.logo-img{height:125px;width:auto}.navbar.visible{transform:translateY(0);opacity:1;transition:transform .3s ease,opacity .3s ease}.navbar.hidden{transform:translateY(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none}.home{min-height:100vh}.hero{background:linear-gradient(135deg,#1a1a1a99,#2d2d2d99),url(/hero-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:2rem 2rem rem 2rem;text-align:left;min-height:80vh;display:flex;align-items:center;justify-content:center}.hero-content{max-width:800px;margin:0 auto}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;line-height:1.2;color:#7db3ff}.hero p{font-size:1.25rem;line-height:1.6;margin-bottom:1rem;color:#e0e0e0}.cta-button{display:inline-block;padding:.75rem 2rem;background-color:#4a9eff;color:#fff;text-decoration:none;border-radius:4px;font-weight:700;transition:background-color .3s ease}.cta-button:hover{background-color:#2e7fd9}.origins{max-width:1200px;margin:2rem auto;padding:0 2rem}.origins h2{text-align:center;font-size:2.5rem;margin-bottom:1.5rem;color:#1a1a1a}.origins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.origin-card{background:#f5f5f5;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.origin-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #0003}.origin-card h3{color:#4a9eff;font-size:1.5rem;margin-bottom:1rem}.origin-card p{color:#666;line-height:1.6}.emphasized{font-size:1.5rem;color:#4a9eff;font-weight:700}.origin-card:nth-child(1){border-top:4px solid #7db3ff}.origin-card:nth-child(2){border-top:4px solid #4ac0a0}.origin-card:nth-child(3){border-top:4px solid #f25a5a}@media(max-width:768px){.origins-grid{grid-template-columns:1fr}.origin-card{padding:2.5rem 1.5rem}}@media(max-width:480px){.hero{min-height:auto}.hero-content{padding:9rem 1.5rem 0}.hero h1{font-size:2rem;margin-bottom:1rem}.hero p{font-size:1rem;margin-bottom:1rem}.origins{padding:0 1rem}.origins h2{font-size:1.75rem;margin-bottom:1rem}.origins-grid{gap:1rem}.origin-card{padding:1.5rem 1rem}.origin-card h3,.emphasized{font-size:1.2rem}}.about{min-height:100vh;background-color:#fff;padding:0}.about-header{background:linear-gradient(135deg,#1a1a1acc,#2d2d2dcc),url(/hero-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:7rem 2rem 6rem;text-align:center;min-height:30vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:-2rem}.about-header h1{font-size:3.5rem;margin:0;margin-bottom:1rem;color:#7db3ff;line-height:1.2}.about-header p{font-size:1.25rem;line-height:1.6;margin-bottom:1rem;color:#e0e0e0}.about-tagline{font-size:1.25rem;color:#e0e0e0;max-width:700px;line-height:1.6;margin:0}.about-sections{max-width:900px;margin:0 auto;padding:0}.about-section{padding:2rem;transition:all .3s ease}.about-section h2{font-size:2.5rem;color:#4a9eff;margin:0 0 1.5rem;line-height:1.2}.about-section p{font-size:1.1rem;line-height:1.8;color:#555;margin:0 0 1.5rem;opacity:0;animation:fadeInUp .8s ease-out forwards}.about-section p:last-of-type{margin-bottom:0}.about-section p:nth-of-type(1){animation-delay:.1s}.about-section p:nth-of-type(2){animation-delay:.2s}.about-section:nth-child(odd){background-color:#f9f9f9}.about-section:nth-child(2n){background-color:#fff}.about-section.foundations{background-color:#f9f9f9}.about-section.structures{background-color:#fff}.about-section.refinement{background-color:#f9f9f9}.about-section blockquote{margin:2rem 0;padding-left:1.5rem;border-left:4px solid #7db3ff;font-style:italic;font-size:1.05rem;line-height:1.7;color:#4a9eff;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.3s}.about-section blockquote p{margin:0}.about-section.life{background:linear-gradient(135deg,#f0f8ff,#e6f2ff);padding:3rem 2rem}.about-section.life h2{color:#4a9eff;font-size:2.5rem;margin-bottom:1.5rem;line-height:1.2;text-align:left}.about-section.life p{font-size:1.1rem;line-height:1.8;color:#333;margin:0 0 1.5rem;opacity:0;animation:fadeInUp .8s ease-out forwards}.about-section.life p:last-of-type{margin-bottom:0}.about-section.life p:nth-of-type(1){animation-delay:.1s}.about-section.life p:nth-of-type(2){animation-delay:.2s}.about-section.life p:nth-of-type(3){animation-delay:.3s}.about-section.life p:nth-of-type(4){animation-delay:.4s}.about-section.life p:nth-of-type(5){animation-delay:.5s}.about-section.notes-section{background-color:#f9f9f9;text-align:center;padding:4rem 2rem}.about-section.notes-section h2{text-align:center}.about-section.notes-section p{max-width:600px;margin-left:auto;margin-right:auto}.cta-button:hover{background-color:#2e7fd9;transform:translateY(-2px)}@media(max-width:768px){.about-header{padding:4rem 1rem;min-height:300px}.about-header h1{font-size:2.5rem;margin-bottom:1rem}.about-tagline{font-size:1.1rem}.about-section{padding:3rem 1.5rem}.about-section h2{font-size:2rem;margin-bottom:1rem}.about-section p{font-size:1rem}.about-section.life{padding:3rem 1.5rem}.about-section.life h2{font-size:2rem}.about-section.life p{font-size:1rem;line-height:1.6}}@media(max-width:480px){.about-header{padding:10rem 1.5rem 0;min-height:auto}.about-header h1{font-size:2rem;margin-bottom:.75rem}.about-tagline{font-size:1rem;padding:0 .5rem}.about-section{padding:2rem 1rem}.about-section h2{font-size:1.5rem}.about-section p{font-size:.95rem;line-height:1.6}.about-section.life h2{font-size:1.75rem}.about-section.life p{font-size:.95rem;line-height:1.5}}.notes{min-height:100vh;background-color:#fff;padding:0}.notes-header{background:linear-gradient(135deg,#1a1a1acc,#2d2d2dcc),url(/hero-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:7rem 2rem 6rem;text-align:center;min-height:30vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:-2rem}.notes-header h1{font-size:3.5rem;margin:0;margin-bottom:1rem;color:#7db3ff;line-height:1.2}.notes-tagline{font-size:1.25rem;color:#e0e0e0;max-width:700px;line-height:1.6;margin:0}.notes-sections{max-width:900px;margin:0 auto;padding:0}.notes-list{display:grid;gap:2rem;padding:4rem 2rem}.note-item{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;opacity:0;animation:fadeInUp .8s ease-out forwards}.note-item:nth-child(1){animation-delay:.1s}.note-item:nth-child(2){animation-delay:.2s}.note-item:nth-child(3){animation-delay:.3s}.note-item:hover{transform:translateY(-5px);box-shadow:0 8px 12px #0003}.note-item h2{font-size:1.8rem;color:#4a9eff;margin:0 0 .5rem}.note-date{font-size:.9rem;color:#999;margin:0 0 1rem;font-style:italic}.note-excerpt{font-size:1rem;color:#555;line-height:1.6;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.notes-header{padding:4rem 1rem;min-height:300px}.notes-header h1{font-size:2.5rem;margin-bottom:1rem}.notes-tagline{font-size:1.1rem}.notes-list{padding:3rem 1.5rem}.note-item{padding:1.5rem}.note-item h2{font-size:1.5rem}}@media(max-width:480px){.notes-header{padding:10rem 1.5rem 0;min-height:auto}.notes-header h1{font-size:2rem;margin-bottom:.75rem}.notes-tagline{font-size:1rem;padding:0 .5rem}.notes-list{padding:2rem 1rem}.note-item{padding:1rem}.note-item h2{font-size:1.3rem}.note-date{font-size:.85rem}.note-excerpt{font-size:.95rem;line-height:1.5}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{background:#212632;background:linear-gradient(45deg,#212632,#494d5a 85%);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}