@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;background-color:#d3d3d3;color:#000;font-weight:100;font-size:small;min-height:100vh}.wrapper{width:100%;margin:0 auto}header{display:flex;flex-direction:column;width:100%}header .header-top{display:flex;align-items:center;gap:500px}header .logo{height:12em;padding:20px;will-change:filter;transition:filter .3s;border-radius:48%;object-fit:cover;margin-left:15px;justify-content:center}header .presentation{background:url(/Petproject/assets/images-BYVq4W8U.png);width:100%;height:300px;position:relative;margin:50px 0 50px 15px}header .logo2{height:400px;width:95%;margin-top:10px;margin-left:50px;display:flex;justify-content:center;align-items:center;border-radius:30px;background-size:cover;background-position:center;position:relative}header .logo2:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/Petproject/assets/manas-3-GMs8tdCj.jpg) center / cover no-repeat;filter:blur(30px);z-index:-3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}header .logo2:after{content:"Твои расписания, дедлайны и заметки в одном месте";background-color:#000000b3;color:#fff;padding:20px;border-radius:8px;font-weight:600;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);font-size:20px;text-align:center;z-index:1}footer{margin-top:500px;text-align:center;margin-bottom:10px;justify-content:center}main{padding:20px;margin:20px}h1{font-size:2.4rem;font-weight:600;text-align:center;margin:50px 0 40px;color:#000;letter-spacing:-.5px}header .Func{display:flex;justify-content:center;gap:12px;margin:30px 0 40px;flex-wrap:wrap}.btn{padding:20px 30px;background-color:#708090;color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .4s ease;z-index:-1}.btn:hover{background-color:#555;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.btn.active{background-color:#1e40af;box-shadow:0 4px 12px #1e40af4d;transform:scale(1.05);animation:slideIn .4s cubic-bezier(.4,0,.2,1)}.subject-title{text-align:center;font-size:3em;margin:20px 0;font-weight:500}.schedule-table{width:100%;max-width:1100px;margin:30px auto;border-collapse:separate;border-spacing:0 8px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001f}.schedule-table td,.schedule-table th{font-weight:600;font-size:1.05rem;color:#111827;padding:16px 14px}.schedule-table td{background:#d3d3d3;border-bottom:1px solid #e5e7eb}.schedule-table td:first-child,.schedule-table td:last-child{font-weight:700;color:#000}.schedule-table tr:hover td{background:#f1f5f9}.course-item{background:#e5e7eb;margin:12px auto;padding:18px 24px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 8px #0000001a}.pfp{width:260px;height:260px;border-radius:50%;object-fit:cover;border:5px solid rgba(255,255,255,.9);box-shadow:0 10px 30px #00000059,0 5px 15px #0003;margin:4rem auto 1.5rem;display:block}p{margin:12px auto;font-size:1.25rem;font-weight:500;background:#4b5563;color:#fff;padding:14px 30px;border-radius:50px;text-align:center;max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 10px #00000026}p:first-of-type{margin-top:1rem}.course-title{font-size:1.5rem;font-weight:600;color:#111827;text-align:center}h3{font-size:1.55rem;font-weight:500;color:#374151;text-align:center}.container{width:90%;margin:0 auto;padding:1rem;font-size:1rem}@media (min-width: 768px){.container{width:75%;padding:2rem}.mobile-only-nav{display:none}}@media (min-width: 1024px){.container{width:1200px}}@media (max-width: 767px){body{font-size:14px}header .header-top{gap:20px;flex-direction:column;align-items:flex-start}header .logo{height:8em;padding:10px;margin:0 auto}header .presentation{height:200px;margin:20px 0}header .logo2{height:250px;width:100%;margin-left:0;margin-top:20px}header .logo2:after{font-size:16px;padding:15px}footer{margin-top:200px}main{padding:10px;margin:10px}h1{font-size:1.8rem;margin:30px 0 20px}header .Func{gap:8px;margin:20px 0 30px}.btn{padding:15px 20px;font-size:14px}.subject-title{font-size:2em;margin:15px 0}.schedule-table{font-size:.9rem;max-width:100%;border-spacing:0 4px}.schedule-table td,.schedule-table th{padding:12px 8px;font-size:.95rem}.course-item{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:10px}.pfp{width:180px;height:180px;margin:2rem auto 1rem}p{font-size:1rem;padding:10px 20px;max-width:90%}.container{width:95%;padding:.5rem;font-size:.9rem}.course-title{font-size:1.2rem}h3{font-size:1.3rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1.05)}}@keyframes fadeInContent{0%{opacity:0}to{opacity:1}}@keyframes pageEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pageExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.page-transition{animation:pageEnter .6s cubic-bezier(.34,1.56,.64,1) forwards}.page-transition.exit{animation:pageExit .4s cubic-bezier(.4,0,.2,1) forwards}main{animation:fadeInContent .4s ease-in-out;transition:opacity .3s ease-in-out}