/*
Theme Name: Thurcroft Freelancer 3D
Theme URI: https://thurcroftfreelancer.co.uk/
Author: Thurcroft Freelancer
Description: Animated neon 3D-style WordPress agency theme. Existing posts, pages and media remain intact.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: thurcroft-3d
*/
:root{--bg:#050716;--panel:#10142c;--white:#f6f8ff;--muted:#bac3dd;--blue:#00c9ff;--pink:#e337ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 10%,#1e1457 0,transparent 45%),var(--bg);color:var(--white);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1200px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:#060817df;backdrop-filter:blur(20px);border-bottom:1px solid #6262ad30}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:1.25rem;line-height:1.05}.brand-mark{font-weight:1000;font-size:2.3rem;letter-spacing:-.2em;padding-right:.2em;background:linear-gradient(140deg,#ed3ef4,#04d6ff);color:transparent;background-clip:text}.brand small{display:block;color:#ad9cff;font-size:.77rem}.main-nav ul{display:flex;gap:22px;list-style:none;padding:0;margin:0;align-items:center}.main-nav a:hover,.footer a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #8272cc;border-radius:15px;padding:13px 23px;font-weight:750;background:#10152a;transition:transform .2s,box-shadow .2s;cursor:pointer;color:white;font:inherit}.button:hover{transform:translateY(-3px);box-shadow:0 0 26px #6c3fff66}.button.primary{border-color:#cf66f4;background:linear-gradient(105deg,#008dff,#9b28f7,#ed3bd5);box-shadow:0 0 24px #8027e866}.menu-toggle{display:none}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;position:relative;padding:95px 0 90px}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#b9bcf2;font-size:.75rem;font-weight:750}.hero h1{font-size:clamp(2.7rem,5vw,5.2rem);line-height:1.08;letter-spacing:-.055em;margin:18px 0 20px}.gradient{background:linear-gradient(110deg,#55baff,#dd44ee);color:transparent;background-clip:text}.lead{font-size:1.13rem;color:var(--muted);max-width:590px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-art{height:460px;perspective:900px;position:relative;transform-style:preserve-3d}.orbit{position:absolute;border:2px solid #763cff;border-radius:50%;inset:13% 0;transform:rotate(-24deg) rotateX(70deg);box-shadow:0 0 30px #863bff, inset 0 0 30px #2d95ff;animation:orbit 12s linear infinite}.orbit.two{inset:3% 8%;border-color:#09d4ff;animation-duration:16s;animation-direction:reverse}.device{position:absolute;left:10%;top:12%;width:76%;height:70%;border:12px solid #101629;border-radius:22px;background:linear-gradient(140deg,#18113f,#090c1d);box-shadow:0 30px 90px #000,0 0 45px #7636ff8c;transform:rotateY(-16deg) rotateX(6deg);animation:float 6s ease-in-out infinite;overflow:hidden}.device-top{height:32px;background:#090c20;padding:6px 15px;color:#d0a4ff;font-size:.75rem}.device-screen{padding:28px 25px;background:radial-gradient(circle at 75% 25%,#4e1fa4,transparent 55%),#0a1026;height:calc(100% - 32px)}.device-screen strong{display:block;font-size:clamp(1.5rem,2.8vw,2.5rem);line-height:1.15}.device-screen p{color:#c4cae7;font-size:.9rem}.screen-blocks{display:flex;gap:10px;margin-top:25px}.screen-blocks span{height:70px;flex:1;border:1px solid #4e7fff;border-radius:12px;background:linear-gradient(130deg,#23154f,#16245b)}.phone{position:absolute;right:0;bottom:5%;width:28%;height:53%;border:8px solid #1b234a;border-radius:27px;background:linear-gradient(145deg,#2a105e,#08142f);box-shadow:0 0 38px #00bfff7a;transform:rotateY(-22deg) rotateZ(7deg);animation:float 5s ease-in-out infinite reverse;padding:38px 12px 12px;font-weight:800}.glow{position:absolute;width:330px;height:330px;left:20%;top:10%;background:#8034ff65;filter:blur(85px);pointer-events:none}.section{padding:85px 0}.section h2{font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.15;margin:12px 0 18px}.section-intro{color:var(--muted);max-width:700px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.card{position:relative;padding:28px 23px;min-height:250px;border:1px solid #4a4f9d;border-radius:24px;background:linear-gradient(145deg,#181b40d9,#0a1027e8);box-shadow:inset 0 1px #ffffff19;transition:transform .3s,border-color .3s;transform-style:preserve-3d}.card:hover{transform:translateY(-12px) rotateX(3deg);border-color:#be42ff}.card-icon{font-size:2.3rem;display:block;margin-bottom:24px}.card h3{margin:0 0 8px}.card p{color:var(--muted);font-size:.94rem}.card a{color:#85dcff;font-weight:750}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.feature{border:1px solid #5254a5;background:#111631;border-radius:24px;padding:32px;box-shadow:0 0 50px #4825b62a}.feature ul{padding-left:20px;color:#d0d8ed}.portfolio-preview{border-radius:24px;border:1px solid #5b48b4;box-shadow:0 0 40px #6136db4a;display:block}.cta{background:linear-gradient(110deg,#121b4a,#34165d);border:1px solid #6358be;border-radius:28px;padding:55px 35px;text-align:center}.cta h2{margin-top:0}.page-shell{padding:75px 0 100px;min-height:50vh}.page-shell h1{font-size:clamp(2.3rem,5vw,4rem)}.entry-content{max-width:850px;color:#e0e5f4}.entry-content a{text-decoration:underline;color:#78ddff}.entry-content input,.entry-content textarea,.entry-content select,.quote-form input,.quote-form textarea{width:100%;border:1px solid #6267a3;border-radius:12px;background:#111733;color:#fff;padding:13px;font:inherit}.quote-form{display:grid;gap:14px;max-width:650px}.quote-form label{font-weight:700}.quote-form label span{display:block;margin-bottom:5px}.quote-form textarea{min-height:130px}.form-note{color:#b6c1df;font-size:.85rem}.notice{border:1px solid #5dbead;background:#15342f;padding:15px;border-radius:10px}.footer{border-top:1px solid #424778;background:#070a1b;padding:42px 0;color:#b4c1df}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{margin-left:14px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:15px;z-index:99;background:#fff;color:#000;padding:12px}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -18px}}@keyframes orbit{to{transform:rotate(336deg) rotateX(70deg)}}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.main-nav ul{gap:12px}.main-nav a{font-size:.86rem}}@media(max-width:760px){.menu-toggle{display:block;background:transparent;color:white;border:1px solid #6672a7;border-radius:10px;padding:8px 12px}.main-nav{display:none;position:absolute;top:79px;left:0;right:0;background:#080b20;padding:20px}.main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:stretch}.header-cta{display:none}.hero{grid-template-columns:1fr;padding:60px 0 45px;min-height:auto}.hero-art{height:330px}.device{left:3%;width:80%}.phone{right:0}.split{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.section{padding:55px 0}.footer a{margin-left:0;margin-right:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
