@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Inter,sans-serif;background:#f7f7ff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}.app{position:relative;min-height:100vh;overflow-x:hidden;color:#293b9f;background:radial-gradient(circle at 10% 0%,rgba(206,213,255,.55),transparent 26%),radial-gradient(circle at 100% 24%,rgba(255,215,230,.46),transparent 29%),radial-gradient(circle at 20% 100%,rgba(218,227,255,.5),transparent 28%),linear-gradient(180deg,#fbfbff,#f5f6ff);transition:background .3s ease,color .3s ease}.app.dark{color:#eef0ff;background:radial-gradient(circle at 10% 0%,rgba(77,84,156,.25),transparent 28%),radial-gradient(circle at 100% 30%,rgba(113,75,106,.22),transparent 30%),linear-gradient(180deg,#171a2c,#101321)}.bg-decoration{position:absolute;border-radius:999px;pointer-events:none;filter:blur(1px);opacity:.65}.decoration-1{width:260px;height:260px;top:30px;left:-145px;background:#e2e6ff}.decoration-2{width:220px;height:220px;top:430px;right:-120px;background:#ffe2ed}.decoration-3{width:250px;height:250px;bottom:70px;left:-150px;background:#e5eaff}.container{position:relative;z-index:2;width:min(1200px,calc(100% - 48px));margin:0 auto;padding:52px 0 36px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.brand-wrapper{min-width:0}.brand{color:#5367ce;font-size:29px;font-weight:800;line-height:1;letter-spacing:5px}.tagline{margin-top:8px;color:#7784b8;font-size:15px;font-weight:500;line-height:1.4}.theme-button{width:54px;height:54px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;color:#6275d8;background:#ffffffe6;box-shadow:0 12px 30px #49559524;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.theme-button:hover{transform:translateY(-3px) rotate(8deg);box-shadow:0 18px 35px #49559533}.hero-title{margin-top:67px;margin-bottom:34px}.small-label{display:inline-flex;align-items:center;gap:7px;margin-bottom:13px;color:#8290c7;font-size:13px;font-weight:700;line-height:1;letter-spacing:1px}.hero-title h1{max-width:800px;color:#3048b6;font-size:clamp(35px,5vw,58px);font-weight:800;line-height:1.06;letter-spacing:-2px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.link-card{position:relative;min-height:225px;border:none;border-radius:28px;padding:27px;overflow:hidden;color:#fff;text-align:left;cursor:pointer;box-shadow:0 14px 35px #484c912b;transition:transform .28s ease,box-shadow .28s ease}.link-card:hover{transform:translateY(-7px);box-shadow:0 22px 44px #484c913d}.link-card:active{transform:translateY(-2px) scale(.985)}.card-glow{position:absolute;width:250px;height:250px;top:-105px;right:-100px;border-radius:50%;background:#ffffff24;pointer-events:none}.card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between}.icon-circle{width:62px;height:62px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fffffff7;box-shadow:0 8px 20px #28326414}.emoji-circle{overflow:hidden}.emoji-icon{display:block;font-size:31px;line-height:1;transform:translateY(1px)}.card-title{margin-top:auto;padding-top:25px;padding-right:55px;color:#fff;font-size:22px;font-weight:700;line-height:1.15;letter-spacing:-.3px}.arrow-circle{position:absolute;z-index:5;right:20px;bottom:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fffffff7;color:#7082d9;transition:transform .25s ease}.link-card:hover .arrow-circle{transform:translate(5px)}.card-0{background:linear-gradient(135deg,#ff909b,#f27c8b)}.card-1{background:linear-gradient(135deg,#89a4f5,#6f88df)}.card-2{background:linear-gradient(135deg,#bc9bed,#a27bdc)}.card-3{background:linear-gradient(135deg,#ffc875,#ffb25e)}.card-4{background:linear-gradient(135deg,#8bd1c1,#6fc0ad)}.card-5{background:linear-gradient(135deg,#ed96c1,#e578ad)}.contact-main-card{position:relative;grid-column:1 / -1;min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;overflow:hidden;border:none;border-radius:28px;color:#fff;background:linear-gradient(135deg,#849df1,#6d83dd);box-shadow:0 14px 35px #484c912e;cursor:pointer;transition:transform .28s ease,box-shadow .28s ease}.contact-main-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px #484c9140}.contact-card-glow{position:absolute;width:300px;height:300px;top:-160px;right:-50px;border-radius:50%;background:#ffffff1a}.contact-main-left{position:relative;z-index:2;display:flex;align-items:center;gap:20px;min-width:0}.contact-main-icon{width:68px;height:68px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#7185df;background:#fffffff7}.contact-main-text{min-width:0}.contact-main-title{font-size:25px;font-weight:750;line-height:1.15}.contact-main-subtitle{margin-top:6px;color:#ffffffd9;font-size:14px;font-weight:500;line-height:1.4}.contact-main-card:hover .contact-arrow{transform:translate(5px)}.footer{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:42px;color:#9ba4c2;font-size:12px;font-weight:500;line-height:1.4}.footer-dot{opacity:.5}.modal-overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#1c23418c;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);animation:overlayIn .25s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.contact-modal{position:relative;width:min(850px,100%);max-height:90vh;overflow-y:auto;padding:46px 34px 27px;border-radius:32px;background:radial-gradient(circle at 0% 0%,rgba(218,222,255,.72),transparent 28%),radial-gradient(circle at 100% 100%,rgba(255,220,233,.65),transparent 30%),#fffffff7;box-shadow:0 35px 100px #1921554d;animation:modalIn .35s cubic-bezier(.2,.8,.2,1)}@keyframes modalIn{0%{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-decoration{position:absolute;width:160px;height:160px;border-radius:50%;pointer-events:none}.modal-decoration-1{top:-90px;left:-60px;background:#dce0ffd9}.modal-decoration-2{right:-70px;bottom:-85px;background:#ffdeebd1}.close-button{position:absolute;z-index:10;top:20px;right:20px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;color:#7484d8;background:#fffffff7;box-shadow:0 8px 24px #414d8a21;cursor:pointer;transition:transform .2s ease}.close-button:hover{transform:rotate(90deg) scale(1.05)}.modal-header{position:relative;z-index:2;text-align:center}.modal-phone-icon{width:84px;height:84px;margin:0 auto 19px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#8f84ed,#7468dc);box-shadow:0 15px 30px #7569dc47}.modal-header h2{color:#3048b6;font-size:34px;font-weight:800;line-height:1.1;letter-spacing:-1px}.modal-header p{margin-top:9px;color:#7b86b7;font-size:16px;font-weight:500;line-height:1.5}.admin-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:29px}.admin-card{position:relative;min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:17px;overflow:hidden;border:none;border-radius:21px;color:#fff;text-align:left;cursor:pointer;box-shadow:0 8px 20px #414a8a14;transition:transform .25s ease,box-shadow .25s ease}.admin-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #464d8c33}.admin-card:active{transform:translateY(-1px) scale(.99)}.admin-card-glow{position:absolute;width:130px;height:130px;top:-50px;right:-35px;border-radius:50%;background:#ffffff1a}.admin-card-left{position:relative;z-index:2;display:flex;align-items:center;gap:14px;min-width:0}.admin-icon{width:53px;height:53px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fffffff5;box-shadow:0 6px 16px #1e285014}.admin-card-0 .admin-icon{color:#ec73a7}.admin-card-1 .admin-icon{color:#7189dd}.admin-card-2 .admin-icon{color:#9c78d9}.admin-card-3 .admin-icon{color:#eea34d}.admin-card-4 .admin-icon{color:#59b39d}.admin-card-5 .admin-icon{color:#db70a3}.admin-information{min-width:0;padding-right:8px}.admin-name{max-width:220px;overflow:hidden;color:#fff;font-size:15px;font-weight:700;line-height:1.25;text-overflow:ellipsis}.admin-number{margin-top:7px;color:#ffffffeb;font-size:12px;font-weight:500;line-height:1.2}.admin-arrow{position:relative;z-index:3;width:40px;height:40px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#7082d9;background:#fffffff7;transition:transform .2s ease}.admin-card:hover .admin-arrow{transform:translate(4px)}.admin-card-0{background:linear-gradient(135deg,#f48ab5,#eb70a5)}.admin-card-1{background:linear-gradient(135deg,#86a1ee,#7089db)}.admin-card-2{background:linear-gradient(135deg,#b99bec,#a37bdc)}.admin-card-3{background:linear-gradient(135deg,#ffc471,#ffb25d)}.admin-card-4{background:linear-gradient(135deg,#82cfbd,#6dbfac)}.admin-card-5{background:linear-gradient(135deg,#ed94bb,#e579ac)}.modal-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;color:#8993bc;font-size:12px;font-weight:500;line-height:1.4;text-align:center}.dark .brand{color:#aeb8ff}.dark .tagline{color:#929bc1}.dark .small-label{color:#939dca}.dark .hero-title h1{color:#cbd2ff}.dark .theme-button{color:#c8d0ff;background:#252a42}.dark .contact-modal{background:radial-gradient(circle at 0% 0%,rgba(82,90,160,.35),transparent 28%),#1d2136}.dark .modal-header h2{color:#cbd2ff}.dark .modal-header p{color:#9aa4cc}.dark .close-button{color:#cbd2ff;background:#292e48}.dark .footer{color:#707895}@media (max-width: 1000px){.container{width:min(850px,calc(100% - 36px))}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.container{width:calc(100% - 26px);padding:30px 0 28px}.brand{font-size:22px;letter-spacing:4px}.tagline{margin-top:6px;font-size:13px}.theme-button{width:45px;height:45px}.hero-title{margin-top:42px;margin-bottom:25px}.small-label{margin-bottom:11px;font-size:12px}.hero-title h1{font-size:29px;line-height:1.12;letter-spacing:-1px}.hero-title h1 br{display:none}.cards-grid{grid-template-columns:1fr;gap:14px}.link-card{min-height:170px;padding:21px;border-radius:23px}.icon-circle{width:53px;height:53px}.emoji-icon{font-size:27px}.card-title{padding-top:20px;font-size:19px}.arrow-circle{width:43px;height:43px;right:17px;bottom:17px}.contact-main-card{grid-column:auto;min-height:125px;padding:20px;border-radius:23px}.contact-main-left{gap:13px}.contact-main-icon{width:55px;height:55px}.contact-main-title{font-size:19px}.contact-main-subtitle{max-width:180px;margin-top:5px;font-size:11px;line-height:1.4}.footer{flex-direction:column;gap:4px;margin-top:28px}.footer-dot{display:none}.modal-overlay{padding:12px}.contact-modal{width:100%;max-height:94vh;padding:35px 16px 20px;border-radius:26px}.close-button{top:14px;right:14px;width:42px;height:42px}.modal-phone-icon{width:70px;height:70px;margin-bottom:16px}.modal-header h2{font-size:27px;letter-spacing:-.7px}.modal-header p{font-size:13px;line-height:1.45}.modal-header p br{display:none}.admin-grid{grid-template-columns:1fr;gap:11px;margin-top:24px}.admin-card{min-height:92px;padding:13px;border-radius:18px}.admin-card-left{gap:12px}.admin-icon{width:45px;height:45px}.admin-name{max-width:195px;font-size:13px}.admin-number{margin-top:6px;font-size:11px}.admin-arrow{width:35px;height:35px}.modal-footer{margin-top:17px;font-size:11px}}@media (max-width: 380px){.brand{font-size:20px;letter-spacing:3px}.hero-title h1{font-size:27px}.link-card{min-height:160px}.card-title,.contact-main-title{font-size:18px}.contact-main-subtitle{max-width:150px;font-size:10px}.admin-name{max-width:170px}}