/* ============================================ ZEN HOME — MINIMAL JAPANESE HOMEPAGE ============================================ */ .zen-home { --zen-bg: #FAF8F3; --zen-paper: #FFFFFF; --zen-text: #1A1A1A; --zen-text-soft: #4A4A4A; --zen-text-mute: #8A8A8A; --zen-matcha: #7C9070; --zen-matcha-soft: #A3B18A; --zen-sakura: #E8B4B8; --zen-persimmon: #D97B54; --zen-border: #E8E2D5; --zen-border-soft: #F0EBE0; background: var(--zen-bg); color: var(--zen-text); font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; min-height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; padding: 60px 24px 40px; position: relative; overflow-x: hidden; letter-spacing: -0.005em; } .zen-home::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle at 20% 30%, rgba(124,144,112,.04), transparent 50%), radial-gradient(circle at 80% 70%, rgba(232,180,184,.04), transparent 50%); pointer-events: none; z-index: 0; } .zen-home > * { position: relative; z-index: 1; width: 100%; max-width: 620px; } /* ---------- LOGO ---------- */ .zen-logo-block { text-align: center; margin-bottom: 52px; animation: zenFadeDown 1.2s cubic-bezier(.4,0,.2,1) both; } .zen-logo-mark { font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 2.8rem; font-weight: 600; letter-spacing: 6px; color: var(--zen-text); line-height: 1; padding-left: 6px; margin-bottom: 10px; } .zen-logo-sub { font-size: .68rem; letter-spacing: 6px; text-transform: uppercase; color: var(--zen-matcha); font-weight: 500; } @keyframes zenFadeDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } /* ---------- HERO ---------- */ .zen-hero { text-align: center; margin-bottom: 52px; animation: zenFadeUp 1.2s cubic-bezier(.4,0,.2,1) .15s both; } .zen-heading { font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 2rem; font-weight: 500; line-height: 1.3; color: var(--zen-text); margin-bottom: 22px; letter-spacing: -0.01em; } .zen-body { font-size: .95rem; line-height: 1.9; color: var(--zen-text-soft); max-width: 520px; margin: 0 auto; font-weight: 400; } @keyframes zenFadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } /* ---------- SECTION LABEL ---------- */ .zen-slider-label, .zen-touch-label { display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 22px; font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: .82rem; letter-spacing: 3px; color: var(--zen-matcha); text-transform: uppercase; } .zen-line { height: 1px; width: 60px; background: linear-gradient(90deg, transparent, var(--zen-border), transparent); } /* ---------- FLASHCARD SLIDER ---------- */ .zen-slider-section { margin-bottom: 52px; animation: zenFadeUp 1.2s cubic-bezier(.4,0,.2,1) .3s both; } .zen-slider { position: relative; width: 100%; height: 260px; overflow: hidden; border-radius: 20px; border: 1px solid var(--zen-border); background: var(--zen-paper); box-shadow: 0 8px 28px rgba(26,26,26,.06); } .zen-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transform: translateX(30px); transition: opacity .4s ease, transform .4s ease, visibility .4s; display: flex; align-items: center; justify-content: center; padding: 28px; } .zen-slide.active { opacity: 1; visibility: visible; transform: translateX(0); } .zen-slide.swipe-out-left { opacity: 0; transform: translateX(-40px); } .zen-slide-inner { text-align: center; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 10px; } .zen-slide-tag { font-size: .62rem; letter-spacing: 4px; color: var(--zen-text-mute); text-transform: uppercase; font-weight: 600; } .zen-slide-icon { font-size: 2.4rem; line-height: 1; margin: 4px 0; filter: grayscale(.15); } .zen-slide-title { font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 1.5rem; font-weight: 500; color: var(--zen-text); letter-spacing: 0.5px; margin-bottom: 4px; } .zen-slide-desc { font-size: .82rem; line-height: 1.6; color: var(--zen-text-soft); max-width: 420px; margin: 0 auto; } .zen-slide-meta { font-size: .7rem; color: var(--zen-matcha); letter-spacing: 1.5px; margin-top: 6px; font-weight: 500; } .zen-slide-btn { margin-top: 10px; background: transparent; color: var(--zen-text); border: 1.5px solid var(--zen-text); padding: 9px 28px; border-radius: 100px; font-family: inherit; font-size: .78rem; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; transition: all .3s cubic-bezier(.4,0,.2,1); } .zen-slide-btn:hover:not(:disabled) { background: var(--zen-text); color: var(--zen-paper); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(26,26,26,.15); } .zen-slide-btn:active:not(:disabled) { transform: translateY(0) scale(.98); } .zen-slide-btn.disabled { opacity: .35; cursor: not-allowed; border-style: dashed; } /* Dots */ .zen-dots { display: flex; justify-content: center; gap: 8px; margin-top: 16px; } .zen-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--zen-border); cursor: pointer; transition: all .3s ease; } .zen-dot.active { background: var(--zen-matcha); transform: scale(1.4); } .zen-dot:hover { background: var(--zen-matcha-soft); } /* ---------- GET IN TOUCH ---------- */ .zen-touch { margin-bottom: 52px; animation: zenFadeUp 1.2s cubic-bezier(.4,0,.2,1) .45s both; } .zen-touch-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 440px; margin: 0 auto; } .zen-contact { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px 8px 14px; background: var(--zen-paper); border: 1px solid var(--zen-border); border-radius: 14px; text-decoration: none; color: var(--zen-text-soft); font-size: .72rem; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; transition: all .3s cubic-bezier(.4,0,.2,1); } .zen-contact img { width: 32px; height: 32px; object-fit: contain; transition: transform .35s cubic-bezier(.4,0,.2,1); } .zen-contact:hover { border-color: var(--zen-matcha); transform: translateY(-3px); box-shadow: 0 10px 24px rgba(124,144,112,.15); } .zen-contact:hover img { transform: scale(1.1); } .zen-contact:hover span { color: var(--zen-matcha); } .zen-contact span { transition: color .3s ease; } /* ---------- FOOTER ---------- */ .zen-footer { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: .68rem; letter-spacing: 2px; color: var(--zen-text-mute); text-transform: uppercase; padding-top: 24px; border-top: 1px solid var(--zen-border-soft); width: 100%; max-width: 620px; animation: zenFadeUp 1.2s cubic-bezier(.4,0,.2,1) .6s both; } .zen-footer-dot { opacity: .4; } /* ---------- MOBILE ---------- */ @media (max-width: 640px) { .zen-home { padding: 44px 18px 30px; } .zen-logo-block { margin-bottom: 38px; } .zen-logo-mark { font-size: 2.2rem; letter-spacing: 4px; } .zen-logo-sub { font-size: .6rem; letter-spacing: 4px; } .zen-hero { margin-bottom: 40px; } .zen-heading { font-size: 1.5rem; } .zen-body { font-size: .86rem; line-height: 1.8; } .zen-slider-section { margin-bottom: 40px; } .zen-slider { height: 280px; border-radius: 16px; } .zen-slide { padding: 22px 18px; } .zen-slide-title { font-size: 1.25rem; } .zen-slide-desc { font-size: .78rem; } .zen-touch { margin-bottom: 40px; } .zen-touch-grid { gap: 10px; } .zen-contact { padding: 14px 6px 12px; font-size: .62rem; } .zen-contact img { width: 26px; height: 26px; } .zen-footer { font-size: .58rem; letter-spacing: 1.5px; gap: 8px; } .zen-slider-label, .zen-touch-label { font-size: .72rem; letter-spacing: 2px; } .zen-line { width: 40px; } }

Loading Experience...

↑ SLIDE UP

Slide up to open question palette

🎛 Quick Menu

🔒Login to see your history

🎵 Now Playing

🎧

Not Playing

Select a track below

0:000:00

🔊

⚙️ Music Settings

Keep playing on tab switch Music continues when you open another tab

Keep playing when minimized Music continues when browser is minimized

Keep playing on phone lock Music continues when screen is off or locked

💡 If OFF, music will automatically pause in that situation.

🎼 Calm Vibes Playlist

⏱ 60s

⚠️ You're taking too long — skip this question and come back after completing the quiz!

Zylen Official

Welcome to the Official Space

This is where creativity, strategy and personal vision collide. Take a look around, explore our latest projects, and discover the world through our lens....

Top Picks

Project 01

⚡

Apex 20

Cell Structure & Function — NCERT-strict high-yield quiz with 20 questions and 1 bonus.

20 Qs · +4 / −1 · 60s

Project 02

🌸

Zelith 50

A deeper chapter vault with 50 high-precision questions. Coming soon.

Locked · Coming Soon

Project 03

🍃

Syntropy 30

A curated 30-question set focusing on conceptual depth. Coming soon.

Locked · Coming Soon

Project 04

🏮

Kaze Notes

Condensed revision notes for rapid pre-exam recall. Coming soon.

Locked · Coming Soon

Project 05

🌙

Tsuki Papers

Full-length mock test papers for real exam simulation. Coming soon.

Locked · Coming Soon

Get in Touch

Gmail

Instagram

Welcome to RV Zylen

👋 Hey There!

Before we begin, tell us your name

📚 Choose Your Series

Select a series to begin your learning journey

⚡

APEX 20

✓ Available

🔒

ZELITH 50

Coming Soon

🔒

SYNTROPY 30

Coming Soon

⚡ APEX 20 Series

Select a sheet to begin your quiz

Cell Structure and Function — Part 1

20 questions + 1 bonus | NCERT-based | +4/−1 marking

→

📋 Quiz Rules & Guidelines

Read carefully before starting

📝

Total Questions: 20 high-yield, NCERT-strict questions.

⚖️

Marking Scheme: +4 for correct, −1 for incorrect.

⏱️

Target Time: 60 seconds recommended per question for speed optimization.

🧭

Pacing & Navigation: Questions do not auto-skip; you can continue at your own pace. A notification appears at 90-second mark to warn about timing, but the question remains active.

🎯

Accuracy Standard: No blind guessing; every question is designed with trap-based patterns and statement or matrix formats to test deep conceptual clarity.

📖

Post-Mortem Review: Detailed NCERT-grounded explanations provided for every question to instantly fix conceptual gaps.

Question Palette

✓Correct

✗Wrong

Visited

Not Visited

🟣Review

📘 Main Section

🏆 Bonus Section

🏆

Next Section is for Rankers

Main Section Score

You've completed all 20 main questions. Now test your deepest understanding with the bonus question!

1 Bonus Question
Same 60-second timer | Same +4 / −1 marking

Get Ready

Restarting Quiz…

📤

Submit Quiz?

Are you sure you want to submit?

✨

Choose Your Username

This is how you'll appear everywhere on RV Zylen — results, history, leaderboard.

Preview

Your Name

🔒 Your Google email stays hidden. Only this name is shown.

RV Zylen Official

Zylen Official

静 · Calm Focus

↑ SLIDE UP

Slide up to open question palette

🎛 Quick Menu

🔒Login to see your history

🎵 Now Playing

🎧

Not Playing

Select a track below

0:000:00

🔊

⚙️ Music Settings

Keep playing on tab switch Music continues when you open another tab

Keep playing when minimized Music continues when browser is minimized

Keep playing on phone lock Music continues when screen is off or locked

💡 If OFF, music will automatically pause in that situation.

🎼 Calm Vibes Playlist

⏱ 60s

⚠️ You're taking too long — skip this question and come back after completing the quiz!

Welcome to RV Zylen

👋 Hey There!

Before we begin, tell us your name

📚 Choose Your Series

Select a series to begin your learning journey

⚡

APEX 20

✓ Available

🔒

ZELITH 50

Coming Soon

🔒

SYNTROPY 30

Coming Soon

⚡ APEX 20 Series

Select a sheet to begin your quiz

Cell Structure and Function — Part 1

20 questions + 1 bonus | NCERT-based | +4/−1 marking

→

📋 Quiz Rules & Guidelines

Read carefully before starting

📝

Total Questions: 20 high-yield, NCERT-strict questions.

⚖️

Marking Scheme: +4 for correct, −1 for incorrect.

⏱️

Target Time: 60 seconds recommended per question for speed optimization.

🧭

Pacing & Navigation: Questions do not auto-skip; you can continue at your own pace. A notification appears at 90-second mark to warn about timing, but the question remains active.

🎯

Accuracy Standard: No blind guessing; every question is designed with trap-based patterns and statement or matrix formats to test deep conceptual clarity.

📖

Post-Mortem Review: Detailed NCERT-grounded explanations provided for every question to instantly fix conceptual gaps.

Question Palette

✓Correct

✗Wrong

Visited

Not Visited

🟣Review

📘 Main Section

🏆 Bonus Section

🏆

Next Section is for Rankers

Main Section Score

You've completed all 20 main questions. Now test your deepest understanding with the bonus question!

1 Bonus Question
Same 60-second timer | Same +4 / −1 marking

Get Ready

Restarting Quiz…

📤

Submit Quiz?

Are you sure you want to submit?

✨

Choose Your Username

This is how you'll appear everywhere on RV Zylen — results, history, leaderboard.

Preview

Your Name

🔒 Your Google email stays hidden. Only this name is shown.

RV ZYLEN OFFICIAL