{"id":20703,"date":"2026-06-29T13:36:24","date_gmt":"2026-06-29T13:36:24","guid":{"rendered":"https:\/\/g-studio.md\/cadouri-de-vara\/"},"modified":"2026-06-29T14:53:52","modified_gmt":"2026-06-29T14:53:52","slug":"cadouri-de-vara","status":"publish","type":"page","link":"https:\/\/g-studio.md\/ro\/cadouri-de-vara\/","title":{"rendered":"Cadouri de Var\u0103"},"content":{"rendered":"\n<meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <title>Premiile de var\u0103 G-STUDIO \u2014 tombol\u0103 pentru elevi<\/title>\n  <meta name=\"description\" content=\"Promo\u021bia de var\u0103 G-STUDIO: tombol\u0103 cu 2 mouse-uri MX Master 3S \u0219i o box\u0103 Yandex Alisa pentru elevi.\">\n  <meta property=\"og:title\" content=\"Premiile de var\u0103 G-STUDIO\">\n  <meta property=\"og:description\" content=\"Devino elev, aboneaz\u0103-te la pagin\u0103 \u0219i distribuie videoclipul \u2014 particip\u0103 la tombol\u0103.\">\n  <meta property=\"og:image\" content=\"https:\/\/g-studio.md\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-29-\u0438\u044e\u043d.-2026-\u0433.-17_45_00.png\">\n\n  <style>\n    :root {\n      --bg: #061a20;\n      --bg2: #0b3440;\n      --cyan: #00aebf;\n      --cyan2: #63f4ff;\n      --red: #ff4343;\n      --orange: #ffb21f;\n      --cream: #fff4df;\n      --white: #ffffff;\n\n      --brown: #5b351f;\n      --brown2: #7a4a2a;\n      --brown3: #9a6339;\n      --brownSoft: #f4e0c7;\n\n      --muted: rgba(255,255,255,.76);\n      --line: rgba(255,255,255,.18);\n      --darkLine: rgba(91,53,31,.18);\n      --glass: rgba(255,255,255,.10);\n      --glassStrong: rgba(255,255,255,.16);\n      --shadow: 0 26px 90px rgba(0,0,0,.35);\n      --radius: 30px;\n      --max: 1180px;\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      margin: 0;\n      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n      color: var(--white);\n      background:\n        radial-gradient(circle at 12% 8%, rgba(99,244,255,.24), transparent 26%),\n        radial-gradient(circle at 88% 4%, rgba(255,178,31,.27), transparent 30%),\n        radial-gradient(circle at 55% 100%, rgba(255,67,67,.20), transparent 35%),\n        linear-gradient(135deg, var(--bg), var(--bg2));\n      overflow-x: hidden;\n    }\n\n    body::before {\n      content: \"\";\n      position: fixed;\n      inset: 0;\n      z-index: 0;\n      pointer-events: none;\n      background-image:\n        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);\n      background-size: 42px 42px;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), transparent 84%);\n    }\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .page {\n      position: relative;\n      z-index: 1;\n    }\n\n    .nav {\n      position: sticky;\n      top: 0;\n      z-index: 20;\n      backdrop-filter: blur(18px);\n      background: rgba(6,26,32,.74);\n      border-bottom: 1px solid var(--line);\n    }\n\n    .nav-inner {\n      width: min(var(--max), calc(100% - 32px));\n      min-height: 74px;\n      margin: 0 auto;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n    }\n\n    .brand {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-weight: 950;\n      letter-spacing: .08em;\n    }\n\n    .brand-logo {\n      width: 46px;\n      height: 46px;\n      border-radius: 16px;\n      display: grid;\n      place-items: center;\n      color: var(--cream);\n      background: linear-gradient(145deg, rgba(255,255,255,.22), rgba(255,255,255,.06));\n      border: 1px solid var(--line);\n      box-shadow: 0 12px 28px rgba(0,0,0,.24);\n    }\n\n    .brand-logo span {\n      font-size: 29px;\n      line-height: 1;\n      font-weight: 950;\n    }\n\n    .nav-links {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .nav-links a:not(.btn) {\n      padding: 10px 13px;\n      border-radius: 999px;\n      color: var(--muted);\n      font-size: 14px;\n      font-weight: 850;\n      transition: .25s ease;\n    }\n\n    .nav-links a:not(.btn):hover {\n      color: #fff;\n      background: rgba(255,255,255,.10);\n      transform: translateY(-1px);\n    }\n\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      min-height: 52px;\n      padding: 15px 22px;\n      border-radius: 999px;\n      border: 0;\n      color: #fff;\n      font-weight: 950;\n      line-height: 1;\n      background: linear-gradient(135deg, var(--red), #ff7b39);\n      box-shadow: 0 18px 42px rgba(255,67,67,.34);\n      cursor: pointer;\n      transition: transform .24s ease, box-shadow .24s ease, filter .24s ease;\n    }\n\n    .btn:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 24px 58px rgba(255,67,67,.46);\n      filter: saturate(1.08);\n    }\n\n    .btn.secondary {\n      color: var(--brown);\n      background: linear-gradient(135deg, #fff, var(--cream));\n      border: 1px solid rgba(91,53,31,.15);\n      box-shadow: 0 16px 36px rgba(0,0,0,.16);\n    }\n\n    .btn.secondary:hover {\n      box-shadow: 0 24px 48px rgba(0,0,0,.22);\n    }\n\n    .btn.ghost {\n      color: #fff;\n      background: rgba(255,255,255,.10);\n      border: 1px solid var(--line);\n      box-shadow: none;\n    }\n\n    .hero {\n      width: min(var(--max), calc(100% - 32px));\n      min-height: calc(100vh - 74px);\n      margin: 0 auto;\n      padding: 66px 0 38px;\n      display: grid;\n      grid-template-columns: 1.04fr .96fr;\n      gap: 34px;\n      align-items: center;\n    }\n\n    .badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 15px;\n      border-radius: 999px;\n      color: var(--cyan2);\n      background: rgba(0,174,191,.15);\n      border: 1px solid rgba(99,244,255,.30);\n      font-size: 13px;\n      font-weight: 950;\n      text-transform: uppercase;\n      letter-spacing: .09em;\n      animation: floatBadge 4s ease-in-out infinite;\n    }\n\n    .badge::before {\n      content: \"\ud83c\udf81\";\n    }\n\n    h1 {\n      margin: 22px 0 18px;\n      font-size: clamp(45px, 8vw, 102px);\n      line-height: .88;\n      letter-spacing: -.07em;\n      text-transform: uppercase;\n    }\n\n    .grad {\n      background: linear-gradient(100deg, #fff, var(--cyan2) 40%, var(--orange) 72%, #fff);\n      background-size: 220% 100%;\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      animation: shine 5.5s ease-in-out infinite;\n    }\n\n    .lead {\n      max-width: 650px;\n      margin: 0;\n      color: var(--muted);\n      font-size: clamp(18px, 2.2vw, 24px);\n      line-height: 1.45;\n    }\n\n    .lead b {\n      color: #fff;\n    }\n\n    .hero-actions {\n      display: flex;\n      gap: 14px;\n      flex-wrap: wrap;\n      margin: 30px 0 24px;\n    }\n\n    .stats {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0,1fr));\n      gap: 12px;\n      max-width: 680px;\n    }\n\n    .stat {\n      padding: 18px;\n      border-radius: 24px;\n      color: var(--brown);\n      background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,244,223,.90));\n      border: 1px solid rgba(91,53,31,.16);\n      box-shadow: 0 18px 45px rgba(0,0,0,.16);\n      backdrop-filter: blur(14px);\n    }\n\n    .stat strong {\n      display: block;\n      margin-bottom: 7px;\n      color: var(--brown);\n      font-size: clamp(24px, 3vw, 36px);\n      line-height: 1;\n    }\n\n    .stat span {\n      color: var(--brown2);\n      font-weight: 850;\n      font-size: 13px;\n    }\n\n    .poster-wrap {\n      position: relative;\n      perspective: 1100px;\n    }\n\n    .poster-glow {\n      position: absolute;\n      inset: 4%;\n      z-index: -1;\n      background: radial-gradient(circle, rgba(0,174,191,.43), transparent 66%);\n      filter: blur(36px);\n      animation: glow 4s ease-in-out infinite;\n    }\n\n    .poster {\n      position: relative;\n      padding: 14px;\n      border-radius: 38px;\n      background: linear-gradient(145deg, rgba(255,255,255,.25), rgba(255,255,255,.08));\n      border: 1px solid var(--line);\n      box-shadow: var(--shadow);\n      overflow: hidden;\n      transform: rotateY(-5deg) rotateX(4deg);\n      transition: transform .45s ease;\n    }\n\n    .poster:hover {\n      transform: rotateY(0deg) rotateX(0deg) translateY(-8px);\n    }\n\n    .poster img {\n      width: 100%;\n      display: block;\n      border-radius: 27px;\n      object-fit: cover;\n      box-shadow: 0 18px 50px rgba(0,0,0,.30);\n    }\n\n    .poster::after {\n      content: \"\";\n      position: absolute;\n      top: -60%;\n      left: -70%;\n      width: 55%;\n      height: 220%;\n      transform: rotate(18deg);\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,.36), transparent);\n      animation: sweep 6s ease-in-out infinite;\n      pointer-events: none;\n    }\n\n    section {\n      width: min(var(--max), calc(100% - 32px));\n      margin: 0 auto;\n      padding: 78px 0;\n    }\n\n    .section-head {\n      max-width: 800px;\n      margin-bottom: 28px;\n    }\n\n    .eyebrow {\n      color: var(--cyan2);\n      font-weight: 950;\n      text-transform: uppercase;\n      letter-spacing: .12em;\n      font-size: 13px;\n    }\n\n    h2 {\n      margin: 10px 0 12px;\n      font-size: clamp(34px, 5vw, 68px);\n      line-height: .96;\n      letter-spacing: -.055em;\n    }\n\n    .section-head p {\n      margin: 0;\n      color: var(--muted);\n      font-size: 18px;\n      line-height: 1.55;\n    }\n\n    .cards {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0,1fr));\n      gap: 18px;\n    }\n\n    .card {\n      position: relative;\n      min-height: 258px;\n      padding: 26px;\n      border-radius: var(--radius);\n      color: var(--brown);\n      background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(255,244,223,.92));\n      border: 1px solid rgba(91,53,31,.16);\n      box-shadow: 0 22px 60px rgba(0,0,0,.20);\n      overflow: hidden;\n      transition: transform .28s ease, background .28s ease, border-color .28s ease;\n    }\n\n    .card:hover {\n      transform: translateY(-8px);\n      border-color: rgba(154,99,57,.34);\n      background: linear-gradient(145deg, #fff, #fff1dc);\n    }\n\n    .card::before {\n      content: \"\";\n      position: absolute;\n      right: -54px;\n      top: -58px;\n      width: 190px;\n      height: 190px;\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(255,178,31,.28), transparent 68%);\n    }\n\n    .icon {\n      position: relative;\n      z-index: 1;\n      width: 76px;\n      height: 76px;\n      margin-bottom: 22px;\n      display: grid;\n      place-items: center;\n      border-radius: 25px;\n      background: #fff;\n      border: 1px solid rgba(91,53,31,.14);\n      box-shadow: 0 14px 30px rgba(91,53,31,.10);\n      font-size: 38px;\n    }\n\n    .card h3 {\n      position: relative;\n      z-index: 1;\n      margin: 0 0 12px;\n      color: var(--brown);\n      font-size: 28px;\n      line-height: 1.05;\n    }\n\n    .card p {\n      position: relative;\n      z-index: 1;\n      margin: 0;\n      color: var(--brown2);\n      line-height: 1.55;\n      font-weight: 650;\n    }\n\n    .conditions {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 22px;\n      align-items: stretch;\n    }\n\n    .condition-main {\n      padding: 34px;\n      border-radius: var(--radius);\n      color: var(--brown);\n      background:\n        radial-gradient(circle at 15% 10%, rgba(255,178,31,.24), transparent 32%),\n        linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,244,223,.93));\n      border: 1px solid rgba(91,53,31,.16);\n      box-shadow: var(--shadow);\n    }\n\n    .condition-main h3 {\n      margin: 0 0 18px;\n      color: var(--brown);\n      font-size: clamp(30px, 4vw, 48px);\n      line-height: 1;\n      letter-spacing: -.04em;\n    }\n\n    .condition-main p {\n      margin: 0 0 24px;\n      color: var(--brown2);\n      line-height: 1.6;\n      font-size: 17px;\n      font-weight: 650;\n    }\n\n    .rules {\n      display: grid;\n      gap: 12px;\n    }\n\n    .rule {\n      position: relative;\n      padding: 20px 20px 20px 58px;\n      border-radius: 22px;\n      color: var(--brown);\n      background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(255,244,223,.91));\n      border: 1px solid rgba(91,53,31,.16);\n      box-shadow: 0 16px 42px rgba(0,0,0,.13);\n      line-height: 1.45;\n      font-weight: 750;\n      transition: .25s ease;\n    }\n\n    .rule:hover {\n      transform: translateX(6px);\n      background: #fff;\n    }\n\n    .rule::before {\n      content: \"\u2713\";\n      position: absolute;\n      left: 18px;\n      top: 18px;\n      width: 27px;\n      height: 27px;\n      border-radius: 50%;\n      display: grid;\n      place-items: center;\n      color: #fff;\n      background: linear-gradient(135deg, var(--brown2), var(--brown3));\n      font-weight: 950;\n    }\n\n    .steps {\n      display: grid;\n      gap: 14px;\n    }\n\n    .step {\n      display: grid;\n      grid-template-columns: 56px 1fr;\n      gap: 15px;\n      align-items: start;\n      padding: 18px;\n      border-radius: 23px;\n      color: var(--brown);\n      background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(255,244,223,.91));\n      border: 1px solid rgba(91,53,31,.16);\n      box-shadow: 0 16px 42px rgba(0,0,0,.13);\n      transition: transform .25s ease, background .25s ease;\n    }\n\n    .step:hover {\n      transform: translateX(7px);\n      background: #fff;\n    }\n\n    .num {\n      width: 56px;\n      height: 56px;\n      display: grid;\n      place-items: center;\n      border-radius: 18px;\n      color: #fff;\n      background: linear-gradient(135deg, var(--brown2), var(--brown3));\n      font-weight: 950;\n      font-size: 22px;\n      box-shadow: 0 14px 28px rgba(91,53,31,.22);\n    }\n\n    .step strong {\n      display: block;\n      margin-bottom: 5px;\n      color: var(--brown);\n      font-size: 19px;\n    }\n\n    .step span {\n      color: var(--brown2);\n      line-height: 1.45;\n      font-weight: 650;\n    }\n\n    .timeline {\n      position: relative;\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0,1fr));\n      gap: 14px;\n    }\n\n    .timeline::before {\n      content: \"\";\n      position: absolute;\n      left: 5%;\n      right: 5%;\n      top: 33px;\n      height: 2px;\n      background: linear-gradient(90deg, transparent, rgba(255,178,31,.72), transparent);\n      z-index: -1;\n    }\n\n    .time-card {\n      min-height: 172px;\n      padding: 22px;\n      border-radius: 24px;\n      color: var(--brown);\n      background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(255,244,223,.91));\n      border: 1px solid rgba(91,53,31,.16);\n      box-shadow: 0 16px 42px rgba(0,0,0,.13);\n    }\n\n    .dot {\n      width: 22px;\n      height: 22px;\n      margin: 0 0 22px;\n      border-radius: 50%;\n      background: var(--orange);\n      box-shadow: 0 0 0 9px rgba(255,178,31,.20);\n    }\n\n    .time-card strong {\n      display: block;\n      margin-bottom: 8px;\n      color: var(--brown);\n      font-size: 21px;\n    }\n\n    .time-card span {\n      color: var(--brown2);\n      line-height: 1.45;\n      font-weight: 650;\n    }\n\n    .cta-panel {\n      position: relative;\n      overflow: hidden;\n      display: grid;\n      grid-template-columns: 1.1fr .9fr;\n      gap: 28px;\n      align-items: center;\n      padding: clamp(28px, 5vw, 56px);\n      border-radius: 40px;\n      color: #fff;\n      background:\n        radial-gradient(circle at 18% 20%, rgba(255,255,255,.18), transparent 22%),\n        linear-gradient(135deg, rgba(91,53,31,.95), rgba(154,99,57,.92) 42%, rgba(0,174,191,.86));\n      border: 1px solid rgba(255,255,255,.28);\n      box-shadow: var(--shadow);\n    }\n\n    .cta-panel::before {\n      content: \"\";\n      position: absolute;\n      inset: -30%;\n      background: conic-gradient(from 180deg, transparent, rgba(255,255,255,.15), transparent 30%);\n      animation: rotate 12s linear infinite;\n      pointer-events: none;\n    }\n\n    .cta-panel > * {\n      position: relative;\n      z-index: 1;\n    }\n\n    .cta-panel h2 {\n      margin-top: 0;\n      color: #fff;\n      text-shadow: 0 8px 26px rgba(0,0,0,.20);\n    }\n\n    .cta-panel p {\n      color: rgba(255,255,255,.91);\n      line-height: 1.58;\n      font-size: 18px;\n    }\n\n    .cta-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px;\n      margin-top: 24px;\n    }\n\n    .glass-note {\n      padding: 23px;\n      border-radius: 27px;\n      color: var(--brown);\n      background: rgba(255,255,255,.92);\n      border: 1px solid rgba(91,53,31,.16);\n      backdrop-filter: blur(16px);\n      box-shadow: 0 18px 50px rgba(0,0,0,.16);\n    }\n\n    .glass-note b {\n      display: block;\n      margin-bottom: 9px;\n      color: var(--brown);\n      font-size: 23px;\n    }\n\n    .glass-note p {\n      margin: 0;\n      color: var(--brown2);\n      font-weight: 650;\n    }\n\n    .faq {\n      display: grid;\n      gap: 12px;\n      max-width: 920px;\n    }\n\n    details {\n      border-radius: 22px;\n      color: var(--brown);\n      background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(255,244,223,.91));\n      border: 1px solid rgba(91,53,31,.16);\n      box-shadow: 0 16px 42px rgba(0,0,0,.12);\n      overflow: hidden;\n    }\n\n    summary {\n      cursor: pointer;\n      padding: 20px 22px;\n      color: var(--brown);\n      font-weight: 950;\n      list-style: none;\n    }\n\n    summary::-webkit-details-marker {\n      display: none;\n    }\n\n    details p {\n      margin: 0;\n      padding: 0 22px 20px;\n      color: var(--brown2);\n      line-height: 1.55;\n      font-weight: 650;\n    }\n\n    .footer {\n      width: min(var(--max), calc(100% - 32px));\n      margin: 0 auto;\n      padding: 34px 0 58px;\n      border-top: 1px solid var(--line);\n      color: rgba(255,255,255,.62);\n      display: flex;\n      justify-content: space-between;\n      gap: 18px;\n      flex-wrap: wrap;\n    }\n\n    .floating {\n      position: fixed;\n      left: 50%;\n      bottom: 18px;\n      z-index: 30;\n      width: min(720px, calc(100% - 24px));\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 14px;\n      padding: 12px;\n      border-radius: 999px;\n      background: rgba(6,26,32,.82);\n      backdrop-filter: blur(18px);\n      border: 1px solid var(--line);\n      box-shadow: 0 18px 60px rgba(0,0,0,.35);\n      transform: translateX(-50%) translateY(120px);\n      transition: transform .35s ease;\n    }\n\n    .floating.show {\n      transform: translateX(-50%) translateY(0);\n    }\n\n    .floating span {\n      padding-left: 12px;\n      color: var(--muted);\n      font-weight: 850;\n    }\n\n    .floating-actions {\n      display: flex;\n      gap: 10px;\n      flex-wrap: wrap;\n    }\n\n    .floating .btn {\n      min-height: 46px;\n      padding: 12px 18px;\n      white-space: nowrap;\n    }\n\n    .confetti {\n      position: fixed;\n      inset: 0;\n      z-index: 40;\n      pointer-events: none;\n      overflow: hidden;\n    }\n\n    .confetti i {\n      position: absolute;\n      top: -18px;\n      width: 10px;\n      height: 16px;\n      border-radius: 4px;\n      animation: fall linear forwards;\n    }\n\n    .reveal {\n      opacity: 0;\n      transform: translateY(34px);\n      transition: opacity .75s ease, transform .75s ease;\n    }\n\n    .reveal.in {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .decor {\n      position: fixed;\n      z-index: 0;\n      pointer-events: none;\n      opacity: .68;\n      filter: drop-shadow(0 14px 22px rgba(0,0,0,.22));\n      animation: leaf 7s ease-in-out infinite;\n    }\n\n    .decor.one {\n      top: 110px;\n      left: -22px;\n      font-size: 72px;\n      transform: rotate(-18deg);\n    }\n\n    .decor.two {\n      top: 560px;\n      right: -24px;\n      font-size: 86px;\n      animation-delay: -2s;\n    }\n\n    .decor.three {\n      bottom: 210px;\n      left: 4%;\n      font-size: 52px;\n      animation-delay: -4s;\n    }\n\n    @keyframes shine {\n      0%,100% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n    }\n\n    @keyframes floatBadge {\n      0%,100% { transform: translateY(0); }\n      50% { transform: translateY(-7px); }\n    }\n\n    @keyframes glow {\n      0%,100% { opacity: .65; transform: scale(.98) translateY(20px); }\n      50% { opacity: 1; transform: scale(1.06) translateY(10px); }\n    }\n\n    @keyframes sweep {\n      0%,62% { left: -75%; opacity: 0; }\n      70% { opacity: 1; }\n      100% { left: 130%; opacity: 0; }\n    }\n\n    @keyframes rotate {\n      to { transform: rotate(360deg); }\n    }\n\n    @keyframes leaf {\n      0%,100% { transform: translate3d(0,0,0) rotate(-12deg); }\n      50% { transform: translate3d(12px,-18px,0) rotate(6deg); }\n    }\n\n    @keyframes fall {\n      to { transform: translateY(calc(100vh + 44px)) rotate(720deg); opacity: 0; }\n    }\n\n    @media (max-width: 920px) {\n      .nav-links a:not(.btn) {\n        display: none;\n      }\n\n      .hero {\n        grid-template-columns: 1fr;\n        padding-top: 42px;\n      }\n\n      .poster {\n        transform: none;\n      }\n\n      .stats,\n      .cards,\n      .conditions,\n      .timeline,\n      .cta-panel {\n        grid-template-columns: 1fr;\n      }\n\n      .timeline::before {\n        display: none;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .nav-inner {\n        min-height: 66px;\n      }\n\n      .brand {\n        letter-spacing: .04em;\n      }\n\n      .brand-logo {\n        width: 40px;\n        height: 40px;\n        border-radius: 14px;\n      }\n\n      .hero-actions,\n      .cta-actions {\n        flex-direction: column;\n      }\n\n      .btn {\n        width: 100%;\n      }\n\n      .stats {\n        grid-template-columns: 1fr;\n      }\n\n      .poster {\n        padding: 9px;\n        border-radius: 26px;\n      }\n\n      .poster img {\n        border-radius: 19px;\n      }\n\n      section {\n        padding: 52px 0;\n      }\n\n      .condition-main {\n        padding: 24px;\n      }\n\n      .floating {\n        border-radius: 24px;\n        flex-direction: column;\n        align-items: stretch;\n      }\n\n      .floating span {\n        padding-left: 0;\n        text-align: center;\n      }\n\n      .floating-actions {\n        flex-direction: column;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      * {\n        scroll-behavior: auto !important;\n        animation-duration: .001ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: .001ms !important;\n      }\n\n      .reveal {\n        opacity: 1;\n        transform: none;\n      }\n    }\n  <\/style>\n\n\n\n  <div class=\"confetti\" id=\"confetti\"><\/div>\n\n  <div class=\"decor one\">\ud83c\udf34<\/div>\n  <div class=\"decor two\">\ud83c\udf43<\/div>\n  <div class=\"decor three\">\ud83c\udf3a<\/div>\n\n  <div class=\"page\">\n    <nav class=\"nav\">\n      <div class=\"nav-inner\">\n        <a class=\"brand\" href=\"#top\" aria-label=\"G-STUDIO\">\n          <div class=\"brand-logo\"><span>G<\/span><\/div>\n          <span>G-STUDIO<\/span>\n        <\/a>\n\n        <div class=\"nav-links\">\n          <a href=\"#gifts\">Premii<\/a>\n          <a href=\"#rules\">Condi\u021bii<\/a>\n          <a href=\"#steps\">Cum s\u0103 participi<\/a>\n          <a class=\"btn\" href=\"https:\/\/g-studio.md\/contract-g-studio-dps-srl\/\">Ocup\u0103 un loc<\/a>\n        <\/div>\n      <\/div>\n    <\/nav>\n\n    <main id=\"top\">\n      <header class=\"hero\">\n        <div class=\"reveal\">\n          <div class=\"badge\">Promo\u021bia de var\u0103 pentru elevi<\/div>\n\n          <h1>\n            <span class=\"grad\">\u00cenva\u021b\u0103.<br>Creeaz\u0103.<br>C\u00e2\u0219tig\u0103.<\/span>\n          <\/h1>\n\n          <p class=\"lead\">\n  Devino elev <b>G-STUDIO<\/b> \u0219i particip\u0103 la tombola cu premii de var\u0103:\n            <b>2 mouse-uri MX Master 3S<\/b> \u0219i <b>1 box\u0103 Yandex Alisa<\/b>.\n          <\/p>\n\n          <div class=\"hero-actions\">\n            <a class=\"btn\" href=\"https:\/\/g-studio.md\/contract-g-studio-dps-srl\/\">Ocup\u0103 un loc<\/a>\n            <a class=\"btn secondary\" href=\"https:\/\/g-studio.md\/ro\/curs-bazis-mebelshchik\/\">Mai multe despre curs<\/a>\n            <a class=\"btn ghost\" href=\"#rules\">Condi\u021biile promo\u021biei<\/a>\n          <\/div>\n\n          <div class=\"stats\">\n            <div class=\"stat\">\n              <strong>2<\/strong>\n              <span>mouse-uri MX Master 3S<\/span>\n            <\/div>\n\n            <div class=\"stat\">\n              <strong>1<\/strong>\n              <span>box\u0103 Yandex Alisa<\/span>\n            <\/div>\n\n            <div class=\"stat\">\n              <strong>20 iulie<\/strong>\n              <span>\u00eenceperea cursurilor<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"poster-wrap reveal\">\n          <div class=\"poster-glow\"><\/div>\n          <div class=\"poster\">\n            <img decoding=\"async\" src=\"https:\/\/g-studio.md\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-29-\u0438\u044e\u043d.-2026-\u0433.-16_37_24.png\" alt=\"Premiile de var\u0103 G-STUDIO: 2 mouse-uri MX Master 3S \u0219i o box\u0103 Yandex Alisa\">\n          <\/div>\n        <\/div>\n      <\/header>\n\n      <section id=\"gifts\">\n        <div class=\"section-head reveal\">\n          <div class=\"eyebrow\">Ce punem la tombol\u0103<\/div>\n          <h2>Premii care chiar \u00ee\u021bi vor fi utile<\/h2>\n          <p>\n  F\u0103r\u0103 prostii de suveniruri. Doar lucruri utile pentru studiu,\n proiectare \u0219i lucru normal la calculator. \n          <\/p>\n        <\/div>\n\n        <div class=\"cards\">\n          <article class=\"card reveal\">\n            <div class=\"icon\">\ud83d\uddb1\ufe0f<\/div>\n            <h3>2 mouse-uri MX Master 3S<\/h3>\n            <p>Pentru lucru precis \u00een proiecte, desene, tabele \u0219i prezent\u0103ri.<\/p>\n          <\/article>\n\n          <article class=\"card reveal\">\n            <div class=\"icon\">\ud83d\udd0a<\/div>\n            <h3>1 box\u0103 Yandex Alisa<\/h3>\n            <p>Pentru muzic\u0103, memento-uri \u0219i o atmosfer\u0103 pl\u0103cut\u0103 la birou.<\/p>\n          <\/article>\n\n          <article class=\"card reveal\">\n            <div class=\"icon\">\ud83c\udf93<\/div>\n            <h3>Tombol\u0103 pentru elevi<\/h3>\n            <p>Promo\u021bia se desf\u0103\u0219oar\u0103 printre elevii G-STUDIO. \u00cenve\u021bi \u2014 participi. <\/p>\n          <\/article>\n        <\/div>\n      <\/section>\n\n      <section id=\"rules\">\n        <div class=\"section-head reveal\">\n          <div class=\"eyebrow\">Condi\u021biile promo\u021biei<\/div>\n          <h2>Ce trebuie s\u0103 faci<\/h2>\n          <p>\n  Reguli simple: te-ai \u00eenscris, te-ai abonat, ai distribuit videoclipul \u2014\n \u0219i e\u0219ti pe lista participan\u021bilor.\n          <\/p>\n        <\/div>\n\n        <div class=\"conditions\">\n          <div class=\"condition-main reveal\">\n            <h3>Tombol\u0103 pentru elevii G-STUDIO<\/h3>\n            <p>\n  Particip\u0103 elevii care s-au \u00eenscris la curs, s-au abonat la pagina G-STUDIO\n \u0219i au distribuit videoclipul promo\u021biei pe pagina lor.\n            <\/p>\n            <a class=\"btn\" href=\"https:\/\/g-studio.md\/contract-g-studio-dps-srl\/\">Ocup\u0103 un loc la curs<\/a>\n          <\/div>\n\n          <div class=\"rules reveal\">\n            <div class=\"rule\">S\u0103 fii elev G-STUDIO sau s\u0103 te \u00eenscrii la cel mai apropiat curs.<\/div>\n            <div class=\"rule\">S\u0103 te abonezi la pagina oficial\u0103 G-STUDIO.<\/div>\n            <div class=\"rule\">S\u0103 distribui videoclipul promo\u021biei pe pagina ta.<\/div>\n            <div class=\"rule\">S\u0103 nu \u0219tergi postarea p\u00e2n\u0103 \u00een ziua extragerii.<\/div>\n            <div class=\"rule\">Dac\u0103 profilul este privat \u2014 trimite o captur\u0103 de ecran ca dovad\u0103.<\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section id=\"steps\">\n        <div class=\"section-head reveal\">\n          <div class=\"eyebrow\">Cum s\u0103 participi<\/div>\n          <h2>3 pa\u0219i \u2014 \u0219i e\u0219ti \u00een tombol\u0103<\/h2>\n          <p>\n  Nimic complicat. Cel mai important \u2014 nu l\u0103sa pe mai t\u00e2rziu. \n  Mai t\u00e2rziu, de obicei, vine deadline-ul cu b\u0103\u021bul.\n          <\/p>\n        <\/div>\n\n        <div class=\"steps\">\n          <div class=\"step reveal\">\n            <div class=\"num\">1<\/div>\n            <div>\n              <strong>Ocup\u0103 un loc la curs<\/strong>\n              <span>Acceseaz\u0103 pagina contractului, las\u0103 o cerere \u0219i asigur\u0103-\u021bi locul \u00een grup.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"step reveal\">\n            <div class=\"num\">2<\/div>\n            <div>\n              <strong>Aboneaz\u0103-te la pagina G-STUDIO<\/strong>\n              <span>A\u0219a vom putea verifica participarea \u0219i te vom \u021bine la curent cu \u00eenceperea cursurilor.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"step reveal\">\n            <div class=\"num\">3<\/div>\n            <div>\n              <strong>Distribuie videoclipul promo\u021biei<\/strong>\n              <span>Public\u0103 videoclipul pe pagina ta \u0219i p\u0103streaz\u0103 postarea p\u00e2n\u0103 la extragere.<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section>\n        <div class=\"section-head reveal\">\n          <div class=\"eyebrow\">Planul promo\u021biei<\/div>\n          <h2>Cum se desf\u0103\u0219oar\u0103 totul<\/h2>\n        <\/div>\n\n        <div class=\"timeline\">\n          <div class=\"time-card reveal\">\n            <div class=\"dot\"><\/div>\n            <strong>Cerere<\/strong>\n            <span>La\u0219i o cerere pentru curs \u0219i prime\u0219ti o consulta\u021bie.<\/span>\n          <\/div>\n\n          <div class=\"time-card reveal\">\n            <div class=\"dot\"><\/div>\n            <strong>Abonare<\/strong>\n            <span>Te abonezi la pagina G-STUDIO.<\/span>\n          <\/div>\n\n          <div class=\"time-card reveal\">\n            <div class=\"dot\"><\/div>\n            <strong>Repostare videoclip<\/strong>\n            <span>Distribui videoclipul promo\u021biei pe pagina ta.<\/span>\n          <\/div>\n\n          <div class=\"time-card reveal\">\n            <div class=\"dot\"><\/div>\n            <strong>Extragere<\/strong>\n            <span>Dup\u0103 verificarea condi\u021biilor, stabilim c\u00e2\u0219tig\u0103torii.<\/span>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section id=\"join\">\n        <div class=\"cta-panel reveal\">\n          <div>\n            <div class=\"eyebrow\">E\u0219ti gata s\u0103 participi?<\/div>\n            <h2>Devino elev \u0219i ai \u0219ansa la un premiu<\/h2>\n            <p>\n  Afl\u0103 mai multe despre curs sau ocup\u0103 direct un loc \u00een cea mai apropiat\u0103 grup\u0103.\n  \u00cendepline\u0219te condi\u021biile promo\u021biei \u2014 \u0219i particip\u0103 la tombol\u0103.\n            <\/p>\n\n            <div class=\"cta-actions\">\n              <a class=\"btn\" href=\"https:\/\/g-studio.md\/contract-g-studio-dps-srl\/\">Ocup\u0103 un loc<\/a>\n              <a class=\"btn secondary\" href=\"https:\/\/g-studio.md\/ro\/curs-bazis-mebelshchik\/\">Mai multe despre curs<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"glass-note\">\n            <b>Important<\/b>\n            <p>\n  Pentru a participa trebuie s\u0103 \u00eendepline\u0219ti toate condi\u021biile: s\u0103 fii elev, s\u0103 te abonezi la pagin\u0103\n \u0219i s\u0103 distribui videoclipul promo\u021biei pe pagina ta.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section>\n        <div class=\"section-head reveal\">\n          <div class=\"eyebrow\">\u00centreb\u0103ri frecvente<\/div>\n          <h2>Pe scurt, la \u00eentreb\u0103ri<\/h2>\n        <\/div>\n\n        <div class=\"faq reveal\">\n          <details open=\"\">\n            <summary>Cine poate participa?<\/summary>\n            <p>Elevii G-STUDIO \u0219i cei care s-au \u00eenscris la curs \u00een perioada promo\u021biei.<\/p>\n          <\/details>\n\n          <details>\n            <summary>Ce \u00eenseamn\u0103 \u201ea distribui videoclipul\u201d?<\/summary>\n            <p>\n  Trebuie s\u0103 publici videoclipul promo\u021biei pe pagina ta.\n  Dac\u0103 pagina este privat\u0103 \u2014 trimite o captur\u0103 de ecran ca dovad\u0103.\n            <\/p>\n          <\/details>\n\n          <details>\n            <summary>Unde pot vedea detalii despre curs?<\/summary>\n            <p>\n  Detalii despre curs sunt disponibile pe pagina:\n              <a href=\"https:\/\/g-studio.md\/ro\/curs-bazis-mebelshchik\/\" style=\"color: var(--brown); font-weight: 950; text-decoration: underline;\">Mai multe despre curs<\/a>.\n            <\/p>\n          <\/details>\n\n          <details>\n            <summary>Unde pot ocupa un loc?<\/summary>\n            <p>\n  Un loc poate fi ocupat prin pagina contractului:\n              <a href=\"https:\/\/g-studio.md\/contract-g-studio-dps-srl\/\" style=\"color: var(--brown); font-weight: 950; text-decoration: underline;\">Ocup\u0103 un loc<\/a>.\n            <\/p>\n          <\/details>\n        <\/div>\n      <\/section>\n    <\/main>\n\n    <footer class=\"footer\">\n      <span>\u00a9 G-STUDIO \u2014 Design &amp; Projecting School<\/span>\n      <span>Promo\u021bia de var\u0103 pentru elevi<\/span>\n    <\/footer>\n  <\/div>\n\n  <div class=\"floating\" id=\"floatingCta\">\n    <span>Vrei s\u0103 participi la tombol\u0103?<\/span>\n    <div class=\"floating-actions\">\n      <a class=\"btn\" href=\"https:\/\/g-studio.md\/contract-g-studio-dps-srl\/\">Ocup\u0103 un loc<\/a>\n      <a class=\"btn secondary\" href=\"https:\/\/g-studio.md\/ro\/curs-bazis-mebelshchik\/\">Mai multe<\/a>\n    <\/div>\n  <\/div>\n\n  <script>\n    const reveals = document.querySelectorAll('.reveal');\n\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('in');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, {\n      threshold: 0.14\n    });\n\n    reveals.forEach((el) => observer.observe(el));\n\n    const floating = document.getElementById('floatingCta');\n\n    window.addEventListener('scroll', () => {\n      floating.classList.toggle('show', window.scrollY > 680);\n    });\n\n    const poster = document.querySelector('.poster');\n    const hero = document.querySelector('.hero');\n\n    if (poster && hero && window.matchMedia('(pointer: fine)').matches) {\n      hero.addEventListener('mousemove', (e) => {\n        const r = hero.getBoundingClientRect();\n        const x = (e.clientX - r.left) \/ r.width - .5;\n        const y = (e.clientY - r.top) \/ r.height - .5;\n\n        poster.style.transform =\n          `rotateY(${-5 + x * 7}deg) rotateX(${4 - y * 7}deg) translateY(-4px)`;\n      });\n\n      hero.addEventListener('mouseleave', () => {\n        poster.style.transform = '';\n      });\n    }\n\n    function confettiBurst() {\n      const box = document.getElementById('confetti');\n      const colors = ['#63f4ff', '#ff4343', '#ffb21f', '#ffffff', '#00aebf', '#7a4a2a'];\n\n      for (let i = 0; i < 46; i++) {\n        const piece = document.createElement('i');\n\n        piece.style.left = Math.random() * 100 + 'vw';\n        piece.style.background = colors[Math.floor(Math.random() * colors.length)];\n        piece.style.animationDuration = (2.4 + Math.random() * 2.6) + 's';\n        piece.style.animationDelay = (Math.random() * .35) + 's';\n        piece.style.transform = `rotate(${Math.random() * 360}deg)`;\n\n        box.appendChild(piece);\n\n        setTimeout(() => piece.remove(), 5600);\n      }\n    }\n\n    setTimeout(confettiBurst, 700);\n\n    document.querySelectorAll('.btn').forEach((btn) => {\n      btn.addEventListener('mouseenter', () => {\n        if (Math.random() > .55) confettiBurst();\n      });\n    });\n  <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Premiile de var\u0103 G-STUDIO \u2014 tombol\u0103 pentru elevi \ud83c\udf34 \ud83c\udf43 \ud83c\udf3a G G-STUDIO Premii Condi\u021bii Cum s\u0103 participi Ocup\u0103 un loc Promo\u021bia de var\u0103 pentru elevi \u00cenva\u021b\u0103.Creeaz\u0103.C\u00e2\u0219tig\u0103. Devino elev G-STUDIO \u0219i particip\u0103 la tombola cu premii de var\u0103: 2 mouse-uri MX Master 3S \u0219i 1 box\u0103 Yandex Alisa. Ocup\u0103 un &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"wpai_meta_description":"","footnotes":""},"class_list":["post-20703","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/g-studio.md\/ro\/wp-json\/wp\/v2\/pages\/20703","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/g-studio.md\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/g-studio.md\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/g-studio.md\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/g-studio.md\/ro\/wp-json\/wp\/v2\/comments?post=20703"}],"version-history":[{"count":5,"href":"https:\/\/g-studio.md\/ro\/wp-json\/wp\/v2\/pages\/20703\/revisions"}],"predecessor-version":[{"id":20722,"href":"https:\/\/g-studio.md\/ro\/wp-json\/wp\/v2\/pages\/20703\/revisions\/20722"}],"wp:attachment":[{"href":"https:\/\/g-studio.md\/ro\/wp-json\/wp\/v2\/media?parent=20703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}