body {
		background-image:url('https://www.pushkin.institute/wp-content/uploads/2025/03/fon-cube.png'); 
		background-size: 100%;
  }
  .big-wrap {
	  width: 100%;
		max-width:1920px; 
		margin:120px auto;	
  }
	.high-wrap {
		width: 100%;
		max-width:1600px; 
		margin:40px auto 20px; 
		background:#fff; 
		border-radius:40px; 
		padding: 10px; 
		backdrop-filter: blur(50px);
	}
	.low-wrap {
		width: 100%;
		max-width:1600px; 
		margin:20px auto; 
		background:#fff; 
		border-radius:40px; 
		padding:30px; 
		font-size:15px; 
		line-height:40px;
	}
  input {
    font-size: 20px;
    padding:15px;
  }
  button[type=button] {
    background: linear-gradient(90deg, #0070f0, #92c5ff);
	border-radius: 40px;  
    cursor: pointer;
    color: #fff;
    border-color: #fff;
	width: 224px;
    text-align: center;
    width:100%; 
    font-size:24px; 
    padding:20px; 
    height:69px
  }
	.wrap-button {
		width:352px;
		margin:40px auto;
	}
  .center {
	    text-align: center;
  }
	.result {
		width: 800px;
		margin:10px auto;
	    margin-top: 20px;
 	   font-weight: bold;
  }
	.question {
		color: #99b3e6;
		margin-bottom: -30px;
	}
	.quest {
		font-size:28px;
		font-weight:600;	
	}
	#prof-quest {
		display: block;
		text-align:center; 
		font-size:64px; 
		font-weight:800; 
		color:#3366cc;
	}
	.rectangle1 {
		width: 100%;
		max-width: 1720px; 
		margin:auto; 
		background: linear-gradient(126deg, rgba(255, 250.75, 250.75, 0.20) 0%, rgba(0, 118.71, 255, 0.20) 100%); 
		box-shadow: 0px 4px 30px rgba(0, 111.78, 240.12, 0.25); 
		border-radius: 40px; 
		backdrop-filter: blur(50px); 
		padding:20px;	
	}
	#rectangle2 {
		font-size:15px; 
		font-weight:400;
		margin:46px 86px;
	}
	.quest-list {
		display:block;
		margin-left:86px;
	}
   .answer-quest {
		text-align:center; 
		margin:0 0 20px; 
		font-size:18px;
	}
	a {
		text-decoration:none;
	}
	.cards {
		display: none;
	}
	.img-block {
		display:flex;
		flex-wrap: wrap;
		margin:60px 100px;
	}
	.images-prof {
		width: 275px;
		height: 275px;
		margin: 0 auto;
	}
	.prof-suit {
		margin:40px 64px;
	}
	.prof-suit-text {
		font-size:28px;
		font-weight:600;
		margin-bottom:20px;
	}
	.profession {
		font-size:64px;
		font-weight:800; 
		color:#0070f0; 
	}
	.profession-middle {
		font-size:64px;
		font-weight:800; 
		color:#0070f0; 
		margin:40px 0;
	}
	.interest-programs {
		font-size:28px;
		font-weight:600;
		margin:126px 85px 20px;
	}
	.big-cube-block {
		width: 100%;
		display:flex;
		flex-wrap: wrap;
		margin:20px 85px
	}
	.cube-block {
		display:flex;
		flex-wrap: wrap;
		width: 100%;
		max-width:725px;
		gap:20px
	}
	.cube1 {
		width:192px; 
		height:196px; 
		border-radius:20px; 
		background:linear-gradient(135deg, #298dff, #92c5ff); 
		margin:10px;
	}
	.cube2 {
		width:192px; 
		height:196px; 
		border-radius:20px; 
		background:linear-gradient(-45deg, #9747ff, #92c5ff); 
		margin:10px;
	}
	.cube3 {
		width:192px; 
		height:196px; 
		border-radius:20px; 
		background:linear-gradient(135deg, rgba(0, 112, 240, 0.25), rgba(151, 71, 255, 0.5)); 
		margin:10px;
	}
	.cube4 {
		width:192px; 
		height:196px; 
		border-radius:20px; 
		background:linear-gradient(135deg, rgba(218, 238, 255, 1), rgba(146, 197, 255, 1)); 
		margin:10px;
	}
	.block-programs {
		width:475px;
	}
	.vector-img {
		float:right;
		margin:28px;
	}
	.program-code {
		font-size:16px;
		margin-top:80px;
		color:#9983e6;
	}
	.program-ref {
		font-size:24px;
		font-weight:700;
		color:#3366cc;
	}
@media (max-width: 600px) {
  .big-wrap {
		width: 360px; 
		margin: 40px auto;	
  }
  .rectangle1 {
		width: 340px;
		border-radius: 20px;
		padding: 1px 0;
	}
	.low-wrap {
		width: 320px; 
		margin: 10px auto;
		border-radius: 20px;
		padding: 10px;
	}

	.high-wrap {
		width:320px; 
		margin:10px auto 0px; 
		background:#fff; 
		border-radius: 20px;
	}
	#prof-quest {
		font-size:28px; 
	}
	#rectangle2 {
		font-size:15px; 
		font-weight:400;
		margin:0;
	}
	.answer-quest {
		text-align:center; 
		margin:0 0 20px; 
		font-size:12px;
	}
	.question {
		margin-bottom: -20px;
	}
	.quest {
		font-size: 16px;
	}
	.quest-list {
		margin-left: 0;
		font-size: 12px;
		line-height: 30px;
	}
	button[type=button] {
  	border-radius: 40px;  
  	width: 260px;
    font-size: 14px; 
    padding: 10px; 
    height: 57px;
  }
	.wrap-button {
		width:280px;
	}
	.cards {
		width: 280px;
		margin: 0;
	}
	.img-block {
		display:flex;
		flex-wrap: wrap;
		margin:0;
	}
	.images-prof {
		width: 100px;
		height: 100px;
		margin: 0 auto;
	}
	.prof-suit {
		margin:0 auto 50px;
		text-align: center;
	}
	.prof-suit-text {
		font-size:16px;
		margin-bottom:15px;
		text-align: center;
	}
	.profession {
		font-size:28px;
	}
	.profession-middle {
		font-size:28px;
		margin:0;
	}
	.interest-programs {
		font-size:16px;
		margin:0 0 10px;
		line-height: 20px
	}
	.big-cube-block {
		flex-wrap: wrap;
		margin: 0 auto 40px;
	}
	.cube-block {
		display:flex;
		width: 280px;
		gap:20px
	}
	.cube1 {
	width:89px; 
	height:91px; 
	border-radius:7px; 
	margin:10px 0;
	}
	.cube2 {
	width:89px; 
	height:91px; 
	border-radius:7px; 
	margin:0;
	}
	.cube3 {
		width:89px; 
		height:91px; 
		border-radius:7px; 
		margin:0;
	}
	.cube4 {
		width:89px; 
		height:91px; 
		border-radius:7px; 
		margin: 10px 0;
	}
	.block-programs {
		width: 167px;
	}
	.vector-img {
		margin: 0;
		width: 10px;
	}
	.program-code {
		font-size: 12px;
		margin-top: 0;
	}
	.program-ref {
		font-size: 14px;
		line-height: 15px;
	}
}