:root{--ef-green: #5a8f1b;--ef-green-dark: #3e660e;--text-main: #ffffff;--text-muted: rgba(255, 255, 255, .75);--border-subtle: rgba(255, 255, 255, .2);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--space-xs: 8px;--space-s: 16px;--space-m: 32px;--space-l: 64px}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;background-color:var(--ef-green);font-family:var(--font-sans);color:var(--text-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}.webgl{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;outline:none}.backdrop-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:radial-gradient(circle at 75% 50%,#0000,#00000026,#0006);transition:background .3s ease}.main-container{position:relative;z-index:10;width:100%;height:100%;display:flex;align-items:center;max-width:1280px;margin:0 auto;padding:0 6%;pointer-events:none}.content-panel{flex:1;max-width:540px;pointer-events:none}.visual-panel{flex:1.2;pointer-events:none}.tech-label,.headline,.description,.action-group,.footer-note{pointer-events:auto;width:fit-content}.tech-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.05em;margin-bottom:var(--space-s);display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;background-color:#a3ff54;border-radius:50%}.headline{font-family:var(--font-sans);font-weight:600;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.15;margin:0 0 var(--space-m) 0;letter-spacing:-.02em;overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.academic-divider{width:370px;height:1px;background:var(--text-main);margin-bottom:var(--space-m);opacity:.3}.description{font-size:1.05rem;line-height:1.6;color:var(--text-muted);margin-bottom:48px;max-width:100%;font-weight:400}.sub-desc{display:block;margin-top:12px;font-size:.9rem;opacity:.7}.action-group{display:flex;gap:16px;align-items:center;margin-bottom:var(--space-l);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;text-decoration:none;font-size:.9rem;letter-spacing:.02em;font-family:var(--font-mono);text-transform:uppercase;transition:all .2s ease;border-radius:4px;cursor:pointer;border:none;line-height:1.2}.btn-primary{background-color:var(--text-main);color:var(--ef-green-dark);font-weight:700;border:1px solid var(--white);box-shadow:0 4px 15px #0000001a}.btn-primary:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.btn-ghost{color:var(--text-main);border:1px solid var(--border-subtle);background:#ffffff0d}.btn-ghost:hover{border-color:var(--text-main);background:#ffffff26}.footer-note{border-top:1px solid var(--border-subtle);padding-top:var(--space-s);display:flex;flex-direction:column;gap:8px;width:100%;max-width:400px}.meta-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.75rem;width:100%}.meta-row .label{color:var(--text-muted);opacity:.7;white-space:nowrap;margin-right:16px}.meta-row .value{color:var(--text-main);font-weight:500;text-align:right}@media (max-width: 992px){.backdrop-overlay{background:linear-gradient(180deg,#14230ad9,#14230a99);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.main-container{flex-direction:column;justify-content:flex-start;padding:100px 20px 40px;text-align:center}.content-panel{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.tech-label,.headline,.description,.academic-divider,.action-group,.footer-note{margin-left:auto;margin-right:auto;width:100%;max-width:100%}.tech-label{justify-content:center}.headline{font-size:2.25rem;margin-bottom:24px;line-height:1.2}.description{font-size:1rem;margin-bottom:32px;padding:0 10px}.action-group{flex-direction:column;width:100%;max-width:100%}.btn{width:100%;max-width:400px}.footer-note{align-items:center;max-width:100%;margin-top:20px}.meta-row{flex-direction:column;align-items:center;gap:4px;margin-bottom:12px;text-align:center}.meta-row .label{margin-right:0;font-size:.7rem;text-transform:uppercase;letter-spacing:1px}.meta-row .value{text-align:center;font-size:.85rem;white-space:normal;max-width:300px}.visual-panel{display:none}}