/* ---- Global style & variables ---- */ :root { --primary: #02402C; --primary-light: #056343; --primary-soft: #0A5A3D; --accent-bg: #F2FFF9; --avatar-ring: #F7FFF9; --accent-light: #046345; --card-bg: #F8FFFC; --shadow-soft: rgba(0, 0, 0, 0.18); --shadow-strong: rgba(0, 0, 0, 0.28); --text-on-primary: #ffffff; --text-muted: #E3FFF2; --button-text: #02402C; --button-white: #ffffff; } /* Optional: Body markazga joylash uchun */ body { min-height: 100vh; margin: 0; padding: 0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; /* background: radial-gradient(circle at top, #0a3f2c 0, #01140f 40%, #000 80%); */ display: flex; align-items: center; justify-content: center; } /* ---- Card ---- */ /* From Uiverse.io by Smit-Prajapati (modified theme) */ .card { width: 280px; height: 280px; background: var(--card-bg); border-radius: 32px; padding: 3px; position: relative; box-shadow: 0 24px 50px -28px var(--shadow-soft); transition: all 0.5s ease-in-out; overflow: visible; } /* Hoverda biroz yumaloqlash & yengil transform */ .card:hover { border-top-left-radius: 55px; transform: translateY(-4px); box-shadow: 0 30px 70px -40px var(--shadow-strong); } /* ---- Mail tugmasi ---- */ .card .mail { position: absolute; right: 1.6rem; top: 1.2rem; background: rgba(2, 64, 44, 0.06); border-radius: 999px; border: none; padding: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; backdrop-filter: blur(8px); transition: background 0.3s ease, transform 0.2s ease; } .card .mail svg { stroke: var(--primary-light); stroke-width: 2.7px; transition: stroke 0.3s ease; } .card .mail:hover { background: rgba(2, 64, 44, 0.15); transform: translateY(-1px) scale(1.03); } .card .mail svg:hover { stroke: var(--primary); } /* ---- Profile pic ---- */ .card .profile-pic { position: absolute; width: calc(100% - 6px); height: calc(100% - 6px); top: 3px; left: 3px; border-radius: 29px; z-index: 1; border: 0px solid var(--avatar-ring); overflow: hidden; background: var(--accent-bg); transition: all 0.5s ease-in-out 0.2s, z-index 0.5s ease-in-out 0.2s; } .card .profile-pic img { width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: all 0.5s ease-in-out; } .card .profile-pic svg { width: 100%; height: 100%; object-fit: cover; object-position: 0px 0px; transform-origin: 45% 20%; transition: all 0.5s ease-in-out 0s; } /* Hover holatida avatar kichrayib, dumaloqlashadi */ .card:hover .profile-pic { width: 100px; height: 100px; aspect-ratio: 1; top: 12px; left: 12px; border-radius: 50%; z-index: 3; border: 6px solid var(--accent-light); box-shadow: 0 8px 18px -8px var(--shadow-soft); background: #ffffff; transition: all 0.5s ease-in-out, z-index 0.5s ease-in-out 0.1s; } .card:hover .profile-pic:hover { transform: scale(1.18); border-radius: 24px; } .card:hover .profile-pic img { transform: scale(1.1); /* oldingi 2.2/2.5 o‘rniga kichikroq */ object-position: center 20%; /* kerak bo‘lsa percent bilan o‘ynab ko‘r */ } .card:hover .profile-pic svg { transform: scale(2.2); transition: all 0.5s ease-in-out 0.5s; } /* ---- Bottom blok (ism, about, social, button) ---- */ .card .bottom { position: absolute; bottom: 3px; left: 3px; right: 3px; background: var(--primary); top: 80%; border-radius: 29px; z-index: 2; box-shadow: inset 0 5px 8px rgba(0, 0, 0, 0.16); overflow: hidden; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } /* Hoverda yuqoriga chiqadi */ .card:hover .bottom { top: 24%; border-radius: 80px 29px 29px 29px; transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s; } .card .bottom .content { position: absolute; bottom: 0; left: 1.5rem; right: 1.5rem; height: 160px; display: flex; flex-direction: column; justify-content: flex-start; } /* Name / Title */ .card .bottom .content .name { display: block; font-size: 1.25rem; color: var(--text-on-primary); font-weight: 700; letter-spacing: 0.03em; margin-top: 0.4rem; } /* Subtitle or about-me */ .card .bottom .content .about-me { display: block; font-size: 0.9rem; color: var(--text-muted); margin-top: 0.9rem; line-height: 1.35; } /* Bottom row: social + button */ .card .bottom .bottom-bottom { position: absolute; left: 1.5rem; right: 1.5rem; bottom: 1rem; /* top: 50%; transform: translateY(-50%); */ display: flex; justify-content: flex-end; align-items: center; } /* Social icons */ /* .card .bottom .bottom-bottom .social-links-container { display: flex; gap: 0.9rem; } .card .bottom .bottom-bottom .social-links-container svg { height: 20px; fill: var(--text-on-primary); filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.18)); transition: transform 0.2s ease, fill 0.2s ease, filter 0.2s ease; cursor: pointer; } .card .bottom .bottom-bottom .social-links-container svg:hover { fill: #B8FFDD; transform: scale(1.2) translateY(-1px); filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.25)); } */ /* Button */ .card .bottom .bottom-bottom .button { background: #F7FFF9; color: var(--button-text); border: none; border-radius: 999px; font-size: 0.7rem; padding: 0.45rem 0.9rem; /* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14); */ font-weight: 600; letter-spacing: 0.04em; /* text-transform: uppercase;s */ cursor: pointer; transition: background 0.25s ease, color 0.25s ease, transform 0.15s ease, box-shadow 0.25s ease; } .card .bottom .bottom-bottom .button:hover { background: #B8FFDD; color: var(--primary-soft); box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22); } .card .bottom .bottom-bottom .button:active { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24); }

Our Collegues are in Spain, in the project of ERASMUS

On February 26-29, the first meeting of project executors was organized at the Polytechnic University of Valencia, Spain.

The ERASMUS+ “Capacity Building of Higher Education” (CBHE) program of the European Union makes a significant contribution to the republic’s higher education system in studying and implementing the experience of leading higher education institutions of the European Union countries, as well as in further expanding cooperation.

We are proud to announce that our collegues have invited to join this project. They have visited and got fabuluous experience and ready to share!