:root{--tfm-primary:#5468ff;--tfm-cyan:#13c8d7;--tfm-purple:#8b5cf6;--tfm-navy:#0c1730;--tfm-bg:#f5f7fb;--tfm-surface:#fff;--tfm-text:#17223b;--tfm-muted:#68748a;--tfm-line:#e2e7f0;--tfm-success:#19a974;--tfm-warning:#f59e0b;--tfm-danger:#ef476f;--tfm-shadow:0 20px 55px rgba(23,34,59,.11);--tfm-radius:18px}
[data-tfm-theme=dark]{--tfm-bg:#09111f;--tfm-surface:#111d30;--tfm-text:#eaf0fc;--tfm-muted:#9aa9bf;--tfm-line:#263651;--tfm-navy:#f1f5ff;--tfm-shadow:0 20px 55px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--tfm-bg);color:var(--tfm-text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6;overflow-x:hidden;transition:background .25s,color .25s}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.tfm-container{width:min(1200px,calc(100% - 40px));margin:auto}.tfm-section{padding:88px 0}.tfm-eyebrow{color:var(--tfm-primary);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.tfm-title{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:.55rem 0 1rem;color:var(--tfm-navy);letter-spacing:-.04em}.tfm-lead{font-size:1.08rem;color:var(--tfm-muted);max-width:680px}.tfm-center{text-align:center}.tfm-center .tfm-lead{margin-inline:auto}.tfm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:13px 20px;background:var(--tfm-primary);color:#fff;font-weight:750;cursor:pointer;transition:.25s}.tfm-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(84,104,255,.28)}.tfm-btn-outline{background:transparent;color:var(--tfm-text);border:1px solid var(--tfm-line);box-shadow:none}.tfm-navbar{height:78px;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--tfm-surface) 90%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--tfm-line)}.tfm-nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.tfm-brand{display:flex;align-items:center;gap:10px;font-weight:850;color:var(--tfm-navy);white-space:nowrap}.tfm-navbar-logo{width:52px;height:52px;object-fit:contain}.tfm-menu{display:flex;align-items:center;gap:20px;font-size:.9rem;font-weight:650}.tfm-menu a:hover,.tfm-menu a[aria-current=page]{color:var(--tfm-primary)}.tfm-nav-actions{display:flex;gap:8px}.tfm-theme,.tfm-hamburger{width:40px;height:40px;border:1px solid var(--tfm-line);border-radius:10px;background:var(--tfm-surface);color:var(--tfm-text);cursor:pointer}.tfm-hamburger{display:none}.tfm-hero{min-height:690px;display:grid;align-items:center;background:radial-gradient(circle at 80% 20%,rgba(19,200,215,.14),transparent 32%),radial-gradient(circle at 10% 80%,rgba(139,92,246,.13),transparent 30%)}.tfm-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:65px}.tfm-hero h1{font-size:clamp(3.3rem,7vw,6rem);line-height:.95;letter-spacing:-.07em;margin:.5rem 0 1.4rem;color:var(--tfm-navy)}.tfm-gradient-text{background:linear-gradient(90deg,var(--tfm-primary),var(--tfm-cyan));background-clip:text;color:transparent}.tfm-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.tfm-app-visual{background:#0d1830;color:#eaf2ff;border-radius:24px;padding:18px;box-shadow:0 35px 90px rgba(31,48,100,.28);transform:perspective(1000px) rotateY(-4deg);animation:tfm-float 6s ease-in-out infinite}.tfm-app-top{display:flex;gap:7px;margin-bottom:18px}.tfm-dot{width:9px;height:9px;border-radius:50%;background:#5468ff}.tfm-visual-grid{display:grid;grid-template-columns:130px 1fr;gap:14px}.tfm-visual-side{background:#121f3b;border-radius:14px;padding:14px}.tfm-visual-side span{display:block;height:9px;background:#243455;border-radius:5px;margin:12px 0}.tfm-visual-main{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tfm-mini-stat,.tfm-mini-task{background:#172643;border:1px solid #273a5f;border-radius:12px;padding:13px}.tfm-mini-stat strong{display:block;font-size:1.35rem}.tfm-mini-board{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tfm-mini-task{min-height:105px}.tfm-mini-task i{display:block;width:65%;height:7px;background:#314768;border-radius:5px;margin:9px 0}.tfm-mini-task:nth-child(2){transform:translateY(12px)}
.tfm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tfm-panel,.tfm-feature-card,.tfm-project-card,.tfm-task-card,.tfm-team-card,.tfm-stat{background:var(--tfm-surface);border:1px solid var(--tfm-line);border-radius:var(--tfm-radius);box-shadow:0 1px 2px rgba(0,0,0,.02)}.tfm-feature-card,.tfm-panel,.tfm-stat{padding:25px}.tfm-feature-card,.tfm-project-card,.tfm-team-card{transition:.3s}.tfm-feature-card:hover,.tfm-project-card:hover,.tfm-team-card:hover{transform:translateY(-6px);box-shadow:var(--tfm-shadow)}.tfm-icon{width:48px;height:48px;border-radius:13px;background:color-mix(in srgb,var(--tfm-primary) 12%,transparent);color:var(--tfm-primary);display:grid;place-items:center;font-size:1.4rem}.tfm-band{background:#0d1830;color:#dbe6fa}.tfm-band .tfm-title{color:#fff}.tfm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tfm-stat strong{display:block;font-size:2.25rem;color:var(--tfm-cyan)}.tfm-project-card{overflow:hidden}.tfm-project-img{height:190px;width:100%;object-fit:cover}.tfm-card-body{padding:22px}.tfm-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tfm-tag{font-size:.75rem;font-weight:750;padding:5px 9px;border-radius:30px;background:color-mix(in srgb,var(--tfm-primary) 12%,transparent);color:var(--tfm-primary)}.tfm-progress{height:8px;background:var(--tfm-line);border-radius:9px;overflow:hidden}.tfm-progress span{display:block;height:100%;width:var(--tfm-progress);background:linear-gradient(90deg,var(--tfm-primary),var(--tfm-cyan));border-radius:9px;animation:tfm-grow 1.2s ease}.tfm-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--tfm-muted);font-size:.84rem;margin-top:14px}.tfm-page-head{padding:90px 0 60px;background:linear-gradient(120deg,#0d1830,#182c52);color:#fff}.tfm-page-head .tfm-title{color:#fff}.tfm-filter{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:10px;margin-bottom:28px}.tfm-input{width:100%;padding:12px 13px;border:1px solid var(--tfm-line);background:var(--tfm-surface);color:var(--tfm-text);border-radius:10px;outline:none}.tfm-input:focus{border-color:var(--tfm-primary);box-shadow:0 0 0 3px rgba(84,104,255,.12)}.tfm-kanban{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:14px;overflow-x:auto;padding-bottom:15px}.tfm-kanban-column{background:color-mix(in srgb,var(--tfm-surface) 75%,var(--tfm-bg));border:1px solid var(--tfm-line);border-radius:16px;padding:14px;min-height:390px}.tfm-kanban-task{background:var(--tfm-surface);border:1px solid var(--tfm-line);border-radius:12px;padding:14px;margin:10px 0;box-shadow:0 5px 15px rgba(15,30,60,.05);cursor:grab;transition:.2s}.tfm-kanban-task:hover{transform:rotate(.5deg) translateY(-2px)}.tfm-kanban-task.tfm-dragging{opacity:.45}.tfm-task-table{width:100%;border-collapse:collapse}.tfm-task-table th,.tfm-task-table td{text-align:left;padding:14px;border-bottom:1px solid var(--tfm-line)}.tfm-priority-high{color:var(--tfm-danger)}.tfm-priority-medium{color:var(--tfm-warning)}.tfm-priority-low{color:var(--tfm-success)}.tfm-team-img{width:100%;height:270px;object-fit:cover}.tfm-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--tfm-primary),var(--tfm-purple));color:#fff;display:grid;place-items:center;font-weight:800}.tfm-chart{height:220px;display:flex;align-items:end;gap:12px;padding-top:30px}.tfm-bar{flex:1;height:var(--tfm-bar);background:linear-gradient(var(--tfm-cyan),var(--tfm-primary));border-radius:8px 8px 2px 2px;position:relative}.tfm-bar span{position:absolute;bottom:-27px;left:50%;transform:translateX(-50%);font-size:.75rem}.tfm-dashboard{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 78px)}.tfm-sidebar{background:#0d1830;color:#dce7fa;padding:25px}.tfm-sidebar a{display:block;padding:11px;border-radius:9px;margin:5px 0}.tfm-sidebar a:hover{background:#1a2c4c}.tfm-dashboard-main{padding:35px}.tfm-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tfm-activity{list-style:none;padding:0}.tfm-activity li{padding:13px 0;border-bottom:1px solid var(--tfm-line)}.tfm-login{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1fr 1fr}.tfm-login-brand{padding:8vw;background:radial-gradient(circle at 20% 20%,rgba(19,200,215,.22),transparent 30%),#0d1830;color:#fff;display:flex;flex-direction:column;justify-content:center}.tfm-login-logo{width:100px;height:100px;object-fit:contain}.tfm-login-side{display:grid;place-items:center;padding:45px}.tfm-login-card{width:min(460px,100%);animation:tfm-rise .6s ease}.tfm-form{display:grid;gap:15px}.tfm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tfm-field label{display:block;font-weight:650;margin-bottom:5px}.tfm-password{position:relative}.tfm-password button{position:absolute;right:8px;bottom:7px;border:0;background:none;color:var(--tfm-primary);cursor:pointer}.tfm-check{display:flex;justify-content:space-between;font-size:.9rem}.tfm-footer{background:#081222;color:#aebbd0;padding:65px 0 24px}.tfm-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.tfm-footer-logo{width:80px;height:80px;object-fit:contain}.tfm-footer h3{color:#fff}.tfm-footer a{display:block;margin:7px 0}.tfm-copyright{border-top:1px solid #24334e;margin-top:35px;padding-top:20px}.tfm-toast{position:fixed;right:24px;bottom:24px;background:#152445;color:#fff;border-left:4px solid var(--tfm-cyan);padding:14px 18px;border-radius:10px;box-shadow:var(--tfm-shadow);opacity:0;transform:translateY(100px);transition:.3s;z-index:100}.tfm-toast.tfm-show{opacity:1;transform:none}.tfm-reveal{opacity:0;transform:translateY(22px);transition:.65s}.tfm-reveal.tfm-visible{opacity:1;transform:none}@keyframes tfm-float{50%{transform:perspective(1000px) rotateY(-4deg) translateY(-10px)}}@keyframes tfm-grow{from{width:0}}@keyframes tfm-rise{from{opacity:0;transform:translateY(22px)}}
@media(max-width:1050px){.tfm-menu{position:fixed;top:78px;left:0;right:0;background:var(--tfm-surface);padding:24px;display:grid;transform:translateY(-130%);opacity:0;transition:.3s;border-bottom:1px solid var(--tfm-line)}.tfm-menu.tfm-open{transform:none;opacity:1}.tfm-hamburger{display:inline-grid;place-items:center}.tfm-hero-grid{grid-template-columns:1fr 1fr;gap:30px}.tfm-grid{grid-template-columns:repeat(2,1fr)}.tfm-filter{grid-template-columns:repeat(2,1fr)}.tfm-dashboard{grid-template-columns:1fr}.tfm-sidebar{display:none}}
@media(max-width:768px){.tfm-section{padding:65px 0}.tfm-hero{padding:65px 0}.tfm-hero-grid,.tfm-login{grid-template-columns:1fr}.tfm-hero h1{font-size:3.5rem}.tfm-app-visual{transform:none}.tfm-stats,.tfm-dashboard-grid{grid-template-columns:repeat(2,1fr)}.tfm-login-brand{display:none}.tfm-footer-grid{grid-template-columns:repeat(2,1fr)}.tfm-task-table{min-width:720px}.tfm-panel.tfm-table-wrap{overflow:auto}}
@media(max-width:576px){.tfm-container{width:calc(100% - 28px)}.tfm-brand span{display:none}.tfm-navbar-logo{width:46px;height:46px}.tfm-grid,.tfm-stats,.tfm-dashboard-grid,.tfm-filter,.tfm-form-row,.tfm-footer-grid{grid-template-columns:1fr}.tfm-hero h1{font-size:3rem}.tfm-visual-grid{grid-template-columns:1fr}.tfm-visual-side{display:none}.tfm-dashboard-main{padding:25px 14px}.tfm-nav-actions .tfm-btn{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tfm-reveal{opacity:1;transform:none}}
.tfm-hero{background:linear-gradient(90deg,var(--tfm-bg) 0%,color-mix(in srgb,var(--tfm-bg) 92%,transparent) 42%,color-mix(in srgb,var(--tfm-bg) 55%,transparent) 100%),url('assets/images/teamflow-hero.png') center/cover no-repeat}