.input_a{background-color:#fff;color:#000;border:1px solid #c4cad1;font-family:"돋움","굴림","verdana","arial";font-size:14px;padding:2px 0 0 3px}.select_a{background-color:#fff;color:#333;border:1px solid #ccc;font-size:14px}.textarea_a{background-color:#fff;color:#000;border-width:1px;border-color:#c4cad1;border-style:solid;font-family:"돋움","굴림","verdana","arial";font-size:14px;overflow:auto}.input_b{background-color:#1c1c1e;color:#f9f9f9;border:1px solid #7e7e7e;font-family:"돋움","굴림","verdana","arial";font-size:14px;padding:2px 0 0 3px}.select_b{background-color:#1c1c1e;color:#f9f9f9;border:1px solid #7e7e7e;font-size:14px}.textarea_b{background-color:#1c1c1e;color:#f9f9f9;border-width:1px;border-color:#7e7e7e;border-style:solid;font-family:"돋움","굴림","verdana","arial";font-size:14px;overflow:auto}.sp_block_on{border:1px solid #a1a1a1;font-weight:bold}.sp_block_off{border:0;font-weight:bold}.sp_block2_on{border:1px solid #a1a1a1}.sp_block2_off{border:0}.sp_block_now{border:1px solid #acacac}.sp_block_now_font{font-weight:bold;color:#acacac}.ui-pagenate a,.ui-pagenate strong{display:inline-block;*zoom:1;*display:inline;font-size:12px;height:24px;line-height:24px;padding:0 9px;vertical-align:middle;margin:0 2px}.ui-pagenate a{border:1px solid #ccc;text-decoration:none;color:#555}.ui-pagenate a:hover{text-decoration:none}.ui-pagenate a.txt{font-weight:800;font-size:11px;font-family:Tahoma,Sans-Serif;letter-spacing:-3px}.ui-pagenate strong{color:#111;font-size:14px}body{margin:0;padding:0}.ibtn{display:inline-block;padding:.5em 1em .5em 1em;cursor:pointer;text-decoration:none;font-size:14px;border:1px solid #aaa;border-radius:.5em;font-weight:bold;color:#555;box-shadow:0 1px 2px rgba(0,0,0,.2);text-shadow:0 1px 0 rgba(255,255,255,1);background:#eee;background:-webkit-linear-gradient(#fff,#e8e8e8);background:linear-gradient(#fff,#e8e8e8)}

/* ===== DeepFarm 2025 Apple‑SmartFarm Theme ===== */
:root{
  --df-primary:#0fbcf9;        /* bright iOS blue          */
  --df-accent:#34c759;         /* iOS green accent         */
  --df-bg:#f9f9f9;             /* soft light gray          */
  --df-text:#1c1c1e;           /* near‑black text          */
  --df-muted:#8e8e93;          /* muted gray               */
  --df-radius:14px;
  --df-gradient:linear-gradient(130deg,#0fbcf9 0%,#34c759 100%);
}

/* Base typography & colours */
html,body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  background:var(--df-bg);
  color:var(--df-text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  scroll-behavior:smooth;
}

/* Hero gradient section */
#hero,
.section--gradient{
  background:var(--df-gradient);
  color:#fff;
}
#hero h1{
  font-size:clamp(36px,5vw,56px);
  font-weight:700;
  margin:0 0 .4em;
}
#hero p{
  font-size:clamp(18px,2vw,22px);
  opacity:.9;
  margin:0 0 1.2em;
}
#hero .btn{
  background:#fff;
  color:var(--df-primary)!important;
}

/* Frosted‑glass sticky header */
#header{
  position:sticky;
  top:0;
  z-index:999;
  backdrop-filter:blur(20px) saturate(200%);
  background:rgba(255,255,255,.86);
  border-bottom:1px solid rgba(0,0,0,.05);
  transition:background .3s ease;
}
#header.scrolled{background:rgba(255,255,255,.96);}
#header .logo img{height:32px;width:auto;}

/* Navigation links */
#header .gnb_list li a{
  padding:6px 14px;
  border-radius:8px;
  color:var(--df-text);
  font-weight:500;
  transition:background .2s ease;
}
#header .gnb_list li a:hover{background:rgba(0,0,0,.05);}

/* Containers */
.inner,.contents_wrap,.row{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

/* Buttons */
.button,.btn{
  display:inline-block;
  padding:12px 26px;
  background:var(--df-primary);
  color:#fff!important;
  border-radius:var(--df-radius);
  font-weight:600;
  transition:transform .15s ease,box-shadow .15s ease;
  box-shadow:0 4px 10px rgba(15,188,249,.3);
}
.button:hover,.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(15,188,249,.35);
}
.button:active,.btn:active{
  transform:translateY(0);
  box-shadow:0 2px 6px rgba(15,188,249,.25);
}

/* Card / tile */
.card,.item .inner{
  background:#fff;
  border-radius:var(--df-radius);
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  padding:32px;
  transition:transform .25s cubic-bezier(.34,1.56,.64,1);
}
.card:hover,
.item:hover .inner{transform:translateY(-8px) scale(1.02);}

/* Titles */
h1,h2,h3,.section-title{
  font-weight:700;
  letter-spacing:-0.015em;
  margin:0 0 .6em;
}
h1{font-size:clamp(32px,4vw,48px);}
h2{font-size:clamp(28px,3vw,40px);}
h3{font-size:clamp(24px,2.5vw,32px);}

/* Forms */
input,textarea,select{
  border:1px solid rgba(0,0,0,.15);
  border-radius:var(--df-radius);
  padding:10px 14px;
  background:#fff;
  font-size:15px;
}
input:focus,textarea:focus,select:focus{
  outline:none;
  border-color:var(--df-primary);
  box-shadow:0 0 0 3px rgba(15,188,249,.25);
}

/* Footer */
footer{
  background:#fff;
  border-top:1px solid rgba(0,0,0,.05);
  padding:60px 24px;
  text-align:center;
  color:var(--df-muted);
  font-size:15px;
}

/* =====  Simple fade‑slide reveal animation  ===== */
@keyframes fadeSlideUp{
  0%{opacity:0;transform:translateY(40px);}
  100%{opacity:1;transform:translateY(0);}
}
/* set [data-ani] on any element you wish to animate */
[data-ani]{opacity:0;transform:translateY(40px);}
[data-ani].appear{animation:fadeSlideUp .8s ease forwards;}
.appear-delay-1{animation-delay:.15s;}
.appear-delay-2{animation-delay:.3s;}
.appear-delay-3{animation-delay:.45s;}