/*
                          ,
   ,-.       _,---._ __  / \
  /  )    .-'       `./ /   \
 (  (   ,'            `/    /|
  \  `-"             \'\   / |
   `.              ,  \ \ /  |
    /`.          ,'-`----Y   |
   (            ;        |   '
   |  ,-.    ,-'         |  /
   |  | (   |            | /
   )  |  \  `.___________|/
   `--'   `--'

    ©thatako.net™ 2026-2026
    Proprietary software. All rights reserved.
    No redistribution, modification, or reuse without permission.

    | ABOUT ------------------------------------------------
    I'm aitji (also known as "Suriya Inchoo").
    Curious council student, full-stack developer, and code optimizer.
    I like building cool things.

    Code was big. Brain was tired.
    Minify button fixed everything.

    | CONTACT ----------------------------------------------
    Email: aitji@duck.com
      \ preferred method
    Discord: @aitji (aitji.is-a.dev/discord)
      \ tickets are fastest, DMs may be ignored
    GitHub: github.com/aitji

    | LEGAL ------------------------------------------------
    "thatako.net" This site is build for Thatako School, but fully build by @aitji wink-winked.
*/

.hero{padding:var(--space-xl) 0 var(--space-lg);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl)}.hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.hero-eyebrow:before{content:"";display:inline-block;width:20px;height:2px;background:var(--color-accent)}.hero h1{font-size:32px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-md);line-height:1.2}.hero p{font-size:15px;color:var(--color-text-muted);max-width:520px;margin-bottom:var(--space-lg)}.hero-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:7px 16px;font-size:13px;font-family:var(--font-family);color:var(--color-button-text);font-weight:700;cursor:pointer;text-decoration:none;border:1px solid transparent}.btn:hover{text-decoration:none}.btn-primary{background:var(--color-primary);color:var(--color-button-text);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-button-text)}.btn-ghost{background:none;color:var(--color-text-muted);border-color:var(--color-border)}.btn-ghost:hover{border-color:var(--color-text-muted);color:var(--color-text-primary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);text-decoration:none}.card:hover{border-color:var(--color-border-input);background:var(--color-active-bg);text-decoration:none}.card-icon{width:32px;height:32px;background:var(--color-active-bg);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-accent);margin-bottom:var(--space-xs)}.card-title{font-size:13px;font-weight:700;color:var(--color-text-primary)}.card-desc{font-size:12px;color:var(--color-text-muted);line-height:1.5}.todo-list{list-style:none;margin-bottom:var(--space-xl)}.todo-section-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);margin:var(--space-lg) 0 var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.todo-section-label:after{content:"";flex:1;height:1px;background:var(--color-border)}.todo-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:10px 0;font-size:13.5px;color:var(--color-text-muted)}.todo-item:last-child{border-bottom:none}.todo-item .todo-icon{width:18px;height:18px;border:1px solid var(--color-border-input);display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;margin-top:2px}.todo-item.done .todo-icon{background:var(--color-badge-green-bg);border-color:var(--color-badge-green-bg);color:var(--color-badge-green-text)}.todo-item.wip .todo-icon{border-color:var(--color-accent);color:var(--color-accent)}.todo-item.done>span{text-decoration:line-through;opacity:.5}.infra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm);margin-bottom:var(--space-xl)}.infra-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--space-md);display:flex;flex-direction:column;gap:4px}.infra-item .infra-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.infra-item .infra-value{font-size:13px;color:var(--color-text-primary);font-weight:700}.infra-item .infra-role{font-size:11px;color:var(--color-text-muted)}@media(max-width:520px){.hero h1{font-size:24px}.card-grid{grid-template-columns:1fr}.infra-grid{grid-template-columns:1fr 1fr}}