a,h1,h2,h3,h4,h5,h6,p{font-family:Montserrat,sans-serif!important}body{margin:0;font-family:Arial,sans-serif;line-height:1.6}section h2{font-size:2.5rem;font-weight:700;color:#4facfe}section p{color:#555}footer{background-color:#333;color:#fff;padding:1rem 0;font-size:.9rem}#mouse-circle{width:20px;height:20px;border:2px solid cyan;border-radius:50%;position:fixed;pointer-events:none;transform:translate(-50%,-50%);z-index:9999;transition:background-color .2s ease}.beautiful-button{padding:10px 20px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:30px;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease}.beautiful-button:hover{background:linear-gradient(135deg,#00f2fe,#4facfe);transform:scale(1.05);box-shadow:0 6px 10px rgba(0,0,0,.2)}.beautiful-button:active{transform:scale(1);box-shadow:0 3px 5px rgba(0,0,0,.2)}.navbar{background-color:#fff}.navbar-brand{font-size:1.5rem;font-weight:700;color:#4facfe!important}.nav-link{font-size:1rem;color:#333!important;transition:color .3s}.nav-link:hover{color:#00f2fe!important}#hero{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:2rem;margin-top:56px}#hero .hero-content h1{font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}#hero .hero-content{flex:1 1 auto;max-width:600px}#hero .hero-content p{font-size:1.5rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.2)}#three-canvas{flex:0 1 auto;max-width:400px;max-height:400px;width:100%;height:400px;border:2px solid #fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);margin:0 2rem}#design2d-canvas,#electronics-canvas,#math-canvas,#programming-canvas{width:100%;height:auto;max-width:400px;margin:0 auto;border:2px solid #4facfe;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2)}@media (max-width:1200px){#hero .hero-content h1{font-size:3.5rem}#three-canvas{width:300px;height:300px}}@media (max-width:768px){#hero{flex-direction:column}#hero .hero-content h1{font-size:2.5rem}#hero .hero-content p{font-size:1.2rem}#three-canvas{width:250px;height:250px;margin:1rem 0}}@media (max-width:480px){#hero .hero-content h1{font-size:2rem}#hero .hero-content p{font-size:1rem}#three-canvas{width:200px;height:200px}}