/*
Theme Name: TENTALES
Theme URI: https://example.com/
Author: TENTALES Studio
Author URI: https://example.com/
Description: Premium Flutter Development & Mobile Product Studio WordPress Theme. 100% identical design system, dynamic theme toggle, interactive 3D phone showcase, stats counter animations, and portfolio filtering.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tentales
Tags: dark-mode, light-mode, responsive-layout, portfolio, custom-logo, custom-menu, feature-images, theme-options
*/

:root{--bg:#080909;--surface:#111313;--surface2:#171a19;--text:#f5f7f2;--muted:#9aa39b;--lime:#b7ff32;--line:rgba(255,255,255,.11);--shadow:0 24px 70px rgba(0,0,0,.32);--radius:24px;--max:1240px}
[data-theme="light"]{--bg:#f3f5ef;--surface:#fff;--surface2:#e9ede5;--text:#10120f;--muted:#596159;--line:rgba(16,18,15,.12);--shadow:0 24px 70px rgba(16,18,15,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");z-index:20}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}.nav{position:fixed;z-index:50;top:14px;left:50%;transform:translateX(-50%);width:min(var(--max),calc(100% - 28px));padding:12px 14px;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--surface) 78%,transparent);border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:18px;box-shadow:var(--shadow)}
.logo{display:inline-flex;align-items:center;height:38px}.logo img{display:block;width:108px;height:38px;object-fit:contain;object-position:center}.logo span{color:var(--lime)}
.links{display:flex;gap:6px;align-items:center}
.links ul{display:flex;gap:6px;align-items:center;list-style:none;margin:0;padding:0}
.links li{margin:0;padding:0;list-style:none}
.links a,.theme{padding:10px 12px;border-radius:12px;color:var(--muted);font-size:.86rem;font-weight:700;display:inline-block}
.links a:hover,.links a.active,.links .current-menu-item > a,.links .current_page_item > a{color:var(--text);background:var(--surface2)}
.theme{border:1px solid var(--line);background:transparent;color:var(--text)}.menu{display:none;border:0;background:transparent;color:var(--text);font-size:1.4rem}
.hero{min-height:92vh;padding:150px 0 90px;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;position:relative}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:var(--lime);filter:blur(150px);opacity:.1;right:-220px;top:120px;pointer-events:none}.eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--lime);font-weight:900}.hero h1{font-size:clamp(4rem,9vw,9rem);line-height:.82;letter-spacing:-.075em;margin:18px 0 28px;font-weight:950}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--text)}.hero p{font-size:clamp(1rem,1.6vw,1.25rem);color:var(--muted);max-width:600px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 19px;border-radius:14px;border:1px solid var(--line);font-weight:900;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;transition:.3s}.btn.primary{background:var(--lime);color:#080909;border-color:var(--lime)}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(183,255,50,.16)}
.scene{height:570px;position:relative;perspective:1100px}.phone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateY(-17deg) rotateX(7deg);width:280px;height:560px;border:10px solid #242825;border-radius:43px;background:#050606;box-shadow:35px 40px 80px #0008,0 0 0 1px #ffffff18;overflow:hidden;transition:transform .18s ease-out}.phone:before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:90px;height:24px;border-radius:20px;background:#111;z-index:4}.screen{height:100%;padding:70px 18px 20px;background:radial-gradient(circle at 70% 20%,#b7ff3230,transparent 32%),linear-gradient(145deg,#151916,#060807)}.screen h3{font-size:2.5rem;letter-spacing:-.07em;margin:25px 0 5px}.ui-card{border:1px solid #fff2;background:#ffffff0a;border-radius:18px;padding:15px;margin:13px 0;backdrop-filter:blur(8px)}.bar{height:8px;background:#ffffff16;border-radius:99px;margin:9px 0}.bar i{display:block;height:100%;width:72%;background:var(--lime);border-radius:99px}.float{position:absolute;padding:13px 15px;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);backdrop-filter:blur(14px);font-size:.76rem;font-weight:900}.f1{top:16%;left:3%}.f2{right:0;top:30%}.f3{bottom:15%;left:7%}.orb{position:absolute;border-radius:50%;filter:blur(.2px);background:var(--lime);opacity:.8}.o1{width:16px;height:16px;right:14%;top:15%}.o2{width:8px;height:8px;left:16%;bottom:25%}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:50px}.stat{padding:20px;border-top:1px solid var(--line)}.stat strong{display:block;font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.06em}.stat span{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}
section{padding:105px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}.section-head h2{font-size:clamp(2.6rem,6vw,6rem);letter-spacing:-.07em;line-height:.86;margin:0}.section-head p{max-width:440px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{position:relative;padding:25px;border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface2));border-radius:var(--radius);min-height:250px;overflow:hidden;transition:transform .35s,border-color .35s}.card:hover{transform:translateY(-7px) rotateX(1deg);border-color:#b7ff3266}.num{font-size:.7rem;color:var(--lime);font-weight:900;letter-spacing:.15em}.card h3{font-size:1.6rem;letter-spacing:-.05em;margin:40px 0 8px}.card p{color:var(--muted);line-height:1.6;font-size:.9rem}.tag{display:inline-block;padding:6px 9px;border-radius:99px;background:#b7ff3212;color:var(--lime);font-size:.68rem;font-weight:900;text-transform:uppercase}.manifesto{background:var(--lime);color:#080909}.manifesto h2{font-size:clamp(3rem,8vw,8rem);line-height:.82;letter-spacing:-.08em;margin:0;max-width:900px}.manifesto p{max-width:600px;font-size:1.15rem;line-height:1.7}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:18px 0;white-space:nowrap}.ticker-track{display:inline-block;animation:marquee 22s linear infinite;font-weight:950;letter-spacing:.12em;font-size:.8rem}.ticker-track span{margin-right:55px;color:var(--lime)}@keyframes marquee{to{transform:translateX(-50%)}}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 13px;border-radius:99px;font-size:.76rem;font-weight:900}.filter.active,.filter:hover{background:var(--lime);color:#080909;border-color:var(--lime)}
.game-card{background:radial-gradient(circle at 90% 10%,#b7ff3230,transparent 28%),linear-gradient(145deg,#191d1a,#080a09);min-height:290px}.game-card h3{font-size:2rem}.game-icon{font-size:3rem;position:absolute;right:22px;top:18px;filter:drop-shadow(0 0 18px #b7ff3288)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.field input,.field select,.field textarea{width:100%;padding:15px;border-radius:13px;border:1px solid var(--line);background:var(--surface);color:var(--text);outline:none}.field textarea{min-height:170px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px #b7ff3222}.notice{color:var(--muted);font-size:.8rem;margin-top:12px}
footer{border-top:1px solid var(--line);padding:45px 0;color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;font-size:.8rem}.wa{position:fixed;right:20px;bottom:20px;z-index:45;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#080909;font-weight:950;box-shadow:0 15px 35px #0005;transition:.3s}.wa:hover{transform:scale(1.08)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay1{transition-delay:.08s}.delay2{transition-delay:.16s}.delay3{transition-delay:.24s}
.page-hero{padding:170px 0 90px}.page-hero h1{font-size:clamp(4rem,11vw,10rem);letter-spacing:-.08em;line-height:.82;margin:15px 0}.page-hero p{max-width:650px;color:var(--muted);font-size:1.1rem}
.empty{display:none;text-align:center;color:var(--muted);padding:50px}.legal{max-width:850px}.legal h2{margin-top:45px}.legal p,.legal li{color:var(--muted);line-height:1.8}.published-card{min-height:220px}.status{position:absolute;right:20px;top:20px;color:var(--lime);font-size:.68rem;font-weight:900}
@media(max-width:900px){.hero{grid-template-columns:1fr}.scene{height:510px}.grid{grid-template-columns:repeat(2,1fr)}.links{display:none}.menu{display:block}.nav.open .links{display:flex;position:absolute;top:65px;left:0;right:0;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column}.nav.open .links a{width:100%}.nav.open .links ul{flex-direction:column;width:100%}}
@media(max-width:600px){.logo img{width:92px;height:34px}.container{width:min(var(--max),calc(100% - 26px))}.hero{padding-top:125px;min-height:auto}.hero h1{font-size:clamp(3.8rem,18vw,6rem)}.scene{height:440px}.phone{width:220px;height:420px;border-width:8px;border-radius:34px}.screen{padding:50px 14px 15px}.screen h3{font-size:2rem}.f1{left:0}.f2{right:-4px}.stats,.grid{grid-template-columns:1fr}.stats{margin-top:35px}.section-head{display:block}.section-head h2{margin-bottom:20px}.form{grid-template-columns:1fr}.field.full{grid-column:auto}.page-hero{padding-top:130px}.page-hero h1{font-size:clamp(4rem,18vw,7rem)}section{padding:75px 0}.footer-grid{display:block}.footer-links{margin-top:20px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.ticker-track{animation:none}.phone{transition:none}.card,.btn,.wa{transition:none}}

/* WordPress Core Alignment */
.alignwide{max-width:calc(var(--max) + 100px);margin-left:auto;margin-right:auto}
.alignfull{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}