*{box-sizing:border-box;font-family:Poppins,Inter,sans-serif;font-size:medium;margin:0;padding:0;transition:all .4s ease-in-out}:root{--primary:#6759ff;--secondary:#8f85ff;--accent:#ffd93d;--bg-light:#f9f9ff;--bg-gradient:linear-gradient(135deg,#f0f4ff,#faf8ff);--text-dark:#1e1e2f;--text-light:#6f6f8a;--card-bg:#fff;--shadow:0 10px 35px #6759ff1f;--radius:18px}body{align-items:flex-start;animation:fadeIn 1.2s ease-in-out forwards;background:linear-gradient(135deg,#f0f4ff,#faf8ff);background:var(--bg-gradient);background-attachment:fixed;background-blend-mode:lighten;background-image:url(https://cdn.pixabay.com/photo/2016/11/29/02/34/abstract-1867880_1280.jpg);background-size:cover;color:#1e1e2f;color:var(--text-dark);min-height:100vh;padding:50px 20px}.app-wrapper,body{display:flex;justify-content:center}.app-wrapper{align-items:center;animation:slideUp 1s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-radius:18px;border-radius:var(--radius);box-shadow:0 10px 35px #6759ff1f;box-shadow:var(--shadow);flex-direction:column;max-width:1200px;padding:40px 50px;width:100%}header{animation:fadeInDown 1.2s ease;margin-bottom:40px;text-align:center}header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6759ff,#8f85ff);background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.6rem}header p{color:#6f6f8a;color:var(--text-light);font-size:1.1rem;margin:0 auto;max-width:600px}.controls{background-color:#cce4ee3d;display:flex;flex-direction:column;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:25px;transition:all .5s ease}.showButton{background-color:#000;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:larger;margin-top:10px}.controls.show{display:"";transition:all .5s ease}.controls.hide{display:none;transition:all .5s ease}a,button,select{border:none;border-radius:10px;box-shadow:0 10px 35px #6759ff1f;box-shadow:var(--shadow);cursor:pointer;font-size:.95rem;padding:10px 18px;transition:.3s}select{background:#fff;background:var(--card-bg);border:1px solid #e3e3f5}select:hover{border-color:#6759ff;border-color:var(--primary)}a,button{background:#6759ff;background:var(--primary);color:#fff}a:hover,button:hover{background:#8f85ff;background:var(--secondary);transform:translateY(-3px)}.main-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));justify-content:center;margin-top:40px;width:100%}.card{animation:float 4s ease-in-out infinite;background:#fff;background:var(--card-bg);border-radius:18px;border-radius:var(--radius);box-shadow:0 10px 35px #6759ff1f;box-shadow:var(--shadow);overflow:hidden;padding:1.8rem;position:relative;text-align:left;transition:all .4s ease-in-out}.card:hover{box-shadow:0 18px 40px #6759ff33;transform:translateY(-8px) scale(1.02)}.card:before{background:linear-gradient(90deg,#6759ff,#ffd93d);background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:6px;left:0;position:absolute;top:0;width:100%}.card h2{color:#6759ff;color:var(--primary);font-size:1.5rem;margin-bottom:1rem}.card p{color:#6f6f8a;color:var(--text-light);font-size:.95rem;line-height:1.7}.tip{background:#f6f6ff;border-left:5px solid #6759ff;border-left:5px solid var(--primary);border-radius:10px;font-size:.9rem;margin:8px 0;padding:12px 15px}.tip:hover{background:#fff9e6;border-left-color:#ffd93d;border-left-color:var(--accent)}.card img{background-position:50%;border-radius:12px;filter:brightness(.95);margin-top:12px;max-height:180px;object-fit:cover;transition:transform .5s ease;width:100%}.card:hover img{transform:scale(1.05)}footer{animation:fadeInUp 1s ease;color:#6f6f8a;color:var(--text-light);font-size:.95rem;margin-top:50px;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.section-card .section-content{align-items:center;align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px}.section-card .section-content .tips{flex:1 1}.section-card .section-content .images{flex-shrink:0;width:100%}.section-card .section-content img{border-radius:15px;filter:brightness(.95);height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease;width:100%}.section-card .section-content img:hover{filter:brightness(1);transform:scale(1.05) rotate(1deg)}@media (max-width:900px){.section-card .section-content{align-items:center;flex-direction:column}.section-card .section-content img{height:100%;width:100%}}.loading-wrapper{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:9999}.loading-logo{height:auto;margin-bottom:20px;width:180px}.spinner{animation:spin 1s linear infinite;border:5px solid #ddd;border-radius:50%;border-top-color:#07f;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-wrapper p{color:#333;font-size:1.2rem}@media (max-width:768px){.loading-logo{width:90px}.spinner{height:40px;width:40px}.loading-wrapper p{font-size:1rem}}.vocab-wrapper{animation:fadeIn 1s ease-in-out;background:linear-gradient(135deg,#dff1ff,#fff8f8);color:#333;font-family:Poppins,sans-serif;min-height:100vh;padding:40px}.batch-buttons.show{display:"";transition:all .5s ease}.batch-buttons.hide{display:none;transition:all .5s ease}.vocab-header{animation:fadeDown 1.2s ease;margin-bottom:40px;text-align:center}.vocab-header h1{color:#1e3d58;font-size:2.8rem}.vocab-header p{color:#555;font-size:1.1rem;margin-top:5px}.batch-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:25px}.batch-btn{background:linear-gradient(135deg,#4f9efc,#90caf9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 18px;transition:all .3s ease}.batch-btn:hover{background:linear-gradient(135deg,#1976d2,#64b5f6);transform:scale(1.05)}.batch-btn.active{background:linear-gradient(135deg,#1e88e5,#1565c0);box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.vocab-section{background:#ffffffd9;border-radius:16px;box-shadow:0 8px 20px #00000014;padding:30px}.batch-title{border-bottom:3px solid #c5e1f9;color:#155e63;display:inline-block;font-size:1.8rem;margin-bottom:25px;padding-bottom:5px;text-align:center}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.vocab-card{background:#fdfdfd;border-radius:14px;box-shadow:0 6px 16px #0000001a;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:18px;position:relative;transition:all .3s ease}.vocab-card:hover{background:linear-gradient(145deg,#e3f2fd,#fce4ec);box-shadow:0 10px 25px #00000026;transform:translateY(-6px) scale(1.02)}.card-top{align-items:center;display:flex;justify-content:space-between}.word{color:#264653;font-size:1.3rem;font-weight:700}.batch-tag{background:#4f9efc;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:3px 8px}.card-body{margin-top:10px}.arabic{color:#15616d;direction:rtl;font-size:1.1rem;margin-bottom:6px}.english{color:#555;font-size:.95rem;font-style:italic}.arabic-example{background:#e8f5e9;border-radius:10px;color:#1b5e20;direction:rtl;font-size:1rem;line-height:1.5;margin:6px 0;padding:8px 10px}.level-tag{border-radius:14px;display:inline-block;font-size:.85rem;font-weight:700;margin:8px 0;padding:4px 12px}.vocab-footer{color:#555;font-size:.9rem;margin-top:60px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.heart-icon{color:#999;cursor:pointer;font-size:1.3rem;transition:all .3s ease}.heart-icon:hover{color:#e63946;transform:scale(1.2)}.fas.heart-icon,.heart-icon.loved{color:#e63946}.cart-button{background:linear-gradient(135deg,#e91e63,#f06292);border:none;border-radius:50px;bottom:30px;box-shadow:0 5px 20px #0003;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;position:fixed;right:30px;transition:.3s ease;z-index:1000}.cart-button:hover{background:linear-gradient(135deg,#ad1457,#f48fb1);transform:scale(1.05)}.cart-panel{animation:fadeUp .4s ease;border-radius:14px;bottom:90px;box-shadow:0 8px 25px #00000026;max-height:400px;right:30px;z-index:1100}.cart-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:14px}.cart-header h3{color:#e91e63;font-size:1.2rem;margin:0}.close-cart{background:none;border:none;color:#777;cursor:pointer;font-size:1.2rem}.cart-list{list-style:none;margin:0;padding:10px 15px}.cart-list li{border-bottom:1px solid #f1f1f1;color:#444;padding:8px 0}.empty-cart{color:#777;padding:20px;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.icons{align-items:center;display:flex;gap:10px}.heart-icon,.mic-icon{cursor:pointer;font-size:1.2rem;transition:transform .3s ease,color .3s ease}.heart-icon:hover,.mic-icon:hover{transform:scale(1.2)}.heart-icon.loved{color:red}.mic-icon{color:#3f51b5}.mic-icon:hover{color:#1a237e}body{background:linear-gradient(135deg,#dbeafe,#ecfdf5);padding:0}.toefl-page{margin:auto;max-width:1200px;padding:20px;text-align:center}.header{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.logo{color:#1e293b;font-size:1.8rem;font-weight:700}.logo span{color:#475569;font-size:1rem;font-weight:400}.search-bar{border:1px solid #cbd5e1;border-radius:10px;font-size:1rem;max-width:400px;padding:10px 15px;transition:all .3s;width:100%}.search-bar:focus{border-color:#3b82f6;box-shadow:0 0 10px #3b82f64d;outline:none}.section-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:60px}.section-card{background:#fff;border-radius:18px;box-shadow:0 6px 20px #0000001a;padding:20px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.section-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-8px)}.section-card h3{color:#2563eb;font-size:1.3rem;margin-bottom:10px}.section-card .info{color:#475569;font-weight:600;margin-bottom:10px}.section-card p{color:#334155;font-size:.95rem;line-height:1.5}.section-card .tips{color:#10b981;font-weight:500;margin-top:12px}.motivation-container{margin-top:40px}.motivation-title{color:#1e3a8a;font-size:1.8rem;font-weight:700;margin-bottom:20px}.motivation-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.motivation-card{background:linear-gradient(135deg,#3b83f680,#06b6d4);border-radius:20px;box-shadow:0 8px 20px #3b82f64d;color:#fff;padding:20px;transform-style:preserve-3d}.motivation-card:hover{transform:rotateY(10deg) scale(1.02);transition:transform .4s ease}.quote{font-size:1rem;line-height:1.5}.author{font-size:.9rem;margin-top:10px;opacity:.9;text-align:right}.footer{color:#64748b;font-size:.9rem;margin-top:60px}@media (max-width:600px){.logo{font-size:1.4rem}.search-bar{max-width:100%}.motivation-card,.section-card{padding:15px}.motivation-title{font-size:1.5rem}}.arrow{cursor:pointer}.advice-container{background:linear-gradient(135deg,#eef2ff,#f0fdfa);border-radius:25px;box-shadow:0 10px 30px #3b82f61a;margin-top:60px;padding:50px 25px;text-align:center}.advice-title{animation:fadeIn 1s ease-in-out;color:#1e3a8a;font-size:2rem;font-weight:700;margin-bottom:10px}.advice-subtitle{color:#475569;font-size:1.1rem;margin-bottom:35px}.advice-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.advice-card{background:#fff;border-radius:20px;box-shadow:0 8px 20px #00000014;overflow:hidden;padding:25px 20px;position:relative;text-align:left;transition:all .3s ease}.advice-card:before{background:radial-gradient(circle at top right,#2563eb1a,#0000 70%);content:"";height:200%;position:absolute;right:-40%;top:-40%;transform:rotate(25deg);width:200%;z-index:0}.advice-card:hover{box-shadow:0 10px 30px #2563eb26;transform:translateY(-8px)}.advice-card h3{color:#2563eb;font-size:1.2rem;margin-bottom:10px;position:relative;z-index:1}.advice-card p{color:#334155;font-size:.95rem;line-height:1.5;position:relative;z-index:1}.advice-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:50%;box-shadow:0 5px 15px #3b82f64d;color:#fff;display:flex;font-size:1.3rem;height:50px;justify-content:center;margin-bottom:15px;width:50px}@media (max-width:600px){.advice-container{padding:30px 15px}.advice-title{font-size:1.6rem}.advice-subtitle{font-size:1rem}.advice-icon{font-size:1.1rem;height:45px;width:45px}}ul{list-style:none}.footer{animation:fadeIn 1s ease-in-out;background:linear-gradient(135deg,#c7cbd6,#3b82f6);border-radius:20px 20px 0 0;box-shadow:0 -5px 20px #0000001a;color:#fff;font-size:.95rem;margin-top:70px;padding:30px 20px;text-align:center}.footer p{margin:6px 0}.footer .brand{color:#fff;font-weight:700;letter-spacing:1px}.quote-footer{font-style:italic;opacity:.9}@media (max-width:600px){.footer{font-size:.85rem;padding:20px 10px}.footer .brand{display:block;margin-bottom:6px}}body{background:#f8f9fa;color:#333;font-family:Poppins,sans-serif;margin:0}*{font-family:Winky Rough!important}i{font-family:Font Awesome\ 6 Free!important}.vocab-container{margin:auto;max-width:1200px;padding:20px}.vocab-container h1{color:#34495e;font-size:32px;margin-bottom:40px;text-align:center}.topic-section{margin-bottom:40px}.topic-section h2{color:#2c3e50;font-size:24px;margin-bottom:20px}.vocab-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.vocab-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;cursor:pointer;padding:20px;transition:transform .15s,box-shadow .3s,background .3s}.vocab-card:hover{background:#f0f4f8;box-shadow:0 10px 20px #00000014;transform:translateY(-3px)}.vocab-card:active{transform:scale(.98)}.vocab-item{margin-bottom:10px}.vocab-word{color:#34495e;font-size:18px;font-weight:600}.arabic-word{color:#7f8c8d;font-weight:500;margin-left:6px}.vocab-sentence{color:#555;font-size:14px;margin:5px 0}.arabic-sentence{color:#34495e;font-size:14px;font-weight:500}.vocab-actions{display:flex;gap:8px;margin-top:10px}.love-btn,.mic-btn{background:none;border:none;cursor:pointer;font-size:18px;transition:transform .15s}.love-btn.active,.love-btn:hover,.mic-btn:hover{transform:scale(1.1)}.love-btn.active{color:#e74c3c}.cart-toggle{background:#3498db;border:none;border-radius:50px;bottom:20px;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;font-size:18px;padding:12px 18px;position:fixed;right:20px;z-index:100}.cart-panel{background:#fff;border-left:1px solid #ecf0f1;box-shadow:-5px 0 25px #00000014;height:100%;overflow-y:auto;right:-350px;transition:right .3s;width:320px;z-index:99}.cart-panel.open{right:0}.cart-panel h2{color:#2c3e50;font-size:20px;margin-top:0}.cart-panel ul{list-style:none;padding:0}.cart-panel li{border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:8px 0}.remove-btn{background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:22px;text-align:center;width:22px}@media (max-width:768px){.vocab-grid{grid-template-columns:1fr}}.cart-panel{background-color:#fff;box-shadow:-3px 0 10px #0003;height:100vh;padding:20px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:300px;z-index:1000}.cart-panel.show{transform:translateX(0)}
/*# sourceMappingURL=main.0adf97d5.css.map*/