@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";body{margin:0;min-height:100vh}#root{width:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica;line-height:1.6;color:#fff;background:#0a0a0a url(/background.jpg) center center / cover no-repeat fixed;overflow-x:hidden}.header{background:#0a0a0ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 0;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center;background-image:url(/background.jpg);background-size:cover;background-position:center;background-attachment:fixed}.logo-container{width:100%;max-width:800px;margin:0 auto;padding:20px;display:flex;align-items:center;justify-content:center}.logo-image{width:100%;height:auto;max-height:240px;object-fit:cover;border:2px solid #ffffff;border-radius:12px}.logo-fallback{display:none;font-size:2rem;font-weight:700;color:#fff}.main-container{max-width:900px;margin:-10px auto 0;padding:20px}.section{padding:40px 30px;border-bottom:1px solid #e5e5e5;background:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-bottom:20px;border-radius:12px;max-width:900px;width:100%}.section:last-child{border-bottom:none;margin-bottom:0}.section-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:30px;text-align:left;display:flex;align-items:center;white-space:nowrap}.section-content{max-width:800px;margin:0 auto;text-align:left}.section-text{color:#333;font-size:1.1rem;line-height:1.8;margin-bottom:30px;text-align:left}.section h3{color:#333;font-size:1.5rem;font-weight:600;text-align:left}.profile-photo-container{max-width:540px;margin:0 auto 40px;aspect-ratio:16/9;position:relative}.profile-photo{width:100%;height:100%;object-fit:cover;border-radius:12px;border:2px solid #000000;display:block;box-shadow:0 8px 25px #0000004d}.profile-photo-fallback{display:none;width:100%;height:100%;background:#1a1a1a;border-radius:12px;border:4px solid #ffffff;align-items:center;justify-content:center;color:#666;font-size:4rem}.about-text-content{color:#333;font-size:1.1rem;line-height:1.7;max-width:800px;margin:0 auto;text-align:left}.content-grid{display:flex;flex-direction:column;gap:20px;margin-top:40px;padding-left:30px;padding-right:30px}.section-container{padding-left:30px;padding-right:30px}.content-card{background:#ffffffbf;border:1px solid #e5e5e5;border-radius:12px;padding:25px;text-align:left;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;gap:20px}.content-card:hover{border-color:#ccc;background:#ffffffd9}.card-icon{font-size:2.5rem;margin:0;display:block;flex-shrink:0}.card-icon-inline{font-size:1.5rem;margin:0;display:inline-block;flex-shrink:0}.card-content{flex:1}.card-title{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:8px}.card-description{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:15px}.card-button{display:inline-block;background:#fff;color:#000;padding:18px 28px;border-radius:6px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;cursor:pointer}.card-button:hover{background:#ccc;transform:translateY(-2px)}.card-button.black{background:#000;color:#fff}.card-button.black:hover{background:#333}.featured-video-container{max-width:800px;margin:40px auto 0;background:#ffffffbf;border:1px solid #e5e5e5;border-radius:12px;padding:30px}.video-thumbnail-wrapper{position:relative;width:100%;aspect-ratio:16/9;margin-bottom:20px;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease}.video-thumbnail-wrapper:hover{transform:scale(1.02)}.video-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:8px}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.8);transition:all .3s ease;pointer-events:none}.video-thumbnail-wrapper:hover .play-button{transform:translate(-50%,-50%) scale(1.1)}.video-info{text-align:center}.video-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px}.video-description{color:#333;font-size:1rem;line-height:1.6;margin-bottom:25px}.news-grid{display:grid;gap:20px;margin-top:30px;max-width:800px;margin-left:30px;margin-right:30px}.news-item{background:#ffffffbf;border:1px solid #e5e5e5;border-radius:6px;padding:12px 16px;display:flex;gap:15px;align-items:flex-start;transition:all .3s ease}.news-item:hover{border-color:#ccc;background:#ffffffd9}.news-date{color:#666;font-size:.85rem;min-width:120px;display:flex;align-items:center;gap:8px;background:#fffc;padding:8px 12px;border-radius:6px;border:1px solid #e5e5e5}.date-icon{font-size:1rem;color:#3b82f6}.news-content{flex:1}.news-title{color:#333;font-weight:600;margin-bottom:5px}.news-source{color:#555;font-size:.9rem}.x-feed-image-container{background:#ffffffbf;border:1px solid #e5e5e5;border-radius:12px;padding:30px;margin:30px auto;text-align:center;display:flex;justify-content:center;align-items:center;max-width:800px}.x-feed-image{width:100%;max-width:500px;height:auto;border:3px solid #000000;border-radius:8px;box-shadow:0 10px 30px #0006;transition:transform .3s ease,box-shadow .3s ease}.x-feed-image:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000080}.x-feed-fallback{color:#333;padding:40px;text-align:center}.section-button-container{text-align:left;margin-top:30px}.footer{background:#ffffffd9;padding:40px 0;text-align:center;background-image:url(https://lh3.googleusercontent.com/d/1IEhZ9OSsEPKC0-ObuDVkAZdJOdkA0iD8);background-size:cover;background-position:center;background-attachment:fixed}.footer-section{background:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:30px 0;margin-bottom:0;border-bottom:none;max-width:900px;width:100%;margin-left:auto;margin-right:auto}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px}.footer-left{display:flex;align-items:center;gap:20px}.footer-profile-photo{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #333333;flex-shrink:0}.footer-text{color:#333;font-size:.9rem;line-height:1.6;text-align:left}.footer-right{display:flex;align-items:center;flex-direction:column;gap:10px}.footer-copyright{font-size:1.1rem;font-weight:700}.admin-tabs{display:flex;border-bottom:2px solid #e5e5e5;margin-bottom:20px;background:#f8f9fa;border-radius:8px 8px 0 0;overflow:hidden}.admin-tab{flex:1;padding:15px 20px;background:#f8f9fa;border:none;cursor:pointer;font-weight:600;color:#666;transition:all .3s ease;border-bottom:3px solid transparent}.admin-tab:hover{background:#e9ecef;color:#333}.admin-tab.active{background:#fff;color:#333;border-bottom-color:#3b82f6}.admin-tab-content{display:none}.admin-tab-content.active{display:block}@media(max-width:768px){.section-title{font-size:1.5rem;flex-wrap:wrap}.profile-photo-container{max-width:calc(100% - 40px);margin:0 auto 30px}.content-grid{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.news-grid{margin-left:20px;margin-right:20px}.section-container{padding-left:20px;padding-right:20px}.news-item{flex-direction:column;text-align:left;gap:10px}.news-date{min-width:auto;text-align:left}.main-container{padding:0 10px;max-width:95%}.section{margin-bottom:15px;padding:30px 20px;max-width:100%}.section-content,.section-button-container{text-align:left}.content-card{flex-direction:column;text-align:left;gap:15px}.footer-section{max-width:100%;margin:0 10px}.footer-content{flex-direction:column;text-align:left;gap:15px;padding:0 20px}.footer-left{flex-direction:column;align-items:flex-start;gap:15px}.footer-text{text-align:left}.footer-right{align-items:flex-start}.admin-tabs{flex-direction:column}.admin-tab{flex:none}.header{min-height:150px}.logo-container{padding:15px}.section-text,.video-info,.video-title,.video-description{text-align:left}.contact-methods-container{padding-left:20px!important;padding-right:20px!important}.contact-method-card{padding:15px 20px!important;gap:15px!important}.contact-method-card>div:first-child{min-width:50px!important;font-size:2rem!important}.contact-note{margin-left:20px!important;margin-right:20px!important}}@media(max-width:480px){.section-title{font-size:1.3rem;padding-left:15px}.main-container{padding:0 5px}.section{padding:20px 15px;max-width:100%}.section-button-container{text-align:left;padding-left:15px}.profile-photo-container{max-width:calc(100% - 30px)}.footer-section{margin:0 5px}.footer-content{padding:0 15px}.card-button{padding:16px 20px;font-size:.9rem}.news-item{padding:10px}.content-card{padding:20px}.contact-methods-container{padding-left:15px!important;padding-right:15px!important}.contact-method-card{padding:12px 15px!important;gap:12px!important;flex-direction:row!important;align-items:flex-start!important}.contact-method-card>div:first-child{min-width:40px!important;font-size:1.5rem!important}.contact-note{margin-left:15px!important;margin-right:15px!important;padding:15px!important}}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .8s ease-out}.scroll-reveal{opacity:0;transform:translateY(30px);transition:all .6s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.contact-methods-container{display:flex;flex-direction:column;gap:15px;margin-top:30px;padding-left:30px;padding-right:30px}.contact-method-card{background:#fffffff2;border:2px solid #e5e5e5;border-radius:12px;padding:20px 25px;display:flex;align-items:center;transition:all .3s ease;cursor:pointer}.contact-method-card:not([onclick]){cursor:default}.contact-note{margin-top:30px;margin-left:30px;margin-right:30px;padding:20px;background:#fffffff2;border-radius:12px;border:2px solid #e5e5e5;text-align:left}