footer,header{background:#2d3e50}footer,nav{text-align:center}.btn,nav a{text-decoration:none}body{font-family:'Segoe UI',Arial,sans-serif;margin:0;background:linear-gradient(135deg,#f9f9f9,#fefbd5);color:#222;transition:background .3s,color .3s}header{color:#fff;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px}.header-left{display:flex;flex-direction:column}.header-right a.btn,.header-right button.btn{margin-left:12px;display:inline-block;vertical-align:middle}header h1{margin:0;font-size:2.5em;letter-spacing:2px}header p{margin:10px 0 0;font-size:1.2em;color:#b0bec5}.portfolio h2,nav a{color:#2d3e50}.logo{height:78px;margin-right:12px}nav{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.03);padding:10px 0;margin:20px 0}nav a{margin:0 20px;font-weight:500;transition:color .2s}nav a:hover{color:#fbc02d}nav .btn{margin-right:10px}.container{max-width:1100px;margin:40px auto;padding:0 20px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.project-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(44,62,80,.07);overflow:hidden;transition:transform .2s}.project-card:hover{transform:translateY(-5px) scale(1.02)}.btn:hover,body.dark-mode .btn:hover{transform:translateY(-2px) scale(1.06)}.project-image{width:100%;height:180px;object-fit:cover;background:#ececec}.project-content{padding:20px}.project-title{margin:0 0 10px;font-size:1.3em;color:#2d3e50}.project-desc{font-size:1em;color:#444}.btn,body.dark-mode nav a:hover{color:#fff}.btn{display:inline-block;padding:.7em 1.5em;background:linear-gradient(90deg,#373d52 0,#3e3e7e 100%);border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 3px 10px #1b2238;transition:.3s}.btn:hover{background:linear-gradient(90deg,oklch(40.145% .11095 272.705) 0,#312f46 100%);box-shadow:0 5px 14px rgba(85,85,84,.35),0 0 12px rgba(77,76,74,.5)}footer{color:#b0bec5;padding:20px 0;margin-top:40px}#about,#contact{position:relative;background:linear-gradient(135deg,rgba(30,50,100,.25),rgba(10,20,60,.35));border-radius:14px;padding:35px;margin:40px auto;max-width:850px;color:#dde6ff;box-shadow:0 0 18px rgba(79,140,255,.2),0 0 40px rgba(20,80,255,.15);overflow:hidden;transition:transform .35s,box-shadow .35s,background .4s,color .4s}#about{margin-top:80px}#about:hover,#contact:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 0 30px rgba(79,140,255,.3),0 0 60px rgba(20,80,255,.2)}#about::before,#contact::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 70%,rgba(79,140,255,.2),transparent 60%),radial-gradient(circle at 70% 30%,rgba(0,100,255,.15),transparent 60%);animation:20s linear infinite bgMove;z-index:0}#about>*,#contact>*{position:relative;z-index:1}#about h2,#contact h2{font-size:1.9rem;color:#6fbaff;margin-bottom:14px;font-weight:700;letter-spacing:1px}.about-sub,.contact-sub{font-size:1.05rem;color:#a5b8ff;margin-bottom:20px}#about p,#contact p{font-size:1rem;line-height:1.65;color:#cfd8ff;margin-bottom:12px}.contact-name{font-weight:600;background:linear-gradient(90deg,#a3d1ff,#6fbaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-link,.contact-link{color:#80cfff;font-weight:600;text-decoration:none;position:relative;transition:.25s}.about-link::after,.contact-link::after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background:linear-gradient(90deg,#6fbaff,#4f8cff);transition:width .25s}.about-link:hover,.contact-link:hover{color:#a3d1ff;text-shadow:0 0 6px rgba(111,186,255,.6)}.about-link:hover::after,.contact-link:hover::after{width:100%}body:not(.dark-mode) #about,body:not(.dark-mode) #contact{background:linear-gradient(135deg,rgba(240,247,255,.8),rgba(220,235,255,.7));color:#1e2a3a;box-shadow:0 0 15px rgba(90,150,255,.2),0 0 35px rgba(100,160,255,.15)}body:not(.dark-mode) #about h2,body:not(.dark-mode) #contact h2,body:not(.dark-mode) .about-link,body:not(.dark-mode) .contact-link{color:#3056ff}body:not(.dark-mode) .about-sub,body:not(.dark-mode) .contact-sub{color:#4367c5}body:not(.dark-mode) #about p,body:not(.dark-mode) #contact p{color:#2e3c50}body:not(.dark-mode) .about-link:hover,body:not(.dark-mode) .contact-link:hover{color:#1d3cff}body.dark-mode #about,body.dark-mode #contact{background:linear-gradient(135deg,rgba(10,20,50,.6),rgba(5,10,30,.75));color:#dfe9ff;box-shadow:0 0 20px rgba(79,140,255,.25),0 0 40px rgba(40,90,255,.15)}body.dark-mode #about h2,body.dark-mode #contact h2{color:#7ebaff}body.dark-mode .about-sub,body.dark-mode .contact-sub{color:#9cbcff}body.dark-mode #about p,body.dark-mode #contact p{color:#cddcff}body.dark-mode .about-link,body.dark-mode .contact-link{color:#80cfff}body.dark-mode .about-link:hover,body.dark-mode .contact-link:hover{color:#a3d1ff}@keyframes bgMove{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(15px,20px) rotate(180deg)}100%{transform:translate(0,0) rotate(360deg)}}@media (max-width:768px){header{flex-direction:column;align-items:flex-start}.header-right{margin-top:10px}}@media (max-width:600px){header h1{font-size:1.5em}.container{margin:20px auto}}body.dark-mode{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#f1f1f1}body.dark-mode header{background:#121212;color:#f1f1f1}body.dark-mode header p{color:#ccc}body.dark-mode nav{background:#1e1e1e}body.dark-mode nav a{color:#f1f1f1}body.dark-mode .partner-card,body.dark-mode .project-card{background:#2b2b2b;color:#f1f1f1;box-shadow:0 2px 8px rgba(0,0,0,.6)}body.dark-mode .partner-name,body.dark-mode .project-title{color:#bcd3e9}body.dark-mode .partner-content p,body.dark-mode .project-desc{color:#e2e2e2}body.dark-mode .btn{background:linear-gradient(90deg,#232323 0,#3a3a3a 100%);color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.4)}body.dark-mode .btn:hover{background:linear-gradient(90deg,#303030 0,#4a4a4a 100%);box-shadow:0 5px 14px rgba(255,255,255,.1),0 0 12px rgba(255,255,255,.08)}body.dark-mode footer{background:#121212;color:#aaa}.container,.cooperation,.courses-section,section{margin-bottom:100px}@media (max-width:992px){header{padding:15px 25px;flex-direction:column;align-items:flex-start}header h1{font-size:2em}nav a{margin:0 10px;font-size:.95rem}.portfolio-grid{gap:20px}}@media (max-width:768px){header{text-align:center;align-items:center}.header-left,.header-right{width:100%;align-items:center;text-align:center}.container{margin:20px auto;padding:0 15px}.btn{font-size:.9rem;padding:.6em 1.2em}.logo{height:60px}header nav{display:flex;flex-direction:column;align-items:center;gap:12px}.header-right .btn,header nav a{display:inline-block;padding:10px 20px;font-size:1rem;border-radius:10px;text-align:center;width:auto;min-width:140px}.header-right{margin-top:15px;display:flex;flex-direction:column;align-items:center;gap:10px}}@media (max-width:480px){header h1{font-size:1.4em}header p{font-size:.9em}header nav{gap:10px}.header-right .btn,header nav a{font-size:.95rem;padding:12px 22px;min-width:160px}nav a{display:block;margin:8px 0}.portfolio-grid{grid-template-columns:1fr}.partner-logo{width:150px;height:150px}footer{font-size:.85rem}}