/* Site custom styles moved from inline <style> blocks */

:root {
  --accent-color: #10B981;
  --accent2-color: #6EE7B7;
  --accent3-color: #059669;
  --accent4-color: #A7F3D0;
  --primary-color: #34D399;
  --dark-text-color: #1F2937;
  --gray-text-color: #6B7280;
  --button-padding-x: 16px;
  --button-padding-y: 8px;
  --font-family-body: 'Work Sans', sans-serif;
  --light-text-color: #FFFFFF;
  --dark-border-color: #059669;
  --light-border-color: #A7F3D0;
  --font-family-heading: 'Poppins', sans-serif;
  --button-rounded-radius: 8px;
  --dark-background-color: #047857;
  --light-background-color: #D1FAE5;
  --medium-background-color: #6EE7B7;
  --primary-button-text-color: #FFFFFF;
  --secondary-button-bg-color: #FFFFFF;
  --secondary-button-text-color: #34D399;
  --primary-button-hover-bg-color: #10B981;
  --primary-button-hover-text-color: #FFFFFF;
  --secondary-button-hover-bg-color: #D1FAE5;
  --secondary-button-hover-text-color: #059669;
}

.hovered-element {
  outline: #3871E0 dashed 2px;
}

.clicked-element {
  outline: #3871E0 solid 2px;
}

.clicked-code-section {
  border: #3B82F6 solid 2px;
}

/* Avatar helper */
.rounded-avatar { border-radius: 50%; }

/* Background pattern helpers (previously inline) */
.grid-pattern {
  background-image: linear-gradient(var(--primary-color) 1px, transparent 1px), linear-gradient(90deg, var(--primary-color) 1px, transparent 1px);
  background-size: 50px 50px;
}
.radial-pattern {
  background-image: radial-gradient(circle, var(--primary-color) 1px, transparent 1px);
  background-size: 30px 30px;
}

/* Animations moved from inline blocks */
@keyframes float {
  0%, 100% { transform: translateY(0px) scale(1); }
  50% { transform: translateY(-20px) scale(1.02); }
}
@keyframes float-delayed {
  0%, 100% { transform: translateY(0px) scale(1); }
  50% { transform: translateY(25px) scale(1.02); }
}
@keyframes fade-in {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fade-in-delayed {
  from { opacity: 0; transform: translateX(30px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes float-card {
  0%, 100% { transform: translateY(0px) rotate(-2deg); }
  50% { transform: translateY(-15px) rotate(-3deg); }
}
@keyframes float-card-delayed {
  0%, 100% { transform: translateY(0px) rotate(2deg); }
  50% { transform: translateY(-20px) rotate(3deg); }
}
@keyframes pulse-slow {
  0%, 100% { opacity: 0.2; }
  50% { opacity: 0.4; }
}
.animate-float { animation: float 6s ease-in-out infinite; }
.animate-float-delayed { animation: float-delayed 7s ease-in-out infinite; }
.animate-fade-in { animation: fade-in 0.8s ease-out forwards; }
.animate-fade-in-delayed { animation: fade-in-delayed 1s ease-out 0.3s forwards; opacity: 0; }
.animate-float-card { animation: float-card 5s ease-in-out infinite; }
.animate-float-card-delayed { animation: float-card-delayed 6s ease-in-out infinite; }
.animate-pulse-slow { animation: pulse-slow 4s ease-in-out infinite; }

@keyframes bounce-slow {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
}
.animate-bounce-slow { animation: bounce-slow 3s ease-in-out infinite; }

/* duplicate float variants (kept for sections that re-declared slightly different timing) */
@keyframes float-alt {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
}
@keyframes float-delayed-alt {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(20px); }
}
.animate-float { animation: float 6s ease-in-out infinite; }
.animate-float-delayed { animation: float-delayed 8s ease-in-out infinite; }
.animate-float-card { animation: float-card 5s ease-in-out infinite; }
.animate-float-card-delayed { animation: float-card-delayed 6s ease-in-out infinite; }

/* ======================================================================
  Vendor CSS moved from index.html
  Source: inline <style> tags in index.html (Font Awesome blocks)
  KEEP the Font Awesome kit script in index.html — only CSS was moved.
  ====================================================================== */

/* --- Font Awesome: fa-v4-font-face (moved) --- */
/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */
@font-face{font-family:"FontAwesome";font-display:block;src:url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-solid-900-0.woff2) format("woff2"),url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-solid-900-0.ttf) format("truetype");unicode-range:u+f001,u+f004-f005,u+f007-f008,u+f00c,u+f011-f012,u+f015,u+f018-f019,u+f01c,u+f023-f025,u+f02a,u+f02c-f031,u+f03a,u+f03d,u+f04a-f04e,u+f05b,u+f060-f064,u+f067-f068,u+f06b-f06d,u+f072,u+f075,u+f077-f078,u+f07b,u+f084,u+f086,u+f091,u+f093,u+f095,u+f09c,u+f0a3,u+f0ad,u+f0b0-f0b1,u+f0c0-f0c2,u+f0c6,u+f0c8,u+f128,u+f12a,u+f155,u+f283,u+f292,u+f295}
@font-face{font-family:"FontAwesome";font-display:block;src:url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-solid-900-1.woff2) format("woff2"),url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-solid-900-1.ttf) format("truetype");unicode-range:u+f040,u+f0c9,u+f0cc,u+f0ce,u+f0d1,u+f0d7,u+f0dc,u+f0e0,u+f0e7-f0e8,u+f0f3,u+f106,u+f108-f109,u+f10e,u+f110-f112,u+f11e,u+f121,u+f126,u+f129,u+f12c-f12e,u+f130-f132,u+f135,u+f13d,u+f140,u+f145,u+f15b,u+f164,u+f188,u+f1ab,u+f1ad-f1ae,u+f1b2,u+f1b8,u+f1bb,u+f1c0,u+f1ce,u+f1d8,u+f1dc,u+f1e4-f1e6,u+f1eb-f1ec,u+f205,u+f217,u+f21a-f21d,u+f22d,u+f233-f234,u+f238,u+f246,u+f251,u+f275,u+f29e,u+f2a0,u+f2a7,u+f2bb,u+f2cc-f2cd,u+f2db}
@font-face{font-family:"FontAwesome";font-display:block;src:url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-solid-900-3.woff2) format("woff2"),url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-solid-900-3.ttf) format("truetype");unicode-range:u+f069,u+f1fa}
@font-face{font-family:"FontAwesome";font-display:block;src:url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-solid-900-12.woff2) format("woff2"),url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-solid-900-12.ttf) format("truetype");unicode-range:u+f000,u+f002,u+f009-f00b,u+f00d-f00e,u+f010,u+f013,u+f01e,u+f021,u+f026-f029,u+f02b,u+f032-f039,u+f03b-f03c,u+f042-f043,u+f048-f049,u+f050-f05a,u+f05e,u+f06a,u+f071,u+f073-f074,u+f076,u+f079-f07a,u+f07c,u+f083,u+f085,u+f089,u+f08d,u+f098,u+f09e,u+f0a1}
@font-face{font-family:"FontAwesome";font-display:block;src:url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-solid-900-13.woff2) format("woff2"),url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-solid-900-13.ttf) format("truetype");unicode-range:u+f045,u+f0a8-f0ab,u+f0c3-f0c4,u+f0ca-f0cb,u+f0cd,u+f0d8-f0db,u+f0dd-f0de,u+f0e2-f0e3,u+f0e9-f0ea,u+f0ed-f0ee,u+f0f0-f0f2,u+f0f4,u+f0f9-f0fe,u+f100-f105,u+f107,u+f10d,u+f11b,u+f120,u+f122,u+f124-f125,u+f127,u+f12b,u+f134,u+f137-f13a,u+f141-f144,u+f146,u+f14a-f14b,u+f14d,u+f153-f154,u+f157-f159,u+f15c-f15d,u+f162,u+f165,u+f182-f183,u+f187,u+f193,u+f197,u+f199,u+f19c-f19d,u+f1ac,u+f1b0,u+f1b3,u+f1b9-f1ba,u+f1cd,u+f1da,u+f1dd-f1de,u+f1e0-f1e2}

/* --- Font Awesome: fa-v5-font-face (moved) --- */
@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-brands-400-0.woff2) format("woff2"),url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-brands-400-0.ttf) format("truetype");unicode-range:u+e007,u+e013,u+e01a,u+e01e,u+e049,u+e052,u+e055-e057,u+e077-e084,u+e087-e088,u+f081-f082,u+f08c,u+f092,u+f099-f09b,u+f0d2-f0d5,u+f0e1,u+f113,u+f136,u+f13b-f13c,u+f15a,u+f167-f169,u+f16b-f16e,u+f170-f171,u+f173-f174,u+f179-f17e,u+f180-f181,u+f184,u+f189-f18d,u+f194,u+f198,u+f19a-f19b,u+f19e,u+f1a0-f1a4,u+f1b4,u+f1bc,u+f1be,u+f1e8,u+f1ed,u+f1f0-f1f1,u+f20e,u+f210,u+f213-f214,u+f230,u+f232,u+f23a,u+f26b,u+f270,u+f288,u+f299,u+f29b,u+f2a6,u+f2b0,u+f2c5-f2c6,u+f2e0}
@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-brands-400-1.woff2) format("woff2"),url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-brands-400-1.ttf) format("truetype");unicode-range:u+f1a5-f1aa,u+f1b5-f1b7,u+f1bd,u+f1ca-f1cc,u+f1d0-f1d7,u+f1e7,u+f1e9,u+f1ee,u+f1f2-f1f5,u+f202-f203,u+f208-f209,u+f20d,u+f211-f212,u+f215-f216,u+f231,u+f237,u+f23b-f23e,u+f24b-f24c,u+f25e,u+f260-f261,u+f263-f26a,u+f26d-f26e,u+f27c-f27e,u+f280-f282,u+f284-f287,u+f289-f28a,u+f293-f294,u+f296-f298,u+f2a5,u+f2a9-f2ae,u+f2b1-f2b4,u+f2b8,u+f2c4,u+f2d5-f2da,u+f2dd-f2de}
@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-brands-400-2.woff2) format("woff2"),url(https://ka-p.fontawesome.com/releases/v6.7.2/webfonts/pro-fa-brands-400-2.ttf) format("truetype");unicode-range:u+f166}

/* --- Font Awesome: fa-v4-shims (moved) --- */
.fa.fa-glass{--fa:"\\f000"}.fa.fa-envelope-o{--fa:"\\f0e0"}.fa.fa-envelope-o,.fa.fa-star-o{font-family:"Font Awesome 6 Pro";font-weight:400}.fa.fa-star-o{--fa:"\\f005"}.fa.fa-close,.fa.fa-remove{--fa:"\\f00d"}.fa.fa-gear{--fa:"\\f013"}.fa.fa-trash-o{font-family:"Font Awesome 6 Pro";font-weight:400;--fa:"\\f2ed"}

/* --- Font Awesome: fa-main (placeholder moved) --- */
/*! Font Awesome main styles moved from index.html. */
/* If you need the full fa-main content, it is now included above.
  Keep the kit script tag in index.html for dynamic functionality. */