.about-us-container{max-width:100%;margin:0 auto;padding:0;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto;overflow-x:hidden}.about-us-content-wrapper{max-width:600px;margin:0 auto;padding:15px}.about-us-header{gap:15px;margin-bottom:20px;padding:15px;background:rgba(255,255,255,.95);border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.15);backdrop-filter:blur(10px)}.about-us-header,.back-button{display:flex;align-items:center}.back-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;width:40px;height:40px;border-radius:50%;justify-content:center;cursor:pointer;color:white;font-size:16px;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,107,107,.3)}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,107,.4)}.about-us-title{color:#2c3e50;font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.about-us-content{display:flex;flex-direction:column;gap:20px}.hero-section{text-align:center;padding:25px 15px;background:rgba(255,255,255,.95);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.15);backdrop-filter:blur(10px)}.hero-icon{width:60px;height:60px;margin:0 auto 15px;background:linear-gradient(45deg,#ff6b6b,#ee5a24);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;box-shadow:0 6px 20px rgba(255,107,107,.4);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hero-title{color:#2c3e50;font-size:22px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{color:#7f8c8d;font-size:16px;font-weight:500;margin:0}.content-card{background:rgba(255,255,255,.95);border-radius:20px;padding:25px;box-shadow:0 8px 32px rgba(0,0,0,.15);backdrop-filter:blur(10px)}.paragraph-section{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px;padding:15px;background:rgba(255,255,255,.7);border-radius:12px;transition:all .3s ease}.paragraph-section:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.1);background:rgba(255,255,255,.9)}.paragraph-section:last-child{margin-bottom:0}.paragraph-icon{width:40px;height:40px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:16px;flex-shrink:0;box-shadow:0 4px 15px rgba(102,126,234,.3)}.about-paragraph{color:#2c3e50;font-size:14px;line-height:1.6;margin:0;font-weight:400;text-align:justify}.closing-message{text-align:center;padding:20px 15px;background:rgba(255,255,255,.95);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.15);backdrop-filter:blur(10px)}.closing-text{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.closing-emojis{display:flex;justify-content:center;gap:12px;font-size:28px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:white;font-size:18px;font-weight:500}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[dir=rtl] .back-button{transform:scaleX(-1)}[dir=rtl] .paragraph-section{flex-direction:row-reverse}@media (max-width:768px){.about-us-container{padding:15px}.about-us-header{padding:15px;margin-bottom:20px}.about-us-title{font-size:24px}.hero-section{padding:30px 15px}.hero-icon{width:60px;height:60px;font-size:24px}.hero-title{font-size:22px}.hero-subtitle{font-size:16px}.content-card{padding:25px}.paragraph-section{flex-direction:column;text-align:center;gap:15px}.paragraph-icon{align-self:center}.about-paragraph{text-align:center}.closing-text{font-size:20px}.closing-emojis{font-size:28px}}@media (max-width:480px){.about-us-container{padding:10px}.about-us-header{padding:12px;gap:15px}.about-us-title{font-size:20px}.back-button{width:40px;height:40px;font-size:16px}.hero-section{padding:25px 12px}.hero-icon{width:50px;height:50px}.hero-icon,.hero-title{font-size:20px}.hero-subtitle{font-size:14px}.content-card{padding:20px}.paragraph-section{padding:15px;margin-bottom:20px}.paragraph-icon{width:40px;height:40px;font-size:16px}.about-paragraph{font-size:14px}.closing-message{padding:25px 15px}.closing-text{font-size:18px}.closing-emojis{font-size:24px}}