:root{--primary-color: #3498db;--font-family: "Arial", sans-serif;--nav-bg: #233142;--main-bg: #faebd7}*{margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;margin:0 auto;padding:0;height:100%}section,h1,h2,h3,p{margin:0;padding:0}#logo-pic{padding:7px 5px 5px;height:50px;border-radius:100%}#navbar{overflow:hidden;background-color:var(--nav-bg)}#navbar .page{color:#fff;text-decoration:none;font-size:20px;padding:13px}#logo-pic,.tech-shop,.home-page{float:left}.tech-shop{margin-right:30px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-style:italic}.tech-shop:first-letter{font-weight:700;font-weight:900}.page:hover{background-color:#789;color:#000;height:100%}.search-bar{padding:15px 20px;width:100%;max-width:500px;font-size:1rem;border:2px solid #ccc;border-radius:30px;outline:none;transition:all .3s ease;margin-top:10px;margin-bottom:5px}.search-bar::placeholder{color:#aaa}.search-bar:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80}.main-section{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh;width:100vw;padding:20px}.digimons-list{display:grid;grid-template-columns:repeat(3,1fr);flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:15px;width:100%;max-width:1200px}.digimon-box{flex:0 0 calc(33.33% - 20px);border:1px solid #ccc;border-radius:10px;padding:20px;margin:10px;text-align:center;max-width:200px}.digimon-box img{width:100%;height:auto;border-radius:10px}.button-group{display:flex;justify-content:space-around;margin-top:15px}.add-button,.trash-button{padding:5px 10px;font-size:1.2rem;border-radius:25px;border:none;cursor:pointer;transition:all .3s ease}.add-button{background-color:#28a745;color:#fff}.add-button:hover{background-color:#218838}.trash-button{background-color:#dc3545;color:#fff}.trash-button:hover{background-color:#c82333}#my-footer{box-sizing:border-box;overflow:hidden;background-color:var(--nav-bg);width:100vw}.footer-wave{position:absolute;top:-100px;left:0;width:100%;overflow:hidden;line-height:0}.footer-wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:100px;fill:#2d3436}.footer-content{display:flex;justify-content:center;flex-wrap:wrap;bottom:0;width:100%}.footer-content a{justify-content:space-around;margin:5px 7px}.fab{color:#fff}.fab:hover{color:orange}#copy-right h5{color:#fff;text-align:center;margin-top:3px;padding-bottom:8px}.movie-section{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f4f4;font-family:Arial,sans-serif;padding:40px}.movie-background{background-image:url(/assets/golden-saucer-D0YDZZSC.png);background-size:cover;background-position:center;background-attachment:fixed}.movie-card{background-color:#ffffffe6;padding:15px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center;max-width:350px;width:100%;overflow:hidden;height:auto;max-height:700px}.movie-card:hover{transform:scale(1.05)}#movie-img{width:100%;height:auto;object-fit:cover;border-bottom:3px solid #ccc}#movie-title{font-size:1.5rem;color:#333;margin:15px 0;font-weight:700;text-transform:capitalize}#movie-plot{color:#555;font-size:1rem;margin:10px;line-height:1.4;text-align:left;padding:0 20px;font-style:italic}.cart-section{display:flex;justify-content:center;align-items:center;flex-direction:column}.cart-section p{margin-bottom:5px}.admin-section{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;padding-top:15px;padding-bottom:15px}.form-section{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;max-width:600px;background-color:#fce4ec;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px;box-sizing:border-box}.form-menu h1{text-align:center;color:#333;font-size:24px}.form-menu label{display:block;margin-bottom:8px;color:#555;font-weight:700}input,select,textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:16px;box-sizing:border-box}input:focus,select:focus,textarea:focus{border-color:#4caf50;outline:none}textarea{resize:vertical}button{width:100%;padding:12px;color:#fff;font-size:18px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}#request-button{background-color:orange}#edit-button{background-color:#4caf50}#delete-button{background-color:red}button:hover{background-color:#45a049}.ask-to-delete{background-color:#f2dede;padding:15px;border:1px solid #ebccd1;border-radius:5px;text-align:center;margin-top:20px}.product-list{margin-top:20px;list-style-type:none;padding:0}.product-list li{display:flex;justify-content:space-between;align-items:center;background-color:#f9f9f9;padding:12px;margin-bottom:10px;border-radius:5px;box-shadow:0 2px 5px #0000001a}.product-list button{background-color:#f44336;border:none;color:#fff;border-radius:5px;cursor:pointer;padding:6px 12px;font-size:14px;width:120px;transition:background-color .3s ease}.product-list button:hover{background-color:#d32f2f}select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:16px}@media screen and (max-width: 768px){.form-section{padding:15px}h1{font-size:20px}input,select,textarea{font-size:14px;padding:8px}button{font-size:16px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background-image:url(/assets/golden-saucer-D0YDZZSC.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.login-box{position:relative;z-index:1;background-color:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;width:100%;max-width:400px}@media (prefers-color-scheme: dark){.login-container:before{background:#000000b3}.login-box{background-color:#111827}}@media screen and (max-width: 480px){.login-container{background-position:center center;padding:1rem}}.header{text-align:center;margin-bottom:2rem}.header h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.header p{color:#6b7280;font-size:.875rem}.header button{background:none;border:none;color:#4f46e5;font-weight:500;cursor:pointer}.header button:hover{color:#4338ca}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.social-login button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#4b5563;font-size:.875rem;cursor:pointer;transition:background-color .2s}.social-login button:hover{background-color:#f3f4f6}.divider{position:relative;text-align:center;margin:1.5rem 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#e5e7eb}.divider span{position:relative;background-color:#fff;padding:0 .75rem;color:#6b7280;font-size:.875rem}.form-group{margin-bottom:1rem}.form-group input{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.form-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5}form button{width:100%;padding:.625rem;background-color:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}form button:hover{background-color:#4338ca}
