:root{--primary:#059669;--primary-dark:#047857;--primary-light:#10B981;--primary-subtle:#ECFDF5;--secondary:#0369A1;--secondary-light:#0EA5E9;--secondary-subtle:#F0F9FF;--bg:#FAFBFC;--bg-white:#FFFFFF;--bg-dark:#111827;--bg-tinted:#F0FDF9;--text-primary:#111827;--text-secondary:#4B5563;--text-muted:#9CA3AF;--text-inverse:#FFFFFF;--accent:#F59E0B;--success:#10B981;--warning:#F59E0B;--border:#E5E7EB;--border-dark:#D1D5DB;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-size-sm:0.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;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background:var(--bg)}.progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--border);z-index:1000}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--secondary-light));transition:width .1s ease-out}.nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-2xl);background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:100}.back-link{display:flex;align-items:center;gap:var(--space-sm);color:var(--primary);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);transition:all .2s ease}.back-link svg{width:18px;height:18px}.back-link:hover{color:var(--primary-dark);transform:translateX(-4px)}.nav-links{display:flex;gap:var(--space-xl)}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color .2s ease}.nav-links a.active,.nav-links a:hover{color:var(--primary)}.hero{min-height:100vh;padding:120px var(--space-3xl) var(--space-4xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center;max-width:1400px;margin:0 auto;position:relative}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(5,150,105,.08) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(3,105,161,.08) 0,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.tag{padding:var(--space-xs) var(--space-md);background:var(--primary-subtle);color:var(--primary);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-full)}.hero-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-lg);line-height:1.1}.hero-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.6}.hero-subtitle strong{color:var(--primary)}.hero-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.metric{padding:var(--space-lg);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.metric-value{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--primary)}.metric-label{font-size:var(--font-size-sm);color:var(--text-muted)}.hero-visual{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}.platform-illustration{position:relative;width:100%;max-width:400px;aspect-ratio:1}.illustration-layer{position:absolute;inset:0}.illustration-layer.base{display:flex;justify-content:space-around;align-items:flex-start;padding-top:20px}.edu-icon{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-white);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s ease}.edu-icon:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-lg)}.edu-icon svg{width:32px;height:32px;stroke:var(--primary)}.edu-icon span{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.edu-icon.students{animation:float 4s ease-in-out infinite}.edu-icon.teachers{animation:float 4s ease-in-out infinite .5s}.edu-icon.admin{animation:float 4s ease-in-out infinite 1s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.illustration-layer.platform{display:flex;justify-content:center;align-items:center}.platform-core{width:160px;height:160px;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:700;font-size:var(--font-size-sm);text-align:center;box-shadow:var(--shadow-xl);position:relative;margin-top:60px}.platform-core::before{content:'';position:absolute;inset:-10px;border-radius:50%;border:2px dashed var(--primary-light);opacity:.3;animation:rotate 20s linear infinite}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.connection-lines{position:absolute;inset:0;pointer-events:none;opacity:.3}.connection-lines svg{width:100%;height:100%}.line-anim{stroke:var(--primary);stroke-width:2;stroke-dasharray:100;stroke-dashoffset:100;animation:drawLine 2s ease forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.section{padding:var(--space-4xl) var(--space-3xl);max-width:1200px;margin:0 auto}.section-tinted{background:var(--bg-tinted);max-width:100%;padding-left:calc((100% - 1200px)/ 2 + var(--space-3xl));padding-right:calc((100% - 1200px)/ 2 + var(--space-3xl))}.section-dark{background:var(--bg-dark);color:var(--text-inverse);max-width:100%;padding-left:calc((100% - 1200px)/ 2 + var(--space-3xl));padding-right:calc((100% - 1200px)/ 2 + var(--space-3xl))}.section-dark .section-title{color:var(--text-inverse)}.section-dark .section-number{color:var(--primary-light)}.section-header{margin-bottom:var(--space-3xl)}.section-number{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--primary);margin-bottom:var(--space-sm)}.section-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary)}.lead{font-size:var(--font-size-xl);color:var(--text-secondary);max-width:800px}.lead strong{color:var(--primary)}.project-intro{margin-bottom:var(--space-3xl)}.project-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-3xl)}.scope-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all .3s ease}.scope-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.scope-icon{width:48px;height:48px;background:var(--primary-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md)}.scope-icon svg{width:24px;height:24px;stroke:var(--primary)}.scope-card h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.scope-card p{font-size:var(--font-size-sm);color:var(--text-secondary)}.project-context{max-width:800px}.context-box{background:var(--secondary-subtle);border-left:4px solid var(--secondary);border-radius:var(--radius-md);padding:var(--space-xl)}.context-box h4{font-size:var(--font-size-lg);font-weight:600;color:var(--secondary);margin-bottom:var(--space-md)}.context-box p{color:var(--text-secondary);margin-bottom:var(--space-md)}.context-box p:last-child{margin-bottom:0}.context-box strong{color:var(--text-primary)}.role-intro{margin-bottom:var(--space-3xl)}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);margin-bottom:var(--space-3xl)}.role-card{background:var(--bg-white);border:2px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl);transition:all .3s ease}.role-card:hover{box-shadow:var(--shadow-lg)}.role-card.design:hover{border-color:var(--primary)}.role-card.coordination:hover{border-color:var(--secondary)}.role-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.role-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.role-card.design .role-icon{background:var(--primary-subtle)}.role-card.design .role-icon svg{stroke:var(--primary)}.role-card.coordination .role-icon{background:var(--secondary-subtle)}.role-card.coordination .role-icon svg{stroke:var(--secondary)}.role-icon svg{width:28px;height:28px}.role-header h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.role-tasks{list-style:none}.role-tasks li{padding:var(--space-sm) 0;padding-left:var(--space-xl);position:relative;color:var(--text-secondary);font-size:var(--font-size-sm)}.role-tasks li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%}.role-card.design .role-tasks li::before{background:var(--primary)}.role-card.coordination .role-tasks li::before{background:var(--secondary)}.role-quote{max-width:800px;margin:0 auto}.role-quote blockquote{font-size:var(--font-size-xl);font-style:italic;color:var(--text-primary);text-align:center;padding:var(--space-xl);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.methodology-intro{margin-bottom:var(--space-3xl)}.workflow-timeline{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-3xl);position:relative}.workflow-timeline::before{content:'';position:absolute;left:23px;top:40px;bottom:40px;width:2px;background:linear-gradient(to bottom,var(--primary),var(--secondary))}.workflow-phase{display:flex;gap:var(--space-xl);align-items:flex-start;position:relative}.phase-marker{width:48px;height:48px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.phase-marker span{color:var(--text-inverse);font-weight:700;font-size:var(--font-size-lg)}.phase-content{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);flex:1;box-shadow:var(--shadow-sm)}.phase-content h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.phase-content p{color:var(--text-secondary);font-size:var(--font-size-sm)}.tools-section{margin-bottom:var(--space-3xl)}.tools-section h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xl)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.tool-item{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all .3s ease}.tool-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.tool-icon{width:48px;height:48px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center}.tool-icon svg{width:100%;height:100%}.tool-item span{display:block;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.tool-item p{font-size:var(--font-size-sm);color:var(--text-muted)}.sprint-master-callout{background:linear-gradient(135deg,var(--primary-subtle) 0,var(--secondary-subtle) 100%);border:1px solid var(--primary);border-radius:var(--radius-xl);padding:var(--space-2xl)}.callout-content{display:flex;gap:var(--space-xl);align-items:flex-start}.callout-icon{width:56px;height:56px;background:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.callout-icon svg{width:28px;height:28px;stroke:var(--text-inverse)}.callout-text h4{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-dark);margin-bottom:var(--space-sm)}.callout-text p{color:var(--text-secondary);margin-bottom:var(--space-md)}.callout-text strong{color:var(--text-primary)}.callout-link{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--primary);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);transition:all .2s ease}.callout-link:hover{color:var(--primary-dark);gap:var(--space-md)}.challenges-intro{margin-bottom:var(--space-3xl)}.challenges-intro .lead{color:rgba(255,255,255,.9)}.challenges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.challenge-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all .3s ease}.challenge-card:hover{background:rgba(255,255,255,.08);transform:translateY(-4px)}.challenge-number{font-size:var(--font-size-sm);font-weight:700;color:var(--primary-light);margin-bottom:var(--space-md)}.challenge-card h4{font-size:var(--font-size-base);font-weight:600;color:var(--text-inverse);margin-bottom:var(--space-sm)}.challenge-card p{font-size:var(--font-size-sm);color:rgba(255,255,255,.7)}.impact-intro{margin-bottom:var(--space-3xl)}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-3xl)}.achievement{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;gap:var(--space-lg);align-items:flex-start;transition:all .3s ease}.achievement:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.achievement-icon{width:48px;height:48px;background:var(--primary-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.achievement-icon svg{width:24px;height:24px;stroke:var(--primary)}.achievement h4{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.achievement p{font-size:var(--font-size-sm);color:var(--text-secondary)}.reflection-box{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:var(--text-inverse);padding:var(--space-3xl);border-radius:var(--radius-xl)}.reflection-box h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-lg)}.reflection-box p{font-size:var(--font-size-lg);line-height:1.7;opacity:.95;margin-bottom:var(--space-lg)}.reflection-box p:last-child{margin-bottom:0}.reflection-box strong{color:var(--accent)}.footer{text-align:center;padding:var(--space-3xl);background:var(--bg-white);border-top:1px solid var(--border)}.footer-back{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--primary);text-decoration:none;font-weight:500;padding:var(--space-md) var(--space-xl);border:2px solid var(--primary);border-radius:var(--radius-md);transition:all .2s ease;margin-bottom:var(--space-lg)}.footer-back svg{width:18px;height:18px}.footer-back:hover{background:var(--primary);color:var(--text-inverse);transform:translateX(-4px)}.footer-text{color:var(--text-muted);font-size:var(--font-size-sm)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.hero{grid-template-columns:1fr;gap:var(--space-2xl);padding-top:100px}.hero-visual{order:-1}.platform-illustration{max-width:300px}.project-scope{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(2,1fr)}.challenges-grid{grid-template-columns:1fr}.achievements-grid{grid-template-columns:1fr}.callout-content{flex-direction:column}.nav-links{display:none}.section-dark,.section-tinted{padding-left:var(--space-xl);padding-right:var(--space-xl)}}@media (max-width:640px){.section{padding:var(--space-2xl) var(--space-lg)}.hero{padding:80px var(--space-lg) var(--space-2xl)}.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-metrics{grid-template-columns:1fr}.section-title{font-size:var(--font-size-xl)}.tools-grid{grid-template-columns:1fr}.workflow-timeline::before{left:19px}.phase-marker{width:40px;height:40px}.nav{padding:var(--space-md) var(--space-lg)}}