:root{--a:#2563eb;--b:#1e40af;--c:#4f46e5;--d:#06d6a0;--e:#1f2937;--f:#6b7280;--g:#ffffff;--h:255,255,255;--i:#f8fafc;--j:#f1f5f9;--k:#e5e7eb;--l:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--m:all .3s ease}.dark-theme{--a:#3b82f6;--b:#2563eb;--c:#6366f1;--d:#10b981;--e:#f3f4f6;--f:#d1d5db;--g:#111827;--h:17,24,39;--i:#1f2937;--j:#374151;--k:#4b5563;--l:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -1px rgba(0,0,0,0.2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background-color:var(--g);color:var(--e);line-height:1.6;transition:var(--m)}a{color:var(--a);text-decoration:none;transition:var(--m)}a:hover{color:var(--b);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:linear-gradient(135deg,rgba(var(--h),0.95)0%,rgba(var(--i),0.9)100%);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 4px 20px rgba(0,0,0,0.15);border-bottom:1px solid rgba(var(--a),0.1);padding:.8rem 0;position:sticky;top:0;z-index:1000;transition:all .3s ease}header:hover{box-shadow:0 6px 25px rgba(0,0,0,0.2)}header.scrolled{padding:.5rem 0;background:linear-gradient(135deg,rgba(var(--h),0.98)0%,rgba(var(--i),0.95)100%);box-shadow:0 8px 30px rgba(0,0,0,0.25)}.header-content{display:flex;justify-content:space-between;align-items:center;position:relative}.logo{display:flex;align-items:center;gap:12px;font-size:1.8rem;font-weight:700;color:var(--a);text-decoration:none;padding:.5rem 1rem;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.logo::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--a),0.2),transparent);transition:left .5s ease}.logo:hover::before{left:100%}.logo:hover{background:rgba(var(--a),0.1);transform:translateY(-2px)}nav{display:flex;gap:.5rem;background:rgba(var(--j),0.5);padding:.4rem;border-radius:16px;backdrop-filter:blur(5px)}nav a{color:var(--e);text-decoration:none;font-weight:500;padding:.7rem 1.2rem;position:relative;transition:all .3s ease;border-radius:12px;display:flex;align-items:center;gap:.5rem;overflow:hidden}nav a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--a),0.15),transparent);transition:left .5s ease}nav a:hover::before{left:100%}nav a:hover{color:var(--a);background:rgba(var(--a),0.1);transform:translateY(-2px)}nav a.active{color:white;background:var(--a);box-shadow:0 4px 10px rgba(var(--a),0.3)}nav a.active::after{display:none}.menu-toggle{display:none;background:rgba(var(--a),0.1);border:none;font-size:1.5rem;color:var(--a);cursor:pointer;width:45px;height:45px;border-radius:12px;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.menu-toggle::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--a),0.2),transparent);transition:left .5s ease}.menu-toggle:hover::before{left:100%}.menu-toggle:hover{background:rgba(var(--a),0.2);transform:scale(1.05)}.menu-toggle:active{transform:scale(0.95)}.main-content{padding:2rem 0;min-height:calc(100vh - 200px)}.page-section{display:none;animation:fadeIn .5s ease}.page-section.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero{background:var(--i);border-radius:16px;padding:3rem;margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.2rem;color:var(--f);max-width:700px;margin-bottom:2rem}.search-container{width:100%;max-width:600px;position:relative}.search-box{display:flex;box-shadow:0 4px 20px rgba(0,0,0,0.08);border-radius:50px;overflow:hidden;border:1px solid var(--k);transition:all .3s ease;background:var(--g)}.search-box:hover{box-shadow:0 6px 25px rgba(0,0,0,0.12);transform:translateY(-2px)}.search-box:focus-within{box-shadow:0 0 0 3px rgba(67,56,202,0.2);border-color:var(--a)}#searchInput{flex:1;padding:1rem 1.5rem;border:none;font-size:1rem;background:transparent;color:var(--e);outline:none}#searchInput::placeholder{color:var(--f);transition:opacity .3s ease}#searchInput:focus::placeholder{opacity:.7}.search-btn{background:linear-gradient(135deg,var(--a),#5a67d8);color:white;border:none;padding:0 1.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:50px}.search-btn:hover{background:linear-gradient(135deg,#4338ca,#5a67d8);transform:scale(1.05)}.search-btn:active{transform:scale(0.98)}.search-btn i{font-size:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:2.5rem}.card{background:var(--i);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid var(--k);position:relative}.card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,0.15)}.card-header{padding:1.8rem;border-bottom:1px solid var(--k);background:linear-gradient(to bottom,rgba(var(--i),0.8),rgba(var(--i),0.4));backdrop-filter:blur(5px)}.card-title{font-size:1.3rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.7rem;font-weight:600;color:var(--e)}.card-title i{color:var(--a);font-size:1.2rem}.card-body{padding:1.8rem;line-height:1.7}.card-footer{padding:1.2rem 1.8rem;background:var(--j);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--k)}.tag{background:linear-gradient(135deg,var(--a),#6366f1);color:white;padding:.35rem .9rem;border-radius:50px;font-size:.8rem;font-weight:500;box-shadow:0 2px 8px rgba(99,102,241,0.3);transition:all .3s ease}.tag:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(99,102,241,0.4)}.content-section{margin-bottom:2.5rem}.content-section h2{margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.timeline{position:relative;margin:2rem 0;padding-left:2rem}.timeline::before{content:'';position:absolute;left:0;top:0;height:100%;width:2px;background:var(--a)}.timeline-item{position:relative;margin-bottom:2rem}.timeline-item::before{content:'';position:absolute;left:-2.4rem;top:.5rem;width:12px;height:12px;border-radius:50%;background:var(--a)}.timeline-date{font-weight:600;color:var(--a);margin-bottom:.5rem}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem}.contact-card{background:var(--i);border-radius:16px;padding:0;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid var(--k);overflow:hidden;transition:all .4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative}.contact-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,0.15)}.contact-card h3{margin:0;padding:1.8rem;background:linear-gradient(to bottom,rgba(var(--i),0.8),rgba(var(--i),0.4));backdrop-filter:blur(5px);border-bottom:1px solid var(--k);display:flex;align-items:center;gap:.7rem;font-weight:600;color:var(--e)}.contact-card h3 i{color:var(--a);font-size:1.2rem}.contact-info{display:flex;flex-direction:column:gap:0;padding:0}.contact-info-item{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem 1.8rem;border-bottom:1px solid rgba(var(--k),0.5);transition:all .3s ease}.contact-info-item:last-child{border-bottom:none}.contact-info-item:hover{background:rgba(var(--a),0.05)}.contact-info-item i{color:var(--a);margin-top:.25rem;font-size:1.1rem}.contact-info-item strong{color:var(--e);font-weight:600;margin-bottom:.3rem;display:block}.contact-info-item p{margin:0;color:var(--f);line-height:1.5}.contact-info-item a{color:var(--a);text-decoration:none;transition:color .3s ease}.contact-info-item a:hover{color:#6366f1;text-decoration:underline}@media(max-width:768px){.header-content{flex-wrap:wrap;padding:0 1rem}header{padding:.6rem 0}.logo{font-size:1.5rem;padding:.4rem .8rem}.menu-toggle{display:flex}nav{display:none;flex-direction:column;width:100%;margin-top:1rem;gap:.3rem;background:rgba(var(--i),0.95);padding:.8rem;border-radius:16px;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.1)}nav.active{display:flex;animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}nav a{padding:.8rem 1rem;border-radius:10px;border-bottom:none}nav a.active{box-shadow:0 2px 8px rgba(var(--a),0.3)}.hero{padding:2rem 1rem}.hero h1{font-size:2rem}.card-grid{grid-template-columns:1fr}}.maintenance-notice{text-align:center;padding:3rem 2rem;background:var(--i);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid var(--k);max-width:600px;margin:0 auto;animation:fadeInUp .5s ease forwards}.maintenance-icon{font-size:3rem;color:var(--a);margin-bottom:1.5rem;opacity:.8}.maintenance-notice h3{font-size:1.5rem;color:var(--e);margin-bottom:1rem}.maintenance-notice p{color:var(--f);margin-bottom:.8rem;line-height:1.6}.maintenance-notice p:last-child{margin-bottom:0;font-weight:500;color:var(--a)}.maintenance-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.maintenance-modal-show{opacity:1}.maintenance-modal-closing{opacity:0}.maintenance-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(4px);z-index:1}.maintenance-modal-content{position:relative;z-index:2;background:var(--g);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.2);max-width:500px;width:90%;overflow:hidden;transform:scale(0.9);transition:transform .3s ease;border:1px solid var(--k)}.maintenance-modal-show .maintenance-modal-content{transform:scale(1)}.maintenance-modal-header{padding:2rem 2rem 1rem;text-align:center;background:linear-gradient(135deg,var(--a-light)0%,var(--a)100%);color:white}.maintenance-modal-icon{font-size:3rem;margin-bottom:1rem;opacity:.9}.maintenance-modal-header h3{font-size:1.5rem;margin:0;font-weight:600}.maintenance-modal-body{padding:2rem;text-align:center}.maintenance-modal-body p{color:var(--f);margin-bottom:1rem;line-height:1.6}.maintenance-restore-time{font-weight:500;color:var(--a)}.maintenance-modal-footer{padding:0 2rem 2rem;text-align:center}.maintenance-modal-btn{background:var(--a);color:white;border:none;padding:.75rem 2rem;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(var(--a),0.3)}.maintenance-modal-btn:hover{background:var(--b);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--a),0.4)}.maintenance-modal-btn:active{transform:translateY(0)}#searchResults{margin-top:1.5rem;background:var(--i);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);overflow:hidden;border:1px solid var(--k);display:none;max-height:400px;overflow-y:auto}#searchResults.active{display:block;animation:slideDown .3s ease}#searchResults p{padding:1.5rem;margin:0;color:var(--f)}.highlight{background-color:rgba(67,56,202,0.2);padding:0 3px;border-radius:3px;font-weight:500}.loader{display:none;width:24px;height:24px;border:3px solid rgba(67,56,202,0.2);border-radius:50%;border-top-color:var(--a);animation:spin 1s ease-in-out infinite;margin-left:10px}.loader.active{display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.parallel-animation-container{position:relative;overflow:hidden}.parallel-animation-item{position:relative;z-index:1}.parallel-animation-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(0,123,255,0.1),rgba(0,200,83,0.1));z-index:-1;opacity:0;transform:scale(0.8);transition:all .5s ease}.parallel-animation-item.active::before{animation:parallelGlow 2s infinite alternate}@keyframes parallelGlow{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}.interrupt-shake{animation:shake .5s!important}.interrupt-flash{animation:flash .5s!important}.interrupt-ripple{animation:ripple .6s!important}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes flash{0%,100%{opacity:1}25%,75%{opacity:.5}50%{opacity:.2}}@keyframes ripple{0%{box-shadow:0 0 0 0 rgba(0,123,255,0.7)}70%{box-shadow:0 0 0 10px rgba(0,123,255,0)}100%{box-shadow:0 0 0 0 rgba(0,123,255,0)}}