<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="/assets/eazylearn_logo-BLrB_XhS.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="eazy-learn - Your comprehensive academic platform for sharing and discovering study materials" />
    <title>eazy-learn | Academic Platform</title>
    <script>
      if (typeof window !== 'undefined' && typeof window.console !== 'undefined') {
        const originalInfo = window.console.info ? window.console.info.bind(window.console) : null;
        if (originalInfo) {
          window.console.info = (...args) => {
            const first = typeof args[0] === 'string' ? args[0] : '';
            if (first.includes('Download the React DevTools for a better development experience')) {
              return;
            }
            originalInfo(...args);
          };
        }
      }
    </script>
    <style>
      /* Initial Loader Styles */
      @keyframes eazylearn3DNotebookFlip {
        0% {
          transform: rotateX(20deg) rotateY(-12deg);
          opacity: 0;
        }
        10% {
          opacity: 1;
        }
        85% {
          opacity: 1;
        }
        95%, 100% {
          transform: rotateX(20deg) rotateY(-168deg);
          opacity: 0;
        }
      }

      @keyframes eazylearnNotebookShadowPulse {
        0%, 100% {
          transform: scaleX(1);
          opacity: 0.55;
        }
        50% {
          transform: scaleX(0.82);
          opacity: 0.25;
        }
      }

      .eazylearn-nb-perspective {
        perspective: 400px;
        transform-style: preserve-3d;
        position: relative;
        width: 110px;
        height: 72px;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .eazylearn-nb-cover {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #dbeafe; /* Light blue cover */
        border: 2.5px solid #3b82f6;
        border-radius: 6px;
        box-shadow: 0 8px 20px rgba(59, 130, 246, 0.12);
        transform: rotateX(20deg);
      }

      .eazylearn-nb-spine {
        position: absolute;
        left: 50%;
        transform: translateX(-50%) translateZ(1px) rotateX(20deg);
        width: 2.5px;
        height: 100%;
        background: #3b82f6;
        z-index: 20;
      }

      .eazylearn-nb-page {
        position: absolute;
        top: 6%;
        width: 44%;
        height: 88%;
        background: #ffffff;
        border: 2px solid #4f46e5;
        box-shadow: 0 4px 6px rgba(15, 23, 42, 0.04);
      }

      .eazylearn-nb-page-left {
        left: 4%;
        border-right: none;
        border-radius: 4px 0 0 4px;
        transform-origin: right center;
        transform: rotateX(20deg) rotateY(12deg);
      }

      .eazylearn-nb-page-right {
        right: 4%;
        border-left: none;
        border-radius: 0 4px 4px 0;
        transform-origin: left center;
        transform: rotateX(20deg) rotateY(-12deg);
      }

      .eazylearn-nb-page-flip {
        right: 4%;
        border-left: none;
        border-radius: 0 4px 4px 0;
        transform-origin: left center;
        z-index: 10;
        animation: eazylearn3DNotebookFlip 1.8s infinite ease-in-out;
      }

      .eazylearn-nb-delay-1 {
        animation-delay: 0s;
      }
      
      .eazylearn-nb-delay-2 {
        animation-delay: 0.6s;
      }

      .eazylearn-nb-delay-3 {
        animation-delay: 1.2s;
      }

      .initial-loader-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background-color: #f8fafc;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        text-align: center;
      }

      .initial-loader-shadow {
        width: 88px;
        height: 8px;
        background-color: rgba(15, 23, 42, 0.1);
        border-radius: 9999px;
        filter: blur(3px);
        margin-top: 8px;
        animation: eazylearnNotebookShadowPulse 1.8s infinite ease-in-out;
      }

      .initial-loader-text {
        font-size: 16px;
        font-weight: 600;
        color: #1e293b;
        margin-top: 24px;
        margin-bottom: 4px;
      }

      .initial-loader-subtext {
        font-size: 12px;
        color: #64748b;
        max-width: 320px;
      }
    </style>
    <script type="module" crossorigin src="/assets/index-CXnPAelQ.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-B7eK2poN.css">
  </head>
  <body>
    <div id="root">
      <div class="initial-loader-container">
        <div class="eazylearn-nb-perspective">
          <div class="eazylearn-nb-cover"></div>
          <div class="eazylearn-nb-spine"></div>
          <div class="eazylearn-nb-page eazylearn-nb-page-left"></div>
          <div class="eazylearn-nb-page eazylearn-nb-page-right"></div>
          <div class="eazylearn-nb-page eazylearn-nb-page-right eazylearn-nb-page-flip eazylearn-nb-delay-1" style="border-left: none;"></div>
          <div class="eazylearn-nb-page eazylearn-nb-page-right eazylearn-nb-page-flip eazylearn-nb-delay-2" style="border-left: none;"></div>
          <div class="eazylearn-nb-page eazylearn-nb-page-right eazylearn-nb-page-flip eazylearn-nb-delay-3" style="border-left: none;"></div>
        </div>
        <div class="initial-loader-shadow"></div>
        <h3 class="initial-loader-text">
          Loading...
        </h3>
      </div>
    </div>
  </body>
</html>
