:root {
        --bg: #ffffff;
        --text: #000000;
      }

      body {
        font-family: "Poppins", sans-serif;
        background: url("https://images.unsplash.com/photo-1492724441997-5dc865305da7")
          no-repeat center/cover;
        color: var(--text);
        transition: 0.4s;
      }

      /* Dark Mode Toggle */
      #toggle:checked ~ .page {
        --bg: #121212;
        --text: #ffffff;
      }

      .page {
        background: var(--bg);
        min-height: 100vh;
        transition: 0.4s;
      }

      .glass {
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(12px);
        border-radius: 20px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
      }

      /* Advanced 3D tilt */
      .tilt {
        transform-style: preserve-3d;
        transition: transform 0.5s ease;
      }

      .tilt:hover {
        transform: perspective(1000px) rotateX(8deg) rotateY(12deg) scale(1.05);
      }

      .hero {
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
      }

      .profile-img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        border: 3px solid white;
        object-fit: cover;
      }

      .social-btn {
        border-radius: 30px;
        margin: 5px;
        transition: 0.3s;
      }

      .social-btn:hover {
        transform: scale(1.15);
      }

      .section {
        padding: 60px 0;
      }

      input,
      textarea {
        border-radius: 10px !important;
      }

      footer {
        background: rgba(0, 0, 0, 0.5);
        color: white;
      }