.elementor-12938 .elementor-element.elementor-element-31de8d7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-12938 .elementor-element.elementor-element-31de8d7:not(.elementor-motion-effects-element-type-background), .elementor-12938 .elementor-element.elementor-element-31de8d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C1A3A;background:url("https://polispace.it/wp-content/uploads/2026/01/cielo.jpeg") 50% 50%;background-size:cover;}.elementor-12938 .elementor-element.elementor-element-31de8d7 > .elementor-container{min-height:100vh;}.elementor-12938 .elementor-element.elementor-element-31de8d7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-12938 .elementor-element.elementor-element-31de8d7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-12938 .elementor-element.elementor-element-89519ae.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-12938 .elementor-element.elementor-element-89519ae.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-12938 .elementor-element.elementor-element-89519ae.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12938 .elementor-element.elementor-element-89519ae > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:1px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12938 .elementor-element.elementor-element-7b08b09 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-12938 .elementor-element.elementor-element-7b08b09{text-align:center;}.elementor-12938 .elementor-element.elementor-element-7b08b09 img{width:30%;max-width:30%;height:40%;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-12938 .elementor-element.elementor-element-84fde3f > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-12938 .elementor-element.elementor-element-84fde3f .elementor-icon-wrapper{text-align:center;}.elementor-12938 .elementor-element.elementor-element-84fde3f.elementor-view-stacked .elementor-icon{background-color:#AA1C1C;}.elementor-12938 .elementor-element.elementor-element-84fde3f.elementor-view-framed .elementor-icon, .elementor-12938 .elementor-element.elementor-element-84fde3f.elementor-view-default .elementor-icon{color:#AA1C1C;border-color:#AA1C1C;}.elementor-12938 .elementor-element.elementor-element-84fde3f.elementor-view-framed .elementor-icon, .elementor-12938 .elementor-element.elementor-element-84fde3f.elementor-view-default .elementor-icon svg{fill:#AA1C1C;}.elementor-12938 .elementor-element.elementor-element-39ce9c7:not(.elementor-motion-effects-element-type-background), .elementor-12938 .elementor-element.elementor-element-39ce9c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C1A3A;background:url("https://polispace.it/wp-content/uploads/2026/03/ChatGPT-Image-18-mar-2026-10_47_04-1.png") 50% 50%;background-size:cover;}.elementor-12938 .elementor-element.elementor-element-39ce9c7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:90px 0px 0px 0px;}.elementor-12938 .elementor-element.elementor-element-39ce9c7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-12938 .elementor-element.elementor-element-0e96788.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12938 .elementor-element.elementor-element-0e96788.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12938 .elementor-element.elementor-element-0e96788.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12938 .elementor-element.elementor-element-0e96788 > .elementor-element-populated{margin:0px 5px 0px 0px;--e-column-margin-right:5px;--e-column-margin-left:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12938 .elementor-element.elementor-element-989f68b{text-align:end;}.elementor-12938 .elementor-element.elementor-element-989f68b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;font-style:italic;color:#FFFFFF;}.elementor-12938 .elementor-element.elementor-element-94937ec > .elementor-element-populated{margin:0px 0px 0px 5px;--e-column-margin-right:0px;--e-column-margin-left:5px;}.elementor-12938 .elementor-element.elementor-element-0750639 img{border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12938 .elementor-element.elementor-element-23aefed{margin-top:55px;margin-bottom:55px;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-12938 .elementor-element.elementor-element-5d99dfc .elementor-counter-number-wrapper{color:#FFFFFF;}.elementor-12938 .elementor-element.elementor-element-5d99dfc .elementor-counter-title{color:#FFFFFF;}.elementor-12938 .elementor-element.elementor-element-8b23459 .elementor-counter-number-wrapper{color:#FFFFFF;}.elementor-12938 .elementor-element.elementor-element-8b23459 .elementor-counter-title{color:#FFFFFF;}.elementor-12938 .elementor-element.elementor-element-61175f7 .elementor-counter-number-wrapper{color:#FFFFFF;}.elementor-12938 .elementor-element.elementor-element-61175f7 .elementor-counter-title{color:#FFFFFF;}.elementor-12938 .elementor-element.elementor-element-21fa73e:not(.elementor-motion-effects-element-type-background), .elementor-12938 .elementor-element.elementor-element-21fa73e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C1A3A;}.elementor-12938 .elementor-element.elementor-element-21fa73e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12938 .elementor-element.elementor-element-21fa73e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}body.elementor-page-12938:not(.elementor-motion-effects-element-type-background), body.elementor-page-12938 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-12938 .elementor-element.elementor-element-7b08b09 > .elementor-widget-container{margin:0% 0% 020% 0%;}}@media(max-width:767px){.elementor-12938 .elementor-element.elementor-element-31de8d7 > .elementor-container{min-height:400px;}.elementor-12938 .elementor-element.elementor-element-31de8d7{padding:25px 25px 25px 25px;}.elementor-12938 .elementor-element.elementor-element-7b08b09 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-12938 .elementor-element.elementor-element-7b08b09 img{width:83%;max-width:100%;height:100%;}.elementor-12938 .elementor-element.elementor-element-84fde3f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12938 .elementor-element.elementor-element-23aefed{margin-top:55px;margin-bottom:0px;}}/* Start custom CSS for icon, class: .elementor-element-84fde3f */.elementor-12938 .elementor-element.elementor-element-84fde3f .elementor-icon-wrapper {
  animation: iconFloat 1.8s ease-in-out infinite;
}

.elementor-12938 .elementor-element.elementor-element-84fde3f .elementor-icon {
  transition: transform 0.3s ease;
  transform-origin: center center;
}

.elementor-12938 .elementor-element.elementor-element-84fde3f:hover .elementor-icon-wrapper {
  animation-play-state: paused;
}

.elementor-12938 .elementor-element.elementor-element-84fde3f:hover .elementor-icon {
  transform: scale(1.18);
}

@keyframes iconFloat {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(8px); }
  100% { transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-989f68b */body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  background:
    linear-gradient(#dbe7f3 1px, transparent 1px),
    linear-gradient(90deg, #dbe7f3 1px, transparent 1px);
  background-size: 32px 32px;
  background-color: #f7fbff;
}

.postit-wrap {
  position: relative;
  display: inline-block;
}

.postit-title {
  margin: 0;
  position: relative;
  display: inline-block;
  padding: 2.2rem 2.8rem 2.6rem;
  min-width: 280px;
  text-align: center;
  font: 700 2.3rem/1.15 "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
  color: #fff7f7;
  background: linear-gradient(145deg, #ff6b6b 0%, #e53935 100%);
  border-radius: 6px;
  box-shadow:
    0 10px 18px rgba(0, 0, 0, 0.16),
    0 24px 30px rgba(0, 0, 0, 0.12);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  transform: rotate(-3deg) translateY(0) scale(1);
  transform-origin: top center;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease;
}

/* hover animation */
.postit-title:hover {
  transform: rotate(-1deg) translateY(-10px) scale(1.03);
  box-shadow:
    0 16px 24px rgba(0, 0, 0, 0.2),
    0 30px 40px rgba(0, 0, 0, 0.16);
}

/* folded corner */
.postit-title::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 58px;
  height: 58px;
  background: linear-gradient(135deg, #ff9b9b 0%, #c62828 100%);
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  border-bottom-right-radius: 6px;
  box-shadow: -4px -4px 10px rgba(255, 255, 255, 0.15) inset;
}

/* tape */
.postit-title::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%) rotate(-6deg);
  width: 52px;
  height: 14px;
  background: rgba(255, 255, 255, 0.28);
  border-radius: 3px;
}

/* pin */
.postit-wrap::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 52%;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #ff8a80, #c62828 70%);
  box-shadow:
    0 3px 6px rgba(0, 0, 0, 0.22),
    inset -3px -4px 6px rgba(0, 0, 0, 0.18);
  z-index: 3;
}

/* pin needle */
.postit-wrap::after {
  content: "";
  position: absolute;
  top: 4px;
  left: calc(52% + 10px);
  width: 5px;
  height: 24px;
  background: linear-gradient(to bottom, #9aa3ad, #5b6570);
  border-radius: 3px;
  transform: rotate(18deg);
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0750639 */.polaroid-scotch {
  position: relative;
  display: inline-block;
  padding: 12px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  border-radius: 2px;
  overflow: visible;
  transition: transform 0.6s ease;
  transform-origin: top right;
}

.polaroid-scotch img {
  display: block;
  width: 100%;
  height: auto;
}

.polaroid-scotch::before,
.polaroid-scotch::after {
  content: "";
  position: absolute;
  width: 70px;
  height: 22px;
  background: rgba(255,255,255,0.45);
  border: 1px solid rgba(180,180,180,0.35);
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  backdrop-filter: blur(1px);
  z-index: 10;
  transition: transform 0.6s ease, opacity 0.6s ease, top 0.6s ease, left 0.6s ease;
}

.polaroid-scotch::before {
  top: -10px;
  left: -8px;
  transform: rotate(-18deg);
}

.polaroid-scotch::after {
  top: -10px;
  right: -8px;
  transform: rotate(18deg);
}

/* Il nastro sinistro cade */
.polaroid-scotch:hover::before {
  top: 45px;
  left: -28px;
  transform: rotate(-95deg);
  opacity: 0;
}

/* La foto ruota in senso antiorario */
.polaroid-scotch:hover {
  transform: rotate(-6deg);
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-5d99dfc */.elementor-counter-number-wrapper{
  position: relative;
  display: inline-block;
  overflow: visible !important;
}

.elementor-counter-number{
  position: relative;
  z-index: 3;
}

.counter-spark-down{
  position: absolute;
  width: 5px;
  height: 14px;
  border-radius: 999px;
  pointer-events: none;
  z-index: 1;
  opacity: 1;
  background: linear-gradient(to bottom,
    rgba(255,255,255,1) 0%,
    rgba(255,230,120,.95) 25%,
    rgba(255,170,0,.85) 60%,
    rgba(255,120,0,0) 100%);
  box-shadow:
    0 0 6px rgba(255,255,255,.8),
    0 0 12px rgba(255,200,0,.7),
    0 0 18px rgba(255,140,0,.45);
  transform-origin: top center;
  animation: sparkRocketDown 700ms ease-out forwards;
  will-change: transform, opacity;
}

@keyframes sparkRocketDown{
  0%{
    transform: translate(0,0) scaleY(.7) rotate(var(--rot));
    opacity: 1;
  }
  100%{
    transform: translate(var(--dx), var(--dy)) scaleY(1.4) rotate(var(--rot));
    opacity: 0;
  }
}
body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  background:
    linear-gradient(#dbe7f3 1px, transparent 1px),
    linear-gradient(90deg, #dbe7f3 1px, transparent 1px);
  background-size: 32px 32px;
  background-color: #f7fbff;
}

.postit-wrap {
  position: relative;
  display: inline-block;
}

.postit-title {
  margin: 0;
  position: relative;
  display: inline-block;
  padding: 2.2rem 2.8rem 2.6rem;
  min-width: 280px;
  text-align: center;
  font: 700 2.3rem/1.15 "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
  color: #fff7f7;
  background: linear-gradient(145deg, #ff6b6b 0%, #e53935 100%);
  border-radius: 6px;
  box-shadow:
    0 10px 18px rgba(0, 0, 0, 0.16),
    0 24px 30px rgba(0, 0, 0, 0.12);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  transform: rotate(-3deg) translateY(0) scale(1);
  transform-origin: top center;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease;
}

/* hover animation */
.postit-title:hover {
  transform: rotate(-1deg) translateY(-10px) scale(1.03);
  box-shadow:
    0 16px 24px rgba(0, 0, 0, 0.2),
    0 30px 40px rgba(0, 0, 0, 0.16);
}

/* folded corner */
.postit-title::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 58px;
  height: 58px;
  background: linear-gradient(135deg, #ff9b9b 0%, #c62828 100%);
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  border-bottom-right-radius: 6px;
  box-shadow: -4px -4px 10px rgba(255, 255, 255, 0.15) inset;
}

/* tape */
.postit-title::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%) rotate(-6deg);
  width: 52px;
  height: 14px;
  background: rgba(255, 255, 255, 0.28);
  border-radius: 3px;
}

/* pin */
.postit-wrap::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 52%;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #ff8a80, #c62828 70%);
  box-shadow:
    0 3px 6px rgba(0, 0, 0, 0.22),
    inset -3px -4px 6px rgba(0, 0, 0, 0.18);
  z-index: 3;
}

/* pin needle */
.postit-wrap::after {
  content: "";
  position: absolute;
  top: 4px;
  left: calc(52% + 10px);
  width: 5px;
  height: 24px;
  background: linear-gradient(to bottom, #9aa3ad, #5b6570);
  border-radius: 3px;
  transform: rotate(18deg);
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-8b23459 */.elementor-counter-number-wrapper{
  position: relative;
  display: inline-block;
  overflow: visible !important;
}

.elementor-counter-number{
  position: relative;
  z-index: 3;
}

.counter-spark-down{
  position: absolute;
  width: 5px;
  height: 14px;
  border-radius: 999px;
  pointer-events: none;
  z-index: 1;
  opacity: 1;
  background: linear-gradient(to bottom,
    rgba(255,255,255,1) 0%,
    rgba(255,230,120,.95) 25%,
    rgba(255,170,0,.85) 60%,
    rgba(255,120,0,0) 100%);
  box-shadow:
    0 0 6px rgba(255,255,255,.8),
    0 0 12px rgba(255,200,0,.7),
    0 0 18px rgba(255,140,0,.45);
  transform-origin: top center;
  animation: sparkRocketDown 700ms ease-out forwards;
  will-change: transform, opacity;
}

@keyframes sparkRocketDown{
  0%{
    transform: translate(0,0) scaleY(.7) rotate(var(--rot));
    opacity: 1;
  }
  100%{
    transform: translate(var(--dx), var(--dy)) scaleY(1.4) rotate(var(--rot));
    opacity: 0;
  }
}
body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  background:
    linear-gradient(#dbe7f3 1px, transparent 1px),
    linear-gradient(90deg, #dbe7f3 1px, transparent 1px);
  background-size: 32px 32px;
  background-color: #f7fbff;
}

.postit-wrap {
  position: relative;
  display: inline-block;
}

.postit-title {
  margin: 0;
  position: relative;
  display: inline-block;
  padding: 2.2rem 2.8rem 2.6rem;
  min-width: 280px;
  text-align: center;
  font: 700 2.3rem/1.15 "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
  color: #fff7f7;
  background: linear-gradient(145deg, #ff6b6b 0%, #e53935 100%);
  border-radius: 6px;
  box-shadow:
    0 10px 18px rgba(0, 0, 0, 0.16),
    0 24px 30px rgba(0, 0, 0, 0.12);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  transform: rotate(-3deg) translateY(0) scale(1);
  transform-origin: top center;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease;
}

/* hover animation */
.postit-title:hover {
  transform: rotate(-1deg) translateY(-10px) scale(1.03);
  box-shadow:
    0 16px 24px rgba(0, 0, 0, 0.2),
    0 30px 40px rgba(0, 0, 0, 0.16);
}

/* folded corner */
.postit-title::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 58px;
  height: 58px;
  background: linear-gradient(135deg, #ff9b9b 0%, #c62828 100%);
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  border-bottom-right-radius: 6px;
  box-shadow: -4px -4px 10px rgba(255, 255, 255, 0.15) inset;
}

/* tape */
.postit-title::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%) rotate(-6deg);
  width: 52px;
  height: 14px;
  background: rgba(255, 255, 255, 0.28);
  border-radius: 3px;
}

/* pin */
.postit-wrap::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 52%;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #ff8a80, #c62828 70%);
  box-shadow:
    0 3px 6px rgba(0, 0, 0, 0.22),
    inset -3px -4px 6px rgba(0, 0, 0, 0.18);
  z-index: 3;
}

/* pin needle */
.postit-wrap::after {
  content: "";
  position: absolute;
  top: 4px;
  left: calc(52% + 10px);
  width: 5px;
  height: 24px;
  background: linear-gradient(to bottom, #9aa3ad, #5b6570);
  border-radius: 3px;
  transform: rotate(18deg);
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-61175f7 */.elementor-counter-number-wrapper{
  position: relative;
  display: inline-block;
  overflow: visible !important;
}

.elementor-counter-number{
  position: relative;
  z-index: 3;
}

.counter-spark-down{
  position: absolute;
  width: 5px;
  height: 14px;
  border-radius: 999px;
  pointer-events: none;
  z-index: 1;
  opacity: 1;
  background: linear-gradient(to bottom,
    rgba(255,255,255,1) 0%,
    rgba(255,230,120,.95) 25%,
    rgba(255,170,0,.85) 60%,
    rgba(255,120,0,0) 100%);
  box-shadow:
    0 0 6px rgba(255,255,255,.8),
    0 0 12px rgba(255,200,0,.7),
    0 0 18px rgba(255,140,0,.45);
  transform-origin: top center;
  animation: sparkRocketDown 700ms ease-out forwards;
  will-change: transform, opacity;
}

@keyframes sparkRocketDown{
  0%{
    transform: translate(0,0) scaleY(.7) rotate(var(--rot));
    opacity: 1;
  }
  100%{
    transform: translate(var(--dx), var(--dy)) scaleY(1.4) rotate(var(--rot));
    opacity: 0;
  }
}
body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  background:
    linear-gradient(#dbe7f3 1px, transparent 1px),
    linear-gradient(90deg, #dbe7f3 1px, transparent 1px);
  background-size: 32px 32px;
  background-color: #f7fbff;
}

.postit-wrap {
  position: relative;
  display: inline-block;
}

.postit-title {
  margin: 0;
  position: relative;
  display: inline-block;
  padding: 2.2rem 2.8rem 2.6rem;
  min-width: 280px;
  text-align: center;
  font: 700 2.3rem/1.15 "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
  color: #fff7f7;
  background: linear-gradient(145deg, #ff6b6b 0%, #e53935 100%);
  border-radius: 6px;
  box-shadow:
    0 10px 18px rgba(0, 0, 0, 0.16),
    0 24px 30px rgba(0, 0, 0, 0.12);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  transform: rotate(-3deg) translateY(0) scale(1);
  transform-origin: top center;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease;
}

/* hover animation */
.postit-title:hover {
  transform: rotate(-1deg) translateY(-10px) scale(1.03);
  box-shadow:
    0 16px 24px rgba(0, 0, 0, 0.2),
    0 30px 40px rgba(0, 0, 0, 0.16);
}

/* folded corner */
.postit-title::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 58px;
  height: 58px;
  background: linear-gradient(135deg, #ff9b9b 0%, #c62828 100%);
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  border-bottom-right-radius: 6px;
  box-shadow: -4px -4px 10px rgba(255, 255, 255, 0.15) inset;
}

/* tape */
.postit-title::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%) rotate(-6deg);
  width: 52px;
  height: 14px;
  background: rgba(255, 255, 255, 0.28);
  border-radius: 3px;
}

/* pin */
.postit-wrap::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 52%;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #ff8a80, #c62828 70%);
  box-shadow:
    0 3px 6px rgba(0, 0, 0, 0.22),
    inset -3px -4px 6px rgba(0, 0, 0, 0.18);
  z-index: 3;
}

/* pin needle */
.postit-wrap::after {
  content: "";
  position: absolute;
  top: 4px;
  left: calc(52% + 10px);
  width: 5px;
  height: 24px;
  background: linear-gradient(to bottom, #9aa3ad, #5b6570);
  border-radius: 3px;
  transform: rotate(18deg);
  z-index: 2;
}/* End custom CSS */